html,body{width: 100%;height: 100%;background:#f1f1f1;}
.wrap{width: 100%;height: 100%;position: relative;background: #fbf7f8;}
.top_tit{padding: 1rem;box-sizing: border-box;color:#fff;position: relative;
	background: -webkit-linear-gradient(left,#28c0fa,#429afb);
	background: linear-gradient(left,#28c0fa,#429afb);
}
.idd{text-align: right;color: #fff;font-size: 0.8rem;}
.useMoney{text-align: center;margin: 1rem 0;}
.money_box{font-size: 3rem;}
.rate{text-align: center;}
.back{display: block;position: absolute;padding: 0rem 0 0rem 1.2rem;color: #fff;left: 0.5rem;top: 0.8rem;font-size: 1rem;background: url(../images/time/arrL.png) no-repeat left center;background-size: 30%;}
.back:hover{color: #fff;}
.ky{font-size:0.5rem;}
.six_box{overflow: hidden;width: 17.5rem;margin:2rem auto 0;position:relative;}

/*.jiy{position:absolute;left:0;top:1.3rem;width: 100%;overflow: hidden;height: 6rem;}
.jiy>div{width: 5.3rem;height: 2.5rem;color:#555;font-size:0.85rem;text-align: center;line-height: 2.5rem;margin-right: 0.5rem;margin-bottom: 0.5rem;cursor: pointer;display: none;position:absolute;left:0;top:0;}
.jiy>div:nth-of-type(2){left:5.8rem;}
.jiy>div:nth-of-type(3){left:11.6rem;}
.jiy>div:nth-of-type(4){left:0rem;top:3rem;}
.jiy>div:nth-of-type(5){left:5.8rem;top:3rem;}
.jiy>div:nth-of-type(6){left:11.6rem;top:3rem;}*/

.six_box ul{width: 100%;overflow: hidden;}
.six_box li{width: 5.5rem;height: 4rem;background:url(../images/recharge_bg1.png) no-repeat center center;background-size: contain; color:#fff;font-size: 1rem;text-align: center;line-height: 4rem;float: left;margin-right: 0.5rem;margin-bottom: 0.5rem;cursor: pointer;position:relative;}
.six_box li em{font-size: 0.5rem;}
.six_box .on{background:url(../images/recharge_bg1_on.png) no-repeat center center;background-size: contain;
	animation: shake 0.5s both linear;-webkit-animation: shake 0.5s both linear;
}
@keyframes shake{
	0%{left: 0rem;}
	10%{left: -0.5rem;}
	20%{left: 0rem;}
	30%{left: 0.5rem;}
	40%{left: 0rem;}
	50%{left: -0.5rem;}
	60%{left: 0rem;}
	70%{left: 0.5rem;}
	80%{left: 0rem;}
	90%{left: -0.5rem;}
	100%{left: 0rem;}
}
@-webkit-keyframes shake{
	0%{left: 0rem;}
	10%{left: -0.5rem;}
	20%{left: 0rem;}
	30%{left: 0.5rem;}
	40%{left: 0rem;}
	50%{left: -0.5rem;}
	60%{left: 0rem;}
	70%{left: 0.5rem;}
	80%{left: 0rem;}
	90%{left: -0.5rem;}
	100%{left: 0rem;}
}
.six_box li:nth-of-type(3n){margin-right: 0;}
.sure_box{width: 13rem;height: 3rem;background: url(../images/recharge_submit_bg.png) no-repeat center center;background-size: contain; color:#fff;font-size:1rem;text-align: center;line-height: 3rem;margin:2rem auto;letter-spacing: 2px;}
/*.back_box {width: 100%;height: 3rem;background: #fff;color: #333;line-height: 3rem;text-align: center;position: fixed; left: 0;bottom: 0;font-size: 1rem;border: 2px solid #c7c7c9;box-sizing: border-box;box-shadow: 0 0 10px #C1C0C0;}
.back_box a {color: #333;width: 100%;height: 100%;display: block;letter-spacing: 4px;}*/
.bdui{color:#999;font-size:0.8rem;margin-bottom: 0.5rem;text-align: center;}
.czsgb{color:#999;font-size:0.8rem;margin-bottom: 0.5rem;}
.czsgb em{color:#01aaef;}
.six_box .hui_on{background:#C3C3C3;}
.zhan{width: 100%;height: 100%;position:absolute;left:0;top:0;display: none;}
/*rechargePage.html - 支付选择弹框*/
.layer{width: 100%;height: 0;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;overflow: hidden;}
.paylayer{width: 100%;/*padding-bottom: 3rem;*/position: absolute;bottom: 0;left: 0;overflow: hidden;}
.paylayer>div{height: 4rem;text-align: center;color: #333;font-size: 1.2rem;background: #fff;border-bottom: 1px solid #e6e6e6;}
.paylayer>div:after{display: inline-block;height: 100%;content: '';vertical-align: middle;}
.paylayer>div *{vertical-align: middle;display: inline-block;}
.paylayer>div em{width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;}
.qq_pay em{background: url(../images/qq_pay.png) no-repeat center center;background-size: contain;}
.webchat_pay em{background: url(../images/webchat.png) no-repeat center center;background-size: contain;}
.alipay em{background: url(../images/alipay.png) no-repeat center center;background-size: contain;}
.qq_pay strong{font-size: 0.8rem;border: 1px solid #ff5050;color: #ff5050;margin-left: 0.5rem;
    padding: 0.1rem;
    border-radius: 0.2rem;}