html,body,div,ul,ol,dl,li,h1,h2,h3,h4,h5,h6,p,a,span,dd,dt,header,section,input,i{
	margin: 0;
	padding: 0;
	font: 10px/1.5 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif,\5b8b\4f53;
	color: #333;
}
* {
	-webkit-overflow-scrolling: touch;
}
html,body{
	width: 100%;
	height: 100%;
	overflow: scroll;
}
a{ 
	color:#2F3545;
	text-decoration: none;
}
li{
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
input{
	outline: none;
	border:none;
}
img{
	display: block;
	width: 100%;
	height: 100%;
}
i{
	font-style: normal;
}
.height100{
	height: 100%;
}
.disabled{ pointer-events: none; }
.clear{
	clear:both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.flex{
	display: flex;
}
.ovh{
	overflow: hidden;
}
.flex1{
	flex: 1;
}
.flexBetween{
	justify-content: space-between;
}
.flexCenter{
	justify-content: center;
}
.flexAround{
	justify-content: space-around;
}
.flexEnd{
	justify-content: flex-end;
}
.flexColumn{
	flex-direction: column;
}

.icon20{
	width: 1rem;
	height: 1rem;
}
.icon32{
	width: 1.6rem !important;
	height: 1.6rem !important;
}
.icon40{
	width: 2rem;
	height: 2rem;
}
.icon48{
	width:2.4rem;
	height: 2.4rem; 
}
.icon56{
	width: 2.8rem; 
	height: 2.8rem;
}
.icon64{
	width: 3.2rem;
	height: 3.2rem;
}
.icon96{
	width: 4.8rem;
	height: 4.8rem;
}
.icon112{
	width: 5.6rem;
	height: 5.6rem;
}
.icon128{
	width: 6.4rem;
	height: 6.4rem;
}
.fs10{
	font-size: 1rem;
}
.fs12{
	font-size: 1.2rem;
}
.fs14{
	font-size: 1.4rem;
}
.fs16{
	font-size: 1.6rem;
}
.fs18{
	font-size: 1.8rem;
}
.fs20{
	font-size: 2rem;
}
.fs24{
	font-size: 2.4rem;
}
.color333{
	color: #333!important;
}
.color666{
	color: #666!important;
}
.color999{
	color: #999!important;
}
.colorBlue{
	color: #17A1E6!important;
}
.colorRed{
	color: #FF4444!important;
}
.colorOrange{
	color: #F16324!important;
}
.colorfff{
	color: #fff!important;
}
.backRed{
	background: #FF4444!important;
}
.backOrange{
	background: #FE8205!important;
}
.backFFF{
	background: #fff!important;
}
.backeee{
	background: #eee!important;
}
.backf8{
	background: #f8f8f8!important;
}
.backLB{
	background: rgba(23,161,230,.1)!important;
}
.backBlue{
	background: #17A1E6!important;
}
.mt2{
	margin-top: .2rem;
}
.mt4{
	margin-top: .4rem;
}
.mt6{
	margin-top: .6rem;
}
.mt8{
	margin-top: .8rem;
}
.mt12{
	margin-top: 1.2rem;
}
.mt16{
	margin-top: 1.6rem;
}
.mt24{
	margin-top: 2.4rem;
}
.mt48{
	margin-top: 4.8rem;
}
.ml4{
	margin-left: .4rem;
}
.ml8{
	margin-left: .8rem;
}
.ml16{
	margin-left: 1.6rem;
}
.ml21{
	margin-left: 2.1rem;
}
.ml34{
	margin-left: 3rem;
}
.fwBold{
	font-weight: bold;
}
.bor{
	border-radius: .4rem;
}
.bor8{
	border-radius: .8rem;
}
.border50{
	border-radius: 50%;
}
.border1{
	border: .1rem solid #f8f8f8;
}
.borRight{
	border-right: .1rem solid #f8f8f8;
}
.borBot{
	border-bottom: .1rem solid #f8f8f8;
}
.borBotDash{
	border-bottom: .1rem dashed #f8f8f8;
}
.borBotBlue{
	border-bottom: .2rem solid #17A1E6;
}
.borTop{
	border-top: .1rem solid #f8f8f8;
}
.mAuto{
	margin: 0 auto;
}
.textIndent32{
	text-indent: 3.2rem;
}
.textCenter{
	text-align: center;
}
.textRight{
	text-align: right;
}
.textIndent{
	text-indent: 2.8rem;
}
.line{
	width: 100%;
	height: 1.6rem;
	background: #F8F8F8;
}
.line8{
	width: 100%;
	height: .8rem;
	background: #F8F8F8;
}
.line1{
	border-left: .1rem solid #999;
	height: 1.2rem;
}
.lh32{
	line-height: 1.6rem;
}
.padding16{
	padding: 1.6rem;
}
.padding8{
	padding: .8rem;
}
.padding816{
	padding: .8rem 1.6rem;
}
.padding1216{
	padding: 1.2rem 1.6rem;
}
.paddinglr8{
	padding: 0 .8rem;
}
.paddingtb8{
	padding: .8rem 0;
}
.padBot8{
	padding-bottom: .8rem;
}
.padding725{
	padding: .7rem 2.5rem;
}
.paddingtb4{
	padding: .4rem 1.6rem;
}
.paddinglr16{
	padding: 0.6rem 1.6rem;
}
.paddingtb16{
	padding: 1.6rem 0;
}
.padBot44{
	padding-bottom: 4.4rem;
}
.padBot5{
	padding-bottom: 5rem;
}
.paddingtb12{
	padding: 1.2rem 0;
}
.padding1316{
	padding: 1.3rem 1.6rem;
}
.width100{
	width: 100%;
}
.ellipsis{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ellipsis2{
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.textJus{
	text-align: justify;
	width: 8.6rem;
}
/*.textJus:after{
	content: " ";
	display: inline-block;
	width: 100%;
}*/
.width244{
	width: 24.4rem;
}
.width164{
	width: 16.4rem;
}
::-webkit-input-placeholder { color:#999; font-size: 1.2rem}
::-moz-placeholder { color:#999;  font-size: 1.2rem} /* firefox 19+ */
:-ms-input-placeholder { color:#999; font-size: 1.2rem } /* ie */
input:-moz-placeholder { color:#999;  font-size: 1.2rem}
.block{
 	display: block;
}
.none{
	display: none;
}
.fixedBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	position: fixed;
	top: 9rem;
	left: 0;
	z-index: 1;
	display: none;
}
.fixedBox.fixedBox1{
	top: 4.4rem;
}
.selBox .selRight ul.active{
	display: block;
}
.selBox{
	width: 100%;
	height: 35rem;
	overflow: hidden;
	background: #fff;
}
.selBox ul{
	width: 100%;
	height: 100%;
	overflow-y: scroll; 
}
.selBox ul.selLeft{
	width: 18rem;
}
.selBox .selRight ul{
	width: 19.5rem;
	display: none;
}
.selBox ul li{
	display: block;
	height: 4.4rem;
	width: 100%;
}
.selBox ul li a{
	display: block;
	font-size: 1.8rem;
	color: #999;
	line-height: 4.4rem;
}
.selLeft li a,.selRight ul li a{
	padding-left: 3.2rem;
}
.selBox .levelList li{
	width: 10rem;
	float: left;
	margin-top: .8rem;
}
.levelList li a{
	display: block;
	width: 10rem;
	height: 4.4rem;
	line-height: 4.4rem;
	text-align: center;
	border-radius: .4rem;
	background: rgba(23,161,230,.1);
	color: #333;
	font-size: 1.6rem;
}
.icon160{
	width: 8rem;
	height: 8rem;
}
.height36{
	height: 3.6rem;
	line-height: 3.6rem;
}
.fixedBot{
	position: fixed;
	bottom: 0;
	left: 0;
}