@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{color:#333;font-family:arial;background:#F6F6FB; }
h1,h2,h3,b,em{font-weight: normal;font-style: normal;}
img{border:none;}
a,input,button{outline:none;text-decoration: none;}
li{list-style:none;}
input,textarea,select,button{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content: '';display: block;height:0;overflow: hidden;visibility: hidden;clear: both;}
.orange{color:#FF6600;}
.import{color:#F22C46;}
.main {padding-top:.20rem;font-size:.24rem;}
.phone-number{height:.8rem;width:100%;padding:0 .3rem;box-sizing:border-box;background-color: #fff; border:solid #ccc;border-width:1px 0;}
.phone-number>input{margin-top:.27rem; width:100%;font-size: .24rem; color:#333;border: 0; }
.priceH{height:.8rem; line-height: .8rem;padding-left: .3rem;font-size: .2rem;color:#666; position: relative;}
.phone-price {margin-bottom:.16rem;padding:0 .01rem;}
.phone-price div {position:relative;float: left;color:#999;width: 2.11rem;height:1.1rem;background-color: #fff;outline: 1px solid #ccc; overflow: hidden;}
.phone-price div:nth-child(3n-1){margin:0 .02rem 0 .02rem;}
.phone-price div:nth-child(n+4){margin-top:.01rem;}
.phone-price div b{ display: block;text-align: center;margin-top:.25rem; font-size:.28rem;line-height: 1; color:#333; font-weight: bold;padding-bottom: .14rem;}
.phone-price div span{display: block;text-align: center;height:.28rem;font-size:.18rem;line-height:1; color:#999;}
.phone-price div.on{outline:1px solid  #F22C46; z-index: 2;}
.phone-price div.on b{color:#F22C46;}
.phone-price div.on:after{content:" ";display: block;position: absolute;right: -.01rem;bottom:-.01rem;width: .32rem;height: .32rem;
    background: url("/app_images/wanlitong/v40/wap/life/mobilerecharge/angle.png") no-repeat; background-size: 100%;
}
.phone-info {border:solid #ccc;border-width:1px 0;background: #fff;}
.phone-info ul {padding-left:.3rem;}
.phone-info li {height:.8rem;line-height: .8rem; border-bottom: 1px solid #ccc;}
.phone-info li:last-child{border:0;}
.phone-info label {float: left;text-align: left;font-size: .24rem;color: #333;}
.phone-info p{float: right;padding-right:.3rem;font-size: .24rem;color: #333;}
.phone-info p b{vertical-align: top;}
.box-btn{margin: .4rem 0; text-align: center;}
.box-btn button {width: 5.8rem;height:.88rem;line-height: .88rem;text-align: center;font-size: .32rem;color: #fff;background-color: #ccc;border: none;border-radius: 4px;}
.box-btn button.enable{background-color: #f52a43;}
.box-btn p{width: 5.8rem; margin:.2rem auto 0;font-size: .2rem;line-height: .34rem; color:#999; text-align: left;}
/*loadingDiv*/
#loadingDiv{display:block;position: fixed;z-index:999;width:100%;height:100%; background: #fff;}
#loadingDiv img{position: absolute;width:72px;top:50%;margin-top:-36px;left:50%;margin-left:-36px;}

/*pop*/
.pop{position: fixed; z-index:1000;top:0;left:0; width: 100%;height:100%;background: rgba(0,0,0,.5);}
.pop .inner{width: 4.8rem; padding:.4rem .3rem;box-sizing:border-box; color:#000;background: #fff; position: relative;margin:3rem auto 0; }
.pop .inner p{font-size: .32rem; line-height: .5rem; text-align: center; }
.pop .inner a.close{position: absolute;top:-.28rem;right:-.28rem; display: block;width: .56rem;height: .56rem;background: url("/app_images/wanlitong/v40/wap/life/mobilerecharge/pop_close.png") no-repeat; background-size: 100%;}
.pop .inner a.button{display: block;margin-top:.4rem; width: 100%;height: .72rem; text-align: center;font-size: .32rem; line-height: .72rem;color:#fff; background: #0076FF; border-radius:4px;}


/*external*/
.external .phone-price div span{display: none;}
.external .phone-price div b{margin-top: .4rem;}
.external .phone-info li#j_avaiLi{display: none;}

/*文案*/
.introBtn{position: absolute;right:.3rem;top:.2rem;display:inline-block;width:1.4rem;height:.4rem;border-radius:.4rem;border:1px solid #f7233b;font:normal .24rem/.4rem Arial;color:#f7233b;text-align:center;background:#fff;}
.rule{padding:.1rem 0;color:#666;}
.rule a{color:#f22d47;}
.introBtnBox{padding:.1rem .3rem 0; font-size: 0;}
.introBtnBox .introBtn{position: relative;top:0;left:0;}
.oilIntroTxt{padding:.1rem .24rem .3rem;font-size:.16rem;line-height:1.4;}
.oilIntroTxt h1{text-align:center;padding:.3rem 0;font:bold .28rem/1 Arial;}
.oilIntroTxt .method1{padding-bottom:.3rem;}
.oilIntroTxt .method1 section{padding:.06rem 0;}
.oilIntroTxt .method1 h4{font-size:.22rem;color:#333;padding-bottom:.1rem;}
.oilIntroTxt .method1 p{color:#777;padding:.04rem 0 .04rem .3rem;}
.oilIntroTxt .method1 p strong{font-weight:bold;padding-right:.2rem;color:#222;}
.oilIntroTxt .method1 ul{color:#777;padding:.04rem 0 .04rem .3rem; }
.oilIntroTxt .method1 ul li{list-style: disc; list-style-position: inside;}
.oilIntroTxt ol li{color:#777;padding:.1rem 0;line-height:1.4;font-size:.22rem;}
.oilIntroTxt ol li b{font-weight: bold;}
.oilIntroTxt .method1 a{text-decoration:underline;color:#09f;}

.headerBox_area{height:.8rem;position:relative;z-index:1000;}
.headerBox_area>div{position:fixed;background:#fff;width:100%;height:.8rem;border-bottom:1px solid #ccc;}
.headerBox_area b{display:block;text-align: center;height:.8rem;font:normal .28rem/.8rem Arial;color:#424251;}