html{
	margin: 0 auto;
	min-width: 320px;
	max-width: 540px;
	background: #eee;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	-webkit-text-size-adjust: 100%!important;
}
body{
	width: 100%;
	background: #ffffff;
}
* { margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{
	background-color:#F7F7F7;
	font-family:"STHeiti, "Microsoft Yahei",'微软雅黑','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif";
}
ul,li{list-style:none;}
#title{
	height:6px;
	padding-top:21px;
	padding-bottom:22px;
	line-height:6px;
	text-align:center;
	font-size:21px;
	color:black;
	background-color:white;
}
#Stattletitle{
	height:24px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:24px;
	text-align:center;
	font-size:20px;
	color:black;
	background-color:white;
	border-bottom:1px solid #e7e7e7;
	position: relative;
}
#Stattletitle img{
	width:2.8%;
	vertical-align:middle;
	margin-top:1px;
}
.selectBackground{
	background-color:#e6e3e3;
}
.top,.top2{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:white;
	position: fixed;
	top:23%;
	left:20px;
	right:20px;
	font-size:16px;
}
.top2{
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	height:100px;
	text-align:center;
	padding-top:30px;
	left:40px;
	right:40px;
	font-size:14px;
	top:210px;
}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.top2{
		top:200px;
	}
}

