/* 
* @Author: anchen
* @Date:   2017-07-12 15:17:53
* @Last Modified by:   anchen
* @Last Modified time: 2017-07-18 10:50:44
*/
@charset "utf-8";
body {padding-bottom: 2.85rem;}
.makervip {width: 93%; height: 3.57rem; padding: 1.07rem 0 1.07rem 7%; background: #181818 url("../../images/videorecharge/vip_bg.png") 0 0 no-repeat; background-size: 100% auto;}
.makericon {float: left; width: 3.57rem; height: 3.57rem; margin-right: 5%; border-radius: 50%;}
.makervip span {font-size:1.29rem; color:#d3b27d; line-height: 3.57rem;}
.makerrecharge {width: 90%; padding: 1.57rem 5% 0; background-color: #fff;}
.rechargeentry, .optionamount {width: 100%; margin-bottom: 1.57rem;}
.entryinput {display: block; width: 45%; height: 2.71rem; margin: 0.86rem 0 0.5rem; background-color: #fff;  border: 1px solid #c7c7c7; border-radius:8px;}
.rechargeentry label, .optionamount span {display: block; color:#666666;}
.rechargeentry input {display: block; width: 86%; height: 1.29rem;  line-height: 1.29rem; font-size: 1.29rem; padding: 0.71rem 7%; border-radius:8px; background-color: rgba(0, 0, 0, 0);}
.rechargeentry  p {display: block; font-size:12px; color:#d3b27d;}
.optionamounlistwrap {width: 100%; margin-top: 0.71rem;}
.optionamounlist { margin-right: -0.57rem; zoom: 1;}
.optionamounlist li {float: left; width: 7.64rem;  margin-right: 0.57rem; margin-bottom: 0.71rem;  box-shadow: 0 0 0px 1px #c7c7c7;border-radius:4px;}
@media (max-width: 320px) {
.optionamounlist li {width: 7.6rem;}
}
.amountit {display: block; overflow: hidden; width: 100%; height: 2rem; background-color: #c7c7c7; border-radius: 4px 4px 0 0; color: #fff;  text-align: center; line-height: 2rem;}
.preferentialPrice {overflow: hidden; display: block; width: 100%;color:#999; padding: 0.57rem 0; font-size: 1rem; text-align: center;}
.preferentialPrice em {display: inline-block; font-size: 12px;  color: #c7c7c7; text-decoration: line-through; vertical-align: bottom; margin-left: 0.1rem;}
.optionamounlist .pitchon {box-shadow: 0 0 0px 1px #d3b27d;}
.pitchon .amountit {background-color: #d3b27d;}
.pitchon .preferentialPrice {color: #d3b27d;}
.entrynumber {width: 100%; margin-top: 0.86rem;}
.entrynumber label {float: left; color:#666666; line-height: 2.14rem; margin-right: 5%;}
.entrynumber strong {float:  left; font-size: 12px; color: #999; margin-left: 3%; margin-top: 1rem;}
.entryadd {float: left;}
.entryadd a {float: left; width: 2.14rem; height: 2.14rem; border: 1px solid #c7c7c7;}
.entryaddinput {float: left; width: 3rem; height: 2.14rem; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7;}
.entryaddinput input {display: block; width: 100%; height: 1.43rem; padding: 0.35rem 0; color:#333333; text-align: center; background-color: rgba(0, 0, 0, 0);}
.totalprice {float: left; font-size: 1.29rem; color:#e2c48e; line-height: 2.14rem;}
.makervipbtn {display: block; width: 90%; height: 3.14rem; margin: 1.43rem auto; color: #fff; line-height: 3.14rem; font-size: 1.14rem;  background-color: #d3b27d; border-radius: 4px;}

.jump {width: 9.43rem; margin: 0 auto;}
.jump a {float: left; color: #d3b27d; font-size: 12px;}
.jump a:nth-child(2){float: right;  padding-left: 1.29rem; border-left: 1px solid #d3b27d;}
.jumowrap {position: fixed; left:0; bottom:0; width: 100%; height:1.14rem; padding: 1rem 0; background-color: #f6f6f6;}
@media (max-width:320px){
.jump {width: 10rem;}
.jump a:nth-child(2){padding-left: 1rem;}
}
.explainmask {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); z-index: 1;}
.explain {position: absolute; top: 8.57rem; left: 50%; width: 71%; padding: 0.71rem 3%; background-color: #fff; margin-left: -38.5%; border-radius:8px;}
.explain h3 {width: 100%; padding-top: 0.43rem; font-size:1.29rem;color:#222222; text-align: center; margin-bottom: 1.29rem;}

.explain p {font-size:13px;color:#4c4c4c; margin-bottom: 1.57rem; line-height: 20px;}
.explain p a {color: #4c4c4c;}
.explainbtn {display: block; width: 100%; height: 2.86rem; color: #fff; text-align: center; line-height: 2.86rem;  background-color: #d3b27d; border-radius: 4px;}

.reduce {background: url("../../images/videorecharge/reduce.png") 0 0 no-repeat; background-size: 100% 100%;}
.plus{background: url("../../images/videorecharge/plus.png") 0 0 no-repeat; background-size: 100% 100%;}

.nogoods {width: 100%; margin-top: 13rem;}
.nogoods img {display: block; width: 33%; margin: 0 auto 1rem;}
.nogoods span {display: block; text-align: center; color:#88acd8;}
.fuelbtn {display: block; width: 90%; height: 3.14rem; margin: 1.43rem auto; color: #fff; line-height: 3.14rem; font-size: 1.14rem;  background-color: #1b37a8; border-radius: 4px;}
.fuelbtn-disable {background-color: #c8c8c8;}