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

.oilBox{
font-size:.12rem;
background:#f6f6fb;
padding:.11rem 0 0 0;
color:#333;
}

.oilBox h5.tip{
padding:.05rem .15rem .11rem;
font:0.14rem/1 Arial;
}

.oilBox h5.tip #jfye{
color:#f22d47;
padding:0 .07rem;
}

.oilBox .inforList{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#fff;
padding-left:.15rem;
margin-bottom:.23rem;
}

.oilBox .inforList li{
height:.445rem;
border-bottom:1px solid #eee;
font-size:0;
}

.oilBox .inforList li:last-child{
border-bottom:0;
}

.oilBox .inforList li label{
font:normal .14rem/.445rem Arial;
width:.76rem;
display:inline-block;
vertical-align:top;
}

.oilBox .inforList li label.left{
display:block;
float:left;
height:.445rem;
}

.oilBox .inforList li span.right{
display:block;
float:right;
width:1.8rem;
height:.445rem;
padding-right:.14rem;
font:normal .14rem/.445rem Arial;
color:#666;
text-align:right;
}

.oilBox .inforList li input{
display:inline-block;
vertical-align:top;
background:none;
border:none;
font-size:.12rem;
padding:.14rem 0;
width:2rem;
color:#555;
}
.minHeightCon1_area,.introCon_area,.ruleCon_area{
    padding-top:.45rem;
}
.selectNum{
margin-bottom:.2rem;
}

.selectNum h5{
font-weight:normal;
padding-left:.15rem;
color:#666;
padding-bottom:.04rem;
}

.selectNum #list{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#fff;
min-height:.6rem;
}

.selectNum #list.loading{
background:#fff url(/app_images/wanlitong/v40/wap/msite/2015/bg/loading.gif) no-repeat center center;
background-size:.3rem;
}

.selectNum #list li{
width:1.06rem;
height:.6rem;
text-align:center;
float:left;
border-bottom:1px solid #eee;
position:relative;
z-index:1;
}

.selectNum #list li strong{
display:block;
font:bold .16rem/1 Arial;
color:#424251;
padding:.13rem 0 .05rem;
}

.selectNum #list li i{
display:block;
font:normal .12rem/1 Arial;
color:#ccc;
}
.selectNum #list li.list_area strong{
	line-height: .6rem;
	padding:0;
}
.selectNum #list li.list_area i{
	display:none;
}
.selectNum #list li:nth-child(3n+2){
border-left:1px solid #eee;
border-right:1px solid #eee;
}

.selectNum #list li:nth-last-child(1), .selectNum #list li:nth-last-child(2), .selectNum #list li:nth-last-child(3){
border-bottom:0;
}


.selectNum #list li.on{
z-index:2;
}

.selectNum #list li.on strong{
color:#f22d47;
}

.selectNum #list li div{
position:absolute;
top:-1px;
left:0;
width:1.055rem;
height:.6rem;
border:1px solid transparent;
overflow:hidden;
}

.selectNum #list li.on div{
border:1px solid #f22d47;
}

.selectNum #list li:nth-child(3n+2) div{
left:-1px;
width:1.06rem;
border:1px solid transparent;
}

.selectNum #list li.on:nth-child(3n+2) div{
border:1px solid #f22d47;
}

.selectNum #list li div:before, .selectNum #list li div:after{
display:none;
}

.selectNum #list li.on div:before{
display:block;
content:"";
width:.23rem;
height:.23rem;
background:#f22d46;
position:absolute;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
bottom:-.12rem;
right:-.12rem;
}

.selectNum #list li.on div:after{
content:"";
display:block;
height:.03rem;
width:.06rem;
border-left:.015rem solid #fff;
border-bottom:.015rem solid #fff;
bottom:.035rem;
right:.015rem;
position:absolute;
transform:rotate(-55deg);
-webkit-transform:rotate(-55deg);
}

.subBox{
text-align:center;
padding-bottom:.3rem;
}

.subBox #comSubmit{
width:2.9rem;
height:.44rem;
display:inline-block;
font:normal .14rem/.44rem Arial;
background:#f22d47;
color:#fff;
}

.subBox span.dis{
background:#f47d8f !important;
}

.subBox .rule{
padding-top:.1rem;
color:#666;
font-size:.11rem;
}

.subBox .rule #ruleBtn{
color:#f22d47;
}

.oilIntroTxt{
padding:.05rem .12rem .15rem;
font-size:.08rem;
line-height:1.4;
}

.oilIntroTxt h1{
text-align:center;
padding:.15rem 0;
font:bold .14rem/1 Arial;
}

.oilIntroTxt .method1{
padding-bottom:.15rem;
}

.oilIntroTxt .method1 section{
padding:.03rem 0;
}

.oilIntroTxt .method1 h4{
font-size:.11rem;
color:#333;
padding-bottom:.05rem;
}

.oilIntroTxt .method1 p{
color:#777;
padding:.02rem 0 .02rem .15rem;
}

.oilIntroTxt .method1 p strong{
font-weight:bold;
padding-right:.1rem;
color:#222;
}

.oilIntroTxt .method1 a{
text-decoration:underline;
color:#09f;
}

#introCon, #ruleCon{
position:absolute;
left:0;
top:0;
background:#fff;
width:100%;
z-index:5;
display:none;
}

#ruleCon{
color:#333;
}

#ruleCon li{
padding:.05rem 0;
line-height:1.4;
font-size:.11rem;
}

.introBtnBox{
font-size:0;
padding:.2rem .15rem;
padding-bottom:0;
}

.introBtnBox2{
background:#f6f6fb;
}

.introBtnBox .introBtn{
display:inline-block;
width:.7rem;
height:.2rem;
border-radius:.2rem;
border:1px solid #f7233b;
font:normal .12rem/.2rem Arial;
color:#f7233b;
text-align:center;
background:#fff;
}

/*pop*/
.pop{position: fixed; z-index:1000;top:0;left:0; width: 100%;height:100%;background: rgba(0,0,0,.5);}
.pop .inner{width:2.4rem; padding:.2rem .15rem;box-sizing:border-box; color:#000;background: #fff; position: relative;margin:1.8rem auto 0; }
.pop .inner p{font-size: .16rem; line-height: .25rem; text-align: center; }
.pop .inner a.close{position: absolute;top:-.14rem;right:-.14rem; display: block;width: .28rem;height: .28rem;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:.2rem; width: 100%;height: .36rem; text-align: center;font-size: .16rem; line-height: .36rem;color:#fff; background: #0076FF; border-radius:4px;}