header,section,div,body{margin: 0 auto;color: #333;font-family: Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;}
a{color: #333;text-decoration: none;}
div,a,span,i,section,article{line-height: 110%;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.floatLft{float: left;}
.floatRgt{float: right;}
.radianBlock{border-radius:.5rem;}
ul,li,dl,dd,ol,h1,h2,h3,h4,h5{list-style:none;margin: 0;padding: 0;}
.overHid{overflow: hidden;}
.corWhite{color: #fff;}
.padBot{padding-bottom: .8rem;}
.fontMedium{font-size: .85rem;}
img{vertical-align: top;}
.fontTitle{font-size: 1rem;}
.fontBig{font-size: 1.8rem;}
.fontSmall{font-size: .65rem;}
.fontNormal{font-size: .75rem;}
.fontWeightNone{font-weight:normal;}
.opacityHalf{opacity:.6;}
.padTB{padding: .5rem 0;}
.marginLR{margin: 0 .65rem;}
.marT{margin-top: .5rem;}
.col li{float: left;}
.col-2{width: 105%;}
.col-2 li{width: 6.1rem;margin-right: .5rem;}
.txtCenter{text-align: center;}
.shuP,.displayNone{display: none;}
.posRelative{position: relative;}
.bottomLne{border-bottom:.1rem solid #f2f2f2;padding-bottom:.5rem;}
.inBlock{word-spacing:-3px;}
.inBlock li,.inBlock dd,.inBlock dt{display:inline-block;*display:inline;*zoom:1;word-spacing:0;vertical-align:top;}
@media only screen and (min-width: 320px){
	html {
		font-size: 20px!important;
	}
}
@media only screen and (min-width: 360px){
	html {
		font-size: 22.5px!important;
	}
}
@media only screen and (min-width: 375px){
	html {
		font-size: 23.4375px!important;
	}
}
@media only screen and (min-width: 412px){
	html {
		font-size: 25.75px!important;
	}
}
@media only screen and (min-width: 413px){
	html {
		font-size: 25.8125px!important;
	}
}
@media only screen and (min-width: 481px){
	html {
		font-size: 30.0625px!important;
	}
}
@media only screen and (min-width: 520px){
	html {
		font-size: 32.5px!important; 
	}

}
@media only screen and (min-width: 561px){
	html {
		font-size: 35.0625px!important; 
	}
	
}
@media only screen and (min-width: 641px){
	html {
		font-size: 40.0625px!important; 
	}
	body{max-width:640px;margin:0 auto;position: relative;}
	
}

.box-tips {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.box-tips .box-cnt {
	position: absolute;
	top: 50%;
	left: 80%;
	width: 14rem;
	height: 9rem;
	margin-top: -4.7rem;
	margin-left: -12.2rem;
	padding: .1rem;
	background-color: #fff;
	border: .1rem solid #e0e0e0;
	border-radius: .2rem;
	box-shadow: 0 0 .2rem rgba(0,0,0,.5);
}
.box-tips .box-header {
	height: 1.6rem;
	padding-left: 1.1rem;
	line-height: 1.6rem;
	font-size: .9rem;
	font-weight: 700;
	color: #fff;
	background-color: #2c8283;
}
.box-tips .box-header .box-btn {
	float: right;
	margin-right: .8rem;
	color: #fff;
}
.box-tips .box-header .box-btn:hover { color: #f00;}
.box-tips .box-main {
	height: 4.8rem;
	padding: 0 1.2rem;
	padding-top: .5rem;
	line-height: 1.1rem;
	font-size: .8rem;
	background-color: #fafafa;
}
.box-tips .box-footer {
	height: 2rem;
	line-height: 2rem;
	background-color: #f2f6f9;
	border-top: .1rem solid #e9eaec;
}
.box-tips .box-footer .box-btn {
	display: block;
	float: right;
	width: 4.3rem;
	height: 1.4rem;
	margin-top: .2rem;
	margin-right: 1rem;
	line-height: 1.4rem;
	font-size: .9rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #7fc678;
	border: .1rem solid #5e985b;
	border-radius: .2rem;
}
.box-tips .box-footer .box-btn:hover { opacity: .8;}