.top2 div{
	height:20px;
	line-height:35px;
	border-top:1px solid #e7e7e7;
	color:#0179ff;
	font-size:15px;
	
}
.top  ul,.top2 ul{
	max-height:315px;
	overflow:auto;
}
.top2 ul{
	margin-bottom:15px;
}
.top2 ul li{
	height:25px;
	line-height:25px;
}
.top  div li{
	padding-left:20px;
	height:45px;
	line-height:45px;
}
.top span{
	display:inline-block;
	height:42px;
	line-height:42px;
	padding-left:19px;
	font-size:14px;
}
.top img{
	width:5%;
	float:right;
	vertical-align:middle;
	margin-top:15px;
	margin-right:15px;
}
.tipErrMsg{
	position:fixed;
	top:36%;
	left:0px;
	right:0px;
	text-align:center;
	font-size:15px;
	display:none;
}
.tipErrMsg span{
	background-color:black;
	color:white;
	display:inline-block;
	text-align:center;
	height:50px;
	line-height:50px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.buttonList2{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	padding-top:4px;
	padding-bottom:4px;
	overflow:auto;
	background-color:white;
	list-style:none;
}
.buttonList{
	border-top:2px solid #c3c3c3;
	overflow:auto;
	background-color:white;
	padding-top:6px;
	padding-bottom:6px;
	list-style:none;
}
.picList,.picList li{
	padding:0px;
	margin:0px;
	list-style:none;
}
.picList li .lsp span{
	font-size:17px;
}
.picList li .lsp{
	position: absolute;bottom: 9rem;text-align: center;width: 100%;font-size: 25px;color: #4e4e4e;
}
.picList .picP{
	position: absolute;
	width: 100%;
	position: absolute;
	margin-top: 150px;
	text-align: center;
	font-size: 25px;
	color: #4c4c4c;
}
.picList a{
	padding:0px;
	margin:0px;
	display:block;
}
.picList li.indexLi +li.indexLi1 {
	margin-top:4px;
}
.picList img{
	width:100%;
    display: inherit;
}
.imgHeight{
	margin-top:6px !important;
	text-align:center;
	padding-top:40px !important;
	padding-bottom:40px !important;
	background-color:white;
}
.imgHeight div+div{
	margin-top:6px;
}
@media screen  and (max-width: 320px) {
	.picList .picP{
		margin-top: 113px!important;
	}
}
@media screen and (max-width: 375px) {
	.picList .picP{
		margin-top: 140px;
	}
/*	.picList li .lsp{
		bottom: 8.1rem!important;
	}*/
}

@media screen and  (max-width: 360px) {
	.picP{
		margin-top: 130px!important;
	}
}
@media screen and  (max-width: 414px) {
	.picList li .lsp{
		bottom:10rem;
	}
}
@media only screen and ( min-device-height:600px){
	.imgHeight div+div{
		margin-top:3px;
	}
}
.font42px,.font24px{
	font-family: STHeiti, "Microsoft Yahei",'微软雅黑','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:28px;
	color:#DDDDDD;
}
.font24px{
	font-size:16px;
}
.font20px{
	text-align:center;
	line-height:41px;
	font-size:18px;
	color:#4a4a4a
}
.font28px{
	text-align:center;
	line-height:60px;
	font-size:20px;
	color:#4a4a4a
}
.border_right2{
	border-right:1px solid #e7e7e7;
}
.border_right{
	border-right:1px solid #c3c3c3;
}
.floats2{
	float:left;
	width:49.8%;
	height:41px;
	background:white;
	vertical-align:middle;
}

.floats{
	float:left;
	width:49.8%;
	height:60px;
	background:white;
	vertical-align:middle;
}
.color{ color:#397cbf;}
.slider ul li{
	padding:0px;
	margin:0px;
	list-style:none;
}
.bottom2 .tip{
	text-align:center;
	font-size:12px;
	color:#9B9B9B;
}
.bottom2 .tip{
	margin-top:25px;
	margin-bottom:55px;
}
.bottom2 .tip div{
	margin-bottom:5px;
}

.bottom2 .tip div+div{
	margin-bottom:10px;
}

.bottom{
	position:fixed;
	width:100%;
	bottom:0px;
	left: 0;
}
.bottom .tip{
	text-align:center;
	font-size:15px;
	color:#9B9B9B;
}
.bottom .tip div{
	margin-bottom:5px;
}
.bottom .tip div+div{
	margin-bottom:10px;
}
.circleimg{
   width:14%;
   float:right;
   margin-right:33px;
   margin-bottom:38px;
}
.transparent_class {  
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	width:100%;
	height:100%;
	position:fixed;
	background-color:black;
}
.hidden{
	display:none;
}
.buyButton{
	height:54px;
	text-align:center;
	font-size:17px;
	line-height:54px;
	color:#FFFFFF;
	background-color:#749D43;
}
.orderButton,.waitButton{
	height:50px;
	text-align:center;
	font-size:16px;
	line-height:50px;
	color:#FFFFFF;
	background-color:#5890d1;
}
.waitButton{
	background-color:#9b9b9b;
}
.payButton{
	height:50px;
	text-align:center;
	font-size:15px;
	line-height:50px;
	color:#FFFFFF;
	background-color:#749D43;
}
.number{
	font-family: STHeiti, "Microsoft Yahei",'微软雅黑','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
}
.number  div{
	position:absolute;
	text-align:center;
	color:white;
	font-size:28px;
	height:54px;
}
.number .middle{
    top: 0px;
	width:100%;
	line-height:54px;
	font-size:20px;
	background-color:#969696;
}
.number .left,.number .right{
    top: 0px;
	width:54px;
	background-color:#8b8b8b;
}
.number .left img,.number .right img{
	width:35%;
	vertical-align:-webkit-baseline-middle;
	
}
.number .left{
	position:relative !important;
	left:0px;
}
.number .right{
	right:0px;
}
.display{
	font-family: STHeiti, "Microsoft Yahei",'微软雅黑','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	background-color:white;
	padding-top:25px;
	padding-bottom:10px;
}
.display ul li{
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
	font-size:20px;
	line-height:20px;
	margin-bottom:6px;
	color:#545454;
}
.bodyContainer{
	background-color:#192c41;
	background-image:url(../img/bgi.png);
        background-size: 100%;
}
.logining{
	width:6%;
	margin-right:10px;
	vertical-align:middle;
}
.loginmain{
	height:100%;
	width:100%;
}
.loginmain .close{
	text-align:right;
}
.loginmain .close img{
	width:5%;
	margin-top:20px;
	margin-right:20px;
}
.loginmain .logo{
  text-align:center;
  margin-top:90px;
}
.loginmain .logo img{
	width:50%;
}
.loginmain .title{
   margin-bottom:20px;
   text-align:center;
   font-size:12px;
   line-height:12px;
   color:#ffffff;
}
.loginmain .title span{
	display:inline-block;
}
.loginmain .title .spanmiddle{
	margin-left:6px;
	margin-right:6px;
}
.loginmain .title .spanside{
	height:3px;
	border-top:1px solid #888f97;
	width:64px;
}
@media only screen and (min-device-width:361px){/*htc big*/
	.loginmain .title .spanside{
		height:3px;
		border-top:1px solid #888f97;
		width:64px;
	}
}
@media only screen and (min-device-width:414px){/*iphone plus*/
	.loginmain .title .spanside{
		height:3px;
		border-top:1px solid #888f97;
		width:64px;
	}
}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.loginmain .title .spanside{
		height:3px;
		border-top:1px solid #888f97;
		width:64px;
	}
	.picList li .lsp{
		bottom: 8rem;
	}
}
.loginmain li{
	list-style:none;
}
.loginmain .container{
	padding-left:30px;
	padding-right:30px;
	margin-top:180px;
	
	
}
.loginmain .select {
	overflow:auto;
}
.loginmain .select  li{
	float:left;
	width:32%;
	text-align:center;
}
.loginmain .select  li img{
	width:71%;
}
.border,.blueButton{
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #888f97;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:15px;
	color:white;
}
.blueButton,.blueMessageButton,.lowblueMessageButton{
	background-color:#397CBF;
	border:none;
	font-size:18px;
	height:54px;
	line-height:54px;
}
.blueMessageButton{
	border-radius:none;
	text-align:center;
	color:white;
	font-size:18px;
	margin-top:-2px;
}
.lowblueMessageButton{
	background-color:#4A90E2;
	border-radius:none;
	text-align:center;
	color:white;
	font-size:18px;
}
.registermain{
	height:100%;
	width:100%;
	position:fixed;
	background-color:#192c41;
	background-image:url(../img/bgi.png);
        background-size: 100%;
}
.registermain .registerContainer{
	left:28px;
	right:28px;
	position:absolute;
}
.registermain .registerContainer .close{
	margin-top:20px;
}
.registermain .registerContainer .close img{
	width:8%;
}
.registermain .registerContainer  a{
	text-decoration:none;
}
.registermain .registerContainer .font{
	font-size:14px;
	color:#98a2a7;
	text-align:center;
	margin-bottom:20px;
}
.registermain .registerContainer .font span{
	color:white;
}
.registermain .registerContainer .Logintitle{
    font-family: STHeiti, "Microsoft Yahei",'微软雅黑','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	color:white;
	margin-top:28px;
	margin-bottom:50px;
}
.registermain .registerContainer .inputField{
	position:relative;
	font-size:16px;
	line-height:48px;
	border-bottom:1px solid #8e999d;
	color:#8e999d;
	margin-bottom:10px;
}
.registermain .registerContainer .inputField div{
	display:inline-block;
}
.registermain .registerContainer .inputField .edit{
	min-width:95%;
	padding-left:5px;
}
.registermain .registerContainer .inputField .edit input{
	background-color:transparent;
	border:none;
	color:#7a888e;
	width:100%;
}
.registermain li{
	list-style:none;
}

.stattleContainer li{
	list-style:none;
}
.stattleContainer  .lavadeviceLogo{
	padding-top:15px;
	padding-bottom:10px;
	font-size:17px;
	color:#4a4a4a;
}
.stattleContainer  .lavadeviceLogo .small{
	font-size:14px;
	color:#9b9b9b;
}
.stattleContainer  .lavadeviceLogo .small .smallCF{
	margin-left:3px;
	margin-right:3px;
}
.stattleContainer  .lavadeviceLogo li{
	margin-bottom:5px;
}
.stattleContainer  .lavadeviceLogo img{
	width:100px;
}
.stattleContainer .height{
	height:45px;
	line-height:45px;
}
.stattleContainer .heightchange{
	height:80px;
	line-height:40px;
}
.stattleContainer .white{
	background-color:white;
	text-align:center;
	margin-bottom:16px;
	font-size:15px;
	color:#4a4a4a;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.stattleContainer .white span{
	color:#acacab;
}
.stattleContainer .white div{
	height:20px;
	text-align:left;
}
.stattleContainer .white .line{
	border-top:1px solid #f1f1f1;
}
.stattleContainer .margin{
	margin-left:16px;
	margin-right:16px;
}
.stattleContainer .toFloat{
	overflow:auto;
}
.stattleContainer .toFloat .fixWidth{
	width:70px;
	text-align:left;
}
.stattleContainer .toFloat li{
	float:left;
}
.textTip{
	height:42px;
	line-height:42px;
	font-size:16px;
	color:#9b9b9b;
	margin-left:16px;
}
.textarea{
	width:100%;
	height:206px;
	border:none;
	border-top:1px solid #eaeaea;
	box-shadow:none;

}
.addressContainer li{
	list-style:none;
}
.addressContainer{
	background-color:white;
	padding-left:16px;
}
.addressContainer .line{
	border-bottom:1px solid #e7e7e7;
}
.addressContainer .height{
	height:55px;
	font-size:15px;
	color:#4a4a4a;
	line-height:55px;
}
.addressContainer  .fixWidth{
	width:74px;
}
.addressContainer .float li{
	float:left;
}
.addressContainer .edit{
	min-width:75%;
}
.addressContainer .edit input{
	background-color:transparent;
	border:none;
	color:#4a4a4a;
	width:100%;
}
.orderFailContainer{
	text-align:center;
	margin-top:150px;
}
.orderFailContainer .font1{
	font-size:18px;
	color:#4a4a4a;
	margin-bottom:20px;
}
.orderFailContainer .font2{
	font-size:14px;
	color:#9b9b9b;
	margin-bottom:10px;
}
.orderHead{
	margin-top:16%;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;

}
.orderHead img{
	max-width: 25%;
    max-height:25%;

}
.orderHead .orderP{
	 font-size:15px;
	 color:#030303;
	 margin-top:7px;
}
.order{
	margin-top:13%;
	height:48px;
	line-height:48px;
	padding:0 20px;
	font-size:14px;
	color:#4a4a4a;
	border-bottom:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
	background:#fff;
}
.order img{ float:right; margin-top:17px; width:2.5%;}
.orderTc{padding:0px; margin-top:0%; margin-bottom:64%;width:100%;}
@media only screen and ( min-device-height:600px){
	.orderTc{padding:0px; margin-top:0%; margin-bottom:69%;width:100%;}
}
@media only screen and ( min-device-height:700px){
	.orderTc{padding:0px; margin-top:0%; margin-bottom:63%;width:100%;}
	
}
.orderTc p{font-size:17px; color:#fff; background-color:#3b7bbc; height:48px; line-height:48px; text-align:center;}

.orTC{height:53px; line-height:58px; font-size:17px; text-align:center;background-color:white;}
.borderBottom{border-bottom:1px solid #e7e7e7;}
.borderBottom1{border-bottom:5px solid #efefef;}
.fontColor{color:#000000;}
.fontColor1{color:#ff334c;}
.fontColor2{color:#9b9b9b;}
.fontColor3{color:#b9b9b9;}
.fontColor4{color:#727272;}
.LDimg{ width:100%;display: inherit;}
/* 效果CSS开始 */
.focus span{width:6px;height:6px;margin-right:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#666;font-size:0}
.focus span.current{background:#fff}

.orderXQ,.orderXQ0,.orderXQ1{background:#fff;overflow:auto;}
.orderXQ{border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;margin-top:2%;}
.orderXQ0,.orderXQ1{border-top:1px solid #e7e7e7; color:#9b9b9b;}
.orderXQ{padding:15px 5px 15px 13px;}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.orderXQ{padding:15px 5px 15px 4px;}
}
.orderXQ0{padding:12px 5px 12px 13px;}
.orderXQ1{padding:15px 5px 10px 13px;}
.orderXQ .leftside{ float: left;margin: 0px; overflow:auto; height:auto;font-size:80%;margin-top: 3%;} 
.orderXQ0 .leftside,.orderXQ1 .leftside{ float: left;margin: 0px; overflow:auto; height:auto;font-size:84%;line-height:18px;} 
.orderXQ .leftside{ width:30%;}
.orderXQ0 .leftside,.orderXQ1 .leftside{ width:20%;}
.orderXQ .leftside div.lsDiv{ padding-top:25%}
.orderXQ0 .leftside div.lsDiv{ padding-top:18px}
.orderXQ .rightside{ float: left; overflow:auto;font-size:80%;width: 68%; } 
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.orderXQ .rightside{ float: left; overflow:auto;font-size:80%;width: 70%; }
}
.orderXQ0 .rightside1,.orderXQ1 .rightside1{ float: left; overflow:auto;font-size:84%; } 
.orderXQ0 .rightside1,.orderXQ1 .rightside1{ width:76%;}
.orderXQ .rightside p{ line-height:165%;}
.orderXQ0 .rightside1 p,.orderXQ1 .rightside1 p{ line-height:18px;}
.orderXQ .rightside1 p{ margin-top:3%;}
.orderXQ img{max-width:90%; }
.orderXQ img.XQimg{ padding-top:10px;}
.orderXQ span.XQspan{ margin-left:5%;}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.orderXQ span.XQspan{ margin-left:2%;}
}
.orderXQ span.XQspan1{ margin-left:9%;}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
    .orderXQ span.XQspan1{ margin-left:7%;}
}
@media only screen and ( min-device-height:700px){
    .orderXQ{padding:15px 2px 15px 13px;}
	.orderXQ span.XQspan{ margin-left:3%;}
    .orderXQ span.XQspan1{ margin-left:5%;}
}

.orderBH{ padding:2% 2% 3% 3.8%; font-size:80%; color:#4a4a4a;}
.orderBH div{ margin-top:2%;}
.orderBH span.BHspan{ margin-left:30% }
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.orderBH span.BHspan{ margin-left:23% }
}
@media only screen and (max-device-width:340px){/*iphone 4/5*/
	.orderBH span.BHspan{ margin-left:23% }
}