*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none; 
	color: #fff;
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
ul{
	list-style: none;
}
button{
	border: 0;
	outline: none
}
body{
	background: #f1f1f1;
}

@font-face{
	font-family: PingFang SC Bold;
	src: url(../font/PingFang SC Bold.ttf);
}
@font-face{
	font-family: PingFangMedium;
	src: url(../font/PingFang-Medium.ttf);
}
.header{
	font: 0.768rem PingFang SC Bold;
	height: 1.92rem;
	line-height: 1.92rem!important;
	padding: 0 0.64rem;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid transparent;
}
.header .back{
	float: left;
	width: 0.4266666666666667rem;
	height: 0.768rem;
	margin-top: 0.576rem;
	background: url(../images/backB.png) no-repeat 0 0;
	background-size: 0.4266666666666667rem 0.768rem;
}
.header .home{
	float: right;	
	width: 0.768rem;
	height: 0.768rem;
	margin-top: 0.576rem;
	background: url(../images/home.png) no-repeat 0 0;
	background-size: 0.768rem 0.768rem;
}
.payBox{
	
}
.orderSum{
	padding: 0 0.6521739130434783rem;
	height: 3.1739130434782608rem;
	font: 0.6521739130434783rem PingFang SC;
	line-height: 3.1739130434782608rem;
	color: #333;
}
.orderSum .sum{
	font: 1.3043478260869565rem Helvetica;
}

.payWays{
	padding: 0 0.6521739130434783rem;
	background: #fff;
}
.payWays>li{
	position: relative;
	height: 1.9565217391304348rem;
	border-top: 0.021739130434782608rem solid #f1f1f1;
	font: 0.6521739130434783rem PingFang SC;
	line-height: 1.9565217391304348rem;
	padding-left: 1.3478260869565217rem;
}
.payWays>li.wechatpay{
	background: url(../images/wechatpay.png) no-repeat 0 center;
	background-size: 1.3043478260869565rem 1.2608695652173914rem;
}
.payWays>li.alipay{
	background: url(../images/alipay.png) no-repeat 0 center;
	background-size: 1.3043478260869565rem 1.2608695652173914rem;
}
.payWays>li.card{
	background: url(../images/card.png) no-repeat 0 center;
	background-size: 1.3043478260869565rem 1.2608695652173914rem;
}
.payWays>li.applePay{
	background: url(../images/applePay.png) no-repeat 0 center;
	background-size: 1.3043478260869565rem 1.2608695652173914rem;
}
.payWays>li>span{
     position: absolute;
     left: 3.369565217391304rem;
     top: 0.5652173913043478rem;
     width: 1.3043478260869565rem;
     height: 0.6521739130434783rem;
     font: 0.4782608695652174rem PingFang SC;
     line-height: 0.6521739130434783rem;
     color: #fff;
     background: #f39801;
     text-align: center;
     border-radius: 0.10869565217391304rem;
}
 .payWays>li.active>i{
     position: absolute;
     top: 0.5652173913043478rem;
     right: 0;
     height: 0.782608695652174rem;
     width: 0.782608695652174rem;
     background: url(../images/chosen.png) no-repeat 0 0;
     background-size: 100% 100%;
}
.payBtn{
	margin-top: 2.5652173913043477rem;
	padding: 0 0.6521739130434783rem;
}
.goPay{
	width: 100%;
	height: 1.9565217391304348rem;
	font: 0.8260869565217391rem PingFang SC;
	color: #fff;
	background: #00c892;
 	border-radius: 1.7391304347826086rem;
 	box-shadow: 0 0.43478260869565216rem 0.43478260869565216rem #c0e9de;
}
/*模态框*/
.modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.6);
	z-index: 200
}
.confrimBox{
    position: absolute;
    top: 8.652173913043478rem;
    left: 50%;
   	height: 6.130434782608695rem;
	width: 10.6rem;
	margin-left: -5.3rem;
    background: #fff;
    border-radius: 0.43478260869565216rem;
}
.confrimKnow{
	position: absolute;
    top: 8.652173913043478rem;
    left: 50%;
   	height: 9.695652173913043rem;
	width: 10.6rem;
	margin-left: -5.3rem;
    background: #fff;
    border-radius: 0.43478260869565216rem;
}
.confHead{
	margin-top: 1rem;
    margin-bottom: 0.391304347826087rem;
    font: 0.6521739130434783rem PingFang SC Bold;
    color: #333;
    padding: 0 0.6521739130434783rem;
    text-align: center;
}
.confContent{
	padding: 0 0.6521739130434783rem;
	margin-top: 1.6521739130434783rem;
 	font: 0.6521739130434783rem PingFang SC Bold;
 	line-height: 0.9130434782608695rem;
	text-align: center;
	color: #333;
}
.confrimBox>p,.confrimKnow>p{
	padding: 0 0.6521739130434783rem;
    font: 0.6086956521739131rem PingFangMedium;
    color: #666;
    line-height: 0.6956521739130435rem;
    text-align: center;
}
.confrimKnow>p{
	text-align: justify;
	overflow-y: scroll;
    height: 5.6rem;
}
.btnBox{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #f1f1f1;
}
.btnBox>button{
	float: left;
	width: 50%;
	height: 1.6956521739130435rem;
	font: 0.6521739130434783rem PingFangMedium;
	background: #fff;
	color: #666;
}
.confLeaveBox,.confKnow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	height: 1.6956521739130435rem;
	font: 0.6521739130434783rem PingFangMedium;
	background: #fff;
	color: #666;
	line-height: 1.6956521739130435rem;
	border-radius: 0 0 0.43478260869565216rem 0.43478260869565216rem;
}
.btnBox>.leave{
	border-radius: 0 0 0 0.43478260869565216rem;
}
.btnBox>.goOn{
	border-radius: 0 0 0.43478260869565216rem 0;
}
.btnBox>.active{
	background: #00c892;
	color: #fff;
}
.payNotice{
	position: fixed;
	 top: 9.043478260869565rem;
	 left: 50%;
	 padding: 0.46rem;
	 font: 0.6086956521739131rem PingFangMedium;
	/*  height: 1.9565217391304348rem; */
	 line-height: 1.5;
	 /* width: 5.260869565217392rem; */
	 margin-left: -2.630434782608696rem;
    background: rgba(0,0,0,.7);
    border-radius: 0.43478260869565216rem;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    z-index: 999;
}

