/*----------------公共css样式--------------*/
body{
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin:0;
    height: auto;
    padding: 0;
	/* 微信浏览器：防止微信字体调大导致页面样式错乱，ios系统加样式解决，android系统需要通过js实现 */
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
iframe{
	height:100vh;
	width: 100vw;
	border:0 none;
	position:fixed;
	top:0;
	left:0;
	z-index: 99;
}
ul,li {
	padding:0;
	margin:0;
	list-style: none;
}
.upwarp-nodata{
    margin-top: 10px;
}
.h60{
    height: 60px;
}

#headerArea a, #headerArea h1,.mui-bar a, .mui-bar h1 {
    color: #fff;
}
#headerArea,.mui-bar{
    background: #2c83ea;
}
.mui-bar .mui-title{
	font-size: 1.2em;
    color: #fff !important;
}
.mui-card{
	margin: 5px 0px;
}
.mui-card-header{
	font-size: 1.4em;
}
.mui-card-header-span {
	border-left:5px solid #0ED49A;
	padding-left: 10px;
	font-weight: bold;
}
.mui-card-content{
	padding: 5px;
}
.mui-icon-back:before, .mui-icon-left-nav:before{
	color: #fff;
}
.topheader{
    background: #1178ce;
    box-shadow: none;
}
.color-b1{
    color:#b1b1b1;
}
.color-red{
    color:#f00;
}
.color-999{
    color:#999;
}
.color-666{
    color:#666;
}
.color-333{
    color:#333;
}
.color-white{
    color: #fff;
}
.color-green{
    color:#1ba118;
}
.color-orange{
    color: #ffa816;
}
.color-gray{
    color:gray;
}
.bg-white{
    background-color: #fff;
}
.bg-blue{
    background-color: #2c83ea;
}
.bg-gray{
    background-color: #efeff4 !important;
}
.color-blue{
    color: #2363DF;
}
.text-center{
    text-align: center;
}
.mui-bar .mui-title {
    font-size: 1.2em;
}
.hide{
    display: none !important;
}
.full {
    width: 100%;
}
input{
    margin-bottom: 0 !important;
}
.flex{
    display: flex;
    align-items: center;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-end{
    display: flex;
    justify-content: flex-end;
}
.quarter{
    width: 25%;
}
.flex-start{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-column{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.f1{
    flex:1;
}
.f2{
    flex:2;
}
.f3{
    flex:3;
}
.f4{
    flex:4;
}
.f5{
    flex:5;
}
.f6{
    flex:6;
}
.noborder {
    box-shadow: none;
    margin: 0;
    border:0;
}
.no-margin-bottom{
    margin-bottom: 0 !important;
}
.no-padding-bottom{
    padding-bottom: 0 !important;
}
.no-padding-top{
    padding-top: 0 !important;
}
.relative{
    position:relative;
}
.absolute{
    position: absolute;
}
.font-12{
    font-size: 12px;
	word-break: break-all;
}
.font-13{
    font-size: 13px;
	word-break: break-all;
}
.font-14{
    font-size: 14px;
	word-break: break-all;
}
.font-15{
    font-size: 15px;
	word-break: break-all;
}
.font-16{
    font-size: 16px;
	word-break: break-all;
}
.font-18{
    font-size: 18px;
	word-break: break-all;
}
.font-20 {
    font-size: 20px;
	word-break: break-all;
}
.bold{
    font-weight: bold;
}
.line-1{
    line-height: 1em;
}
.line-2{
    line-height: 2em;
}
.line-3{
    line-height: 3em;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.mr20{
    margin-right: 20px;
}
.pt20 {
    margin-top: 20px;
}
.overhide{
    overflow: hidden;
}

.card{
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 16px;
}

.pd-10{
    padding: 10px;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
.nowrap{
    white-space: nowrap;
}
footer {
	position: fixed;
    overflow: hidden;
    width: calc(100% - 30px);
	bottom: 0;
    right: 15px;
    left: 15px;
    background: #fff;
	z-index: 200;
}
.fixedButton {
    border-radius: 8px;
    margin: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
	margin-bottom: 10px;
}
.card-wrap{
	margin-top: 75px;
	margin-bottom: 49px;
}
/**取消点击背景**/
.mui-table-view-cell.mui-active{
	background-color: transparent;
}

.notice__tips {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
}
.animate {
    padding-left: 20px;
    display: inline-block;
    white-space: nowrap;
    animation: 20s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}