@charset "utf-8";
/* CSS Document */
body{
	background: #f8f7f3;
}
.paytxt{
	padding: .2rem;
	font-size: 15px;
	line-height: 22px;
}
.paytxt b{
	color: #a5452f;
}
.paybox{
	background: url(../img/paybg.png) top no-repeat;
	background-size: 100% 100%;
	margin: 0 .2rem .2rem .2rem;
	padding: 0 .2rem;
}
.paytit{
    padding:.24rem 0;
    font-size: .32rem;
    text-align: center;
    color: #ce9689;
}
.paytit img{
    width: .31rem;
    margin-top: 0.08rem;
}
.payxin{
	background: #f7f7f7;
	border-radius: 6px;
	color: #808080;
	padding: .16rem .2rem;
	font-size: .3rem;
}
.paybie,.payxin-b,.payrmb{
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.paybie{
	margin-bottom: .12rem;
}
.paydan{
	background: #fff4e2;
	border-radius: 6px;
	color: #808080;
	padding: .16rem .2rem;
	font-size: .3rem;
	font-family: PingFangSC-Regular;
	margin: .23rem 0;
}
.payrmb-left .payrmb-jiaw{
	background: #c30112;
	padding: .12rem .2rem;
	font-size: .32rem;
	color: #FFF;
	border-radius: 6px;
}
.payrmb-left .payrmb-yuan{
	padding: .16rem 0 0 .2rem;
	text-decoration: line-through;
	font-size: .3rem;
	color: #666;
}
.payrmb-right .payrmb-jiesu{
	font-size: .38rem;
	color: #444;
}
.payrmb-right .payrmb-jishi{
	font-size: .34rem;
	color: #c30112;
}
.paysct{
	margin: .3rem 0;
	padding: .2rem 0 0 0;
	font-size: .2rem;
	text-align: center;
	border-top: 1px solid #b59156;
	color: #4a4a4a;
}
.paybtn .paybtn-wxi,.paybtn .paybtn-zfb{
	padding: .2rem 0;
	font-size: .38rem;
	color: #FFF;
	text-align: center;
	border-radius: 8px;
}
.paybtn .paybtn-wxi{
	background: #00b30d;
}
.paybtn .paybtn-zfb{
	background: #02a9f0;
	margin: .23rem 0;
}
.paybtn .paybtn-wxi img,.paybtn .paybtn-zfb img{
	width: .5rem;
	margin-top: .08rem;
}
.payanx{
	padding-bottom: .3rem;
	color: #00b30d;
	font-size: .24rem;
	text-align: center;
}
.payanx img{
	width: 5.6rem;
	margin-bottom: .2rem;
}
.pay-item-btn{
	background: #FFF;
	padding-bottom: .3rem;
	margin: 0 .2rem .3rem .2rem;
	border-radius: .12rem;
}
.pay-item-btn h3{
	height: .96rem;
	background: url(../img/payuu.png) top center no-repeat;
	background-size: 6.26rem .96rem;
	text-align: center;
	color: #cd5858;
	font-size: .38rem;
	line-height: .96rem;
}
.pay-item-btn div{
	width: 6.68rem;
	height: 3.30rem;
	margin: 0 auto;
	margin-top: .3rem;
}
.pay-item-btn div:nth-child(2),.pay-item-btn div:nth-child(4),.pay-item-btn div:nth-child(6),.pay-item-btn div:nth-child(8){
	background: url(../img/pay-001.png) top center no-repeat;
	background-size: 6.68rem 3.30rem;
}
.pay-item-btn div:nth-child(3),.pay-item-btn div:nth-child(5),.pay-item-btn div:nth-child(7){
	background: url(../img/pay-002.png) top center no-repeat;
	background-size: 6.68rem 3.30rem;
}
.pay-item-btn div p{
	width: 4rem;
	height: .75rem;
	margin: 0 auto;
	position: relative;
	top: .3rem;
	background-size: cover;
	line-height: .75rem;
	color: #cd5858;
	font-size: .32rem;
	text-align: center;
}
.paychx{
	padding: 0 0 .3rem 0;
	text-align: center;
	margin-bottom: 1.3rem;
}
.paychx img:nth-child(1){
	width: 3.58rem;
	margin-bottom: .2rem;
}
.paychx img:nth-child(2){
	width: 5.58rem;
}

.fenx{
    position: fixed;
    bottom: -100%;
    width: 7.50rem;
    display: block;
    z-index: 100;
    padding: .18rem;
    background: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.fenx span,.cm_btns button{
    display: block;
    width: 6.90rem;
    margin: 0 auto;
    background: url(../img/pay_btn.png) center no-repeat;
    background-size: contain;
    line-height: .96rem;
    font-size: .38rem;
    color: #FFF;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}
.fenx span a{
    color: #FFF;
}

.pay_mask {width: 100%;position: fixed;left: 0;top: 0;right: 0; display: none; height: 100%;background: rgba(0,0,0,0.5);z-index:1000;}
.maskpay {width: 100%;height: auto;max-width: 640px;position: fixed;top: 50%; display:none; left: 50%;margin-top: -3rem; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:1001;}
.maskMiddle {position: absolute;width: 100%;}
.dashiPay {background: #fff;overflow: hidden;border-radius:6px;padding:10px 0;margin:0 10px}
.maskpay_price {text-align:right; border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;line-height:40px;color:#666;margin:10px 0;padding:0 20px}
.dashiPay .hotPrice {color: #df0000; font-size:14px; font-weight: normal;}
.dashiPay .hotPrice span{text-decoration: line-through;margin-right: 15px;color: #666666;}
.dashiPay .hotPrice strong{font-size:22px;font-weight: normal;}
.dashiPay img{border-radius: 1rem;}
/* bottom pay */
.pay-list {margin: 10px 30px;color: white;line-height: 40px;font-size: 17px;}
.pay-item-wx {width: 100%;height: 40px;background-color: #00b30d;text-align: center;border-radius: 8px;box-shadow: 0 4px 0 #4a7111;}
.pay-item-ali {width: 100%;height: 40px;background-color: #02a9f0;text-align: center;border-radius: 8px;margin-top: 15px;text-wrap: none;box-shadow: 0 4px 0 #0077aa;}
.pay-item-wrap {margin: 0 auto;padding-left: 40px;position: relative;width: auto;color:#fff}
.pay-item-wrap img {position: absolute;width: 30px;margin-left: -40px;top: 10px;display:inline-block;}