.jsmask{background-color:#000000;opacity:0.6;z-index:1;position:absolute;left:0px;top:0px;width:100%;height:100%;right:0px;bottom:0px;}

.jsmsgbox{position:fixed;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .mask{background-color:#000000;opacity:0.6;position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .errorboxbg{z-index:11114;text-align:center;background-color:#000000;width:70%;margin:0em auto;color: #fff;line-height: 1.5em;padding: 0.5em;position:relative;z-index:11112;top:50%;margin-top:-2em;border-radius:5px;}
.jsmsgbox .errorbox{text-align:center;line-height:3em;width:100%;color:#ffffff;font-weight:bold;z-index:33;margin:0em auto;z-index:11114;position:absolute;top:50%;margin-top:-1.5em;border-radius:5px;}
.jsmsgbox .errormask{background-color:#000000;opacity:0.3;position:absolute;width:100%;height:100%;z-index:11111;left:0px;top:0px;}
.jsmsgbox .msgbox{width:80%;min-height:140px;height:auto;-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;overflow:hidden;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;
    background-color: rgb(255, 255, 255);position:fixed;top:100px;z-index:122222;left: 50%;
    margin-left: -40%;}
.jsmsgbox .msgcontent{width:100%;min-height:100px;height:auto;position:relative;left:0px;top:0px;}
.jsmsgbox .msgcontent img{height:4em;width:auto;position:absolute;top:50%;margin-top:-2em;left:1em;}
.jsmsgbox .msgcontent .msg{height:100%;width:100%;right:0px;top:0px;}
.jsmsgbox .msgcontent .msg .title{background:transparent;font-weight:bold;font-size:1.25em;text-align:center;border-bottom:0px;}
.jsmsgbox .msgcontent .msg .content{padding:0.5em;font-size:0.75em;font-weight:normal;color:#424242;}
.jsmsgbox .msgfooter{width:100%;height:40px;background-color:#eeeeee;position:relative;bottom:0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;}
.jsmsgbox .msgfooter button{position:absolute;right:1em;font-size:0.75em;font-weight:normal;top:0.75em;}