@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html,body{height:100%;}
body{color:#333;background:#f6f6fe;font-family:arial;font-size: .28rem;}
b,em{font-style:normal; vertical-align:middle;font-weight: normal;}
img{border:none;}
a,input,button{outline:none; text-decoration: none;}
li{list-style:none;}
input,textarea,select,button{outline:none;}
h1,h2,h3{font-weight: normal;}
.clear{clear:both;float:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow:hidden;}
.clearfix { zoom:1;}
body>section{min-height: 100%;}/*uc*/
body>section{min-height:100vh;position: relative;}
/*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;}

/*header*/
/*header.header{ position: relative; height:.88rem;background: #fff; border-bottom: 1px solid #ccc; }
header.header>img{float: left;width: 1.18rem;margin:.25rem .15rem 0 .20rem;}
header.header h1{float: left;font-size: .24rem;line-height:.26rem;margin-top:.31rem;padding-left:.15rem;border-left:1px solid #979797; }
.navTip{position: absolute;right:.21rem;top:.33rem;}
.navTip span{display:block;font-size:0;width:.36rem;height:.05rem;background:#f22d47;margin-bottom:.04rem;transition: all .2s ease 0s;-webkit-transition: all .2s ease 0s;}
.navTip .slides span:nth-child(1){transform:translate(.015rem, -.012rem) rotate(45deg);transform-origin:left top;-webkit-transform:translate(.015rem, -.012rem) rotate(45deg);-webkit-transform-origin:left top;}
.navTip .slides span:nth-child(2){opacity:0;}
.navTip .slides span:nth-child(3){transform:translate(.015rem, .012rem) rotate(-45deg);transform-origin:left bottom;-webkit-transform:translate(.015rem, .012rem) rotate(-45deg);-webkit-transform-origin:left bottom;}*/
/*nav*/
.footer_nav{position: fixed;width:100%;height:1.82rem; line-height: 1.82rem; bottom:0;background:#fff;border-top:1px solid #e8e8e8;}
.footer_nav>a{float:left;position: relative;top:.4rem;display:block; width:33.3%; height:1.1rem;box-sizing:border-box;text-align: center;padding-top:.78rem;font-size:.2rem;line-height: 1; color:#909094;}
.footer_nav>a:before{content: ""; display: block;width:.60rem;height:.60rem; position: absolute;left:0rem;top:0;left:50%;margin-left:-.3rem;background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/nav_icon.png) no-repeat center top;background-size:.6rem; }
.footer_nav>a:nth-child(1),.footer_nav>a:nth-child(2),.footer_nav>a:nth-child(3){border-right:1px solid #ddd;}
.footer_nav>a:nth-child(2):before{background-position: center -.6rem;}
.footer_nav>a:nth-child(3):before{background-position: center -1.2rem;}
.footer_nav>a:nth-child(4):before{background-position: center bottom;}
.footer_nav>a:nth-child(2){display:none;}
/*main*/
.main{box-sizing:border-box;position:relative;}
.main_button_nav{padding-bottom:3.5rem;}
/*notice*/
.main .notice{position:absolute;left:0px;top:0px;width:100%;height:.68rem;background: #dde5eb;line-height: .7rem;font-size:.26rem;}
.main .notice .notice-voice{float:left;margin-left:.2rem;width:.57rem;height:.68rem;background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/notice_voice.png) no-repeat;background-size: 50% 50%;background-position: center;}
.main .notice .notice-arrow{float:right;margin-right:.2rem;width:.4rem;height:.68rem;background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/notice_arrow.png) no-repeat;background-size: 30% 30%;background-position: center;}
/*formsty*/
.formsty{}
.formsty .card_icon{height:3.18rem;overflow: hidden; text-align: center; background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/card_icon.png) #f6f6fe  no-repeat center 0; background-size: 5.88rem 3.99rem;}
.formsty ul{padding-left:.3rem;background: #fff;border:solid #ddd;border-width: 1px 0;}
.formsty ul li{height:.88rem; line-height: .88rem; background:#fff; border-bottom:1px solid #ddd;}
.formsty ul li:last-child{border:0;}
.formsty ul li>i.icon{display: block;width: 1.7rem; float: left;font-style: normal;}
.formsty ul li>input{float: left;width:4.6rem; margin-top:.24rem;font-size: .28rem; line-height: 0.28rem; border:0;}
.formsty ul li>input.passingimg{width: 3.74rem;}
.formsty ul li>.sao{display:none;float: right;margin-right: .3rem;margin-top: .14rem; font-size: 0; width: .6rem;height: .6rem;background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/sao.png) no-repeat center; background-size: 100% 100%;}
.formsty ul li>img{display: inline-block;width:1.46rem;height:0.56rem;}
.formsty ul li>img{margin:.16rem 0rem .16rem 0;}/*uc*/
.formsty ul li.yzm input{width:3.6rem;}
.formsty ul li>a{float: right;margin-right: .3rem;font-size: .24rem; color: #49a6ff; }
.formsty ul li>a.dis{color:#666;border-color:#ddd;pointer-events:none;}
.formsty .service{padding:.3rem 0 0 .32rem;}
.formsty .submit_box{margin-top:.44rem;}
.formsty>h2{font-size: .24rem;line-height: 2; padding:.3rem;color:#666;}
.formsty>h2>span{color:#9d9d9d;}
.formsty>p{font-size:.24rem;line-height: 1; padding:.28rem 0 0 .3rem;color:#666;}
/*service*/
.service{ font-size:.24rem;color:#999;line-height: 1;}
.service>i.checkbox{display: inline-block;width: .3rem;height: .3rem;box-sizing:border-box; margin-right:.15rem; vertical-align: middle;background:#d8d8d8; border:1px solid #979797;border-radius: 3px;}
.service>i.checked{background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/checkbox_icon.png) #d8d8d8 no-repeat center; background-size: .22rem .17rem; }
.service>a{color:#49a6ff;}

/*depict*/
.depict{
	position: relative;padding-bottom: .38rem; height:3.22rem;overflow: hidden; background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/cardproving.png) no-repeat center .32rem; background-size: 6.9rem 2.9rem;
}
.depict>i.icon{position: absolute;right:.3rem;top:.3rem; width:0.79rem;height: 0.79rem; background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/suicon.png) no-repeat center; background-size: 100% 100%;}
.depict>p{font-size: .24rem; line-height: .26rem;width: 5.7rem; margin:1rem 0 0 .85rem;color:#fff;}
.depict>p>b{display:block;margin-bottom:.2rem;padding-left:.1rem;}
.depict>p span{display:block;padding-left:.1rem;}
.depict>p span:last-child{margin-top:.36rem;}
.depict>p span b{font-size: .72rem; line-height: .72rem; }
.depict>p span em{opacity: .5;}
/*binds_depict*/
.bind_succ{padding-top:.4rem;}
.binds_depict{position: relative; height:2.38rem;background: #fff; border:solid #e8e8e8;border-width: 1px 0;}
.binds_depict>img{width:1.28rem;height: 1.28rem; margin:.59rem 0 0 .61rem;}
.binds_depict>p{position: absolute;left: 2.48rem;top:.5rem; color:#999;font-size: .24rem;}
.binds_depict>p>b{display:block;font-size: .36rem; line-height: .38rem;margin-bottom:.2rem;color:#666;}
.binds_depict>p span{display:block;margin-bottom:.22rem;}
.binds_depict>p span:last-child{margin:0;}
.binds_depict>p span b{font-size: .28rem;font-weight: bold; color:#ff3e5c; }

.depict_red{height:3.8rem;position: relative;background-image:-moz-linear-gradient(top,#f43048,#fb6a6d); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f43048),color-stop(1,#fb6a6d));background-image:linear-gradient(top,#f43048,#fb6a6d);}
.depict_red.depict_old{background-image:-moz-linear-gradient(top,#595d61,#abb6c2); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#595d61),color-stop(1,#abb6c2));background-image:linear-gradient(top,#595d61,#abb6c2);}
.depict_red>p{color:#fff;font-size: .2rem;text-align: center;padding-top:1.44rem;}
.depict_red>p>b{display:block;font-size: .36rem;line-height: 1;margin-bottom:.42rem;}
.depict_red>p span{font-size: .24rem;line-height: 1;margin-top:.44rem; }
.depict_red{margin-bottom:.1rem;}/*uc*/
.depict_red .password{position: absolute;bottom:-0.56rem;left:50%;margin-left:-3.45rem; width: 6.9rem;height:1.12rem; line-height: 1.12rem; background: #fff; border:1px solid #bbb; overflow: hidden;border-radius: .08rem;}
.depict_red .password i{font-style: normal;float: left;position: relative;display: inline-block;width:1.15rem;height:1.12rem;box-sizing:border-box;z-index: 0;border-left:1px solid #dedede;text-align: center; font-size: .6rem;color:#202020;}
.depict_red .password i:first-child{border:0;}
.depict_red .password input{position: absolute;top:0;left:-50%; z-index: 1;width:300%;height:1.12rem; font-size: 0.01rem; background: transparent;border:0;}

/*input_content*/
.mess_content h2{margin-bottom: .28rem; font-size: .24rem; line-height: 1.5;color:#666;text-align: left;}
.mess_content h2.change_password_tips{display: none; color:#ff3e5c;}
.mess_content>p{font-size: .48rem; line-height: .5rem;color:#333;}
.mess_content h2>b{color:#666; display: block;}
.mess_content>div{background:#fff;border:solid #ddd;border-width: 1px 0;}
.mess_content>div.card_div{display: none; border-width:0px 0px 1px;}
.mess_content>div p{padding:0 .3rem;font-size: .28rem;height: .88rem; line-height:.88rem;color:#333; }
.mess_content>div p b{display: inline-block;width: 1.7rem;}
.mess_content>div p span{color:#000;}
.mess_content>div p span.right{ float: right;}
.mess_content>div p input{font-size: .28rem;border:0;}
.mess_content .mes{display: none;font-size: .24rem;color: #ff3e5c;padding-left: .3rem;margin-top: .2rem;}
.mess_content>div a{position: relative; display: block;color:#333;padding-right:.55rem;}
.mess_content>div a:after{content: ""; display: block;width:.14rem;height:.14rem;border:solid #c7c7c7;border-width:1px 1px 0 0; position: absolute;right:.48rem;top:50%;margin-top:-.07rem; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.cardproving_pass .mess_content h2{padding-left: .3rem;}
.cardproving_pass .submit_box{padding-top: .8rem;}
.cardproving_pass .submit_box>a.w70,
.card_unbind .submit_box>a.w70,
.cardm_manage .submit_box>a.w70{background:#4D7AFF;color:#fff;}
.cardm_manage .submit_box>a.w70:last-child{background:#fff;color:#333;}
.cardm_manage{padding-bottom: 1.2rem;}
.bind_succ .mess_content{margin-top:.4rem;padding-left: .3rem;}
.bind_succ .tips,.cardproving_pass .tips,.card_unbind .tips{margin-top: .8rem; font-size:.28rem;line-height: .52rem; color:#999;padding-left:.3rem; }
.bind_succ .tips li,.cardproving_pass .tips li,.card_unbind .tips li{position: relative;padding-left:.26rem;}
.bind_succ .tips li:before,.cardproving_pass .tips li:before,.card_unbind .tips li:before{
	background:#999; content: ""; display: block;width:.12rem;height:.12rem; position: absolute;left:0rem;top:.2rem;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);		
	-webkit-transform: rotate(45deg);	
	-o-transform: rotate(45deg);		
	-moz-transform: rotate(45deg);
}
.bind_succ .tips li b,.card_unbind .tips li b{color:#ff3e5c;}
.bind_succ .submit_box{margin-top: .4rem;}
.bind_succ .submit_box>a,.card_unbind .submit_box>a{display: inline-block; width: 3.35rem;}
.bind_succ .submit_box>a:last-child,.card_unbind .submit_box>a:last-child{margin-left:.2rem;}
.bind_succ .mess_content>p{margin-bottom: .5rem;}
.repassword .submit_box{margin-top:1.53rem;}
.repassword .submit_box>a.w70{background:#4D7AFF;color:#fff;}
.repassword .forget_box{text-align: right;margin-top: 0.8rem;display: none;}
.repassword .forget_box>a{font-size: .3rem;color: #003399;margin-right:.35rem;}
.card_bind .submit_box{margin-top:.98rem;}
.card_unbind .submit_box{margin-top:1rem;}
.card_unbind .formsty{margin-top: .7rem;}
.cardproving_pass .papers{font-size: .24rem;color: #999;width:5.76rem;padding: 0 .32rem 0 .32rem;display: none;}
.cardproving_pass .papers h3{font-size: .24rem;line-height: .54rem;}
.cardproving_pass .papers p{font-size: .24rem;line-height: .54rem;text-align: right;}
.cardproving_pass .papers a{color: #4269e1;}
.cardproving_pass .papers-input{position:relative;width:5.76rem;height: .98rem;overflow: hidden;}
.cardproving_pass .papers-pwd{position:absolute;top:0;left:0;z-index:2;background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/papers.jpg) no-repeat;background-size: cover;width:5.76rem;height: .98rem;}
.cardproving_pass .papers-pwd span{background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/papers.jpg) no-repeat 0 -.98rem;background-size: 5.76rem 1.96rem;width:0rem;height: .98rem;display: inline-block;}
.cardproving_pass .papers-input input{position:absolute;top:0;left:0;z-index:1;width:5.76rem;height:.98rem;border:1px solid red;font-size:1px;text-indent:-100px;opacity:0;-webkit-appearance:none;border-radius:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;margin-left: -20px;}
/*sao_content*/
.card_content{height:4.13rem; background:#3C435F;padding-top:.4rem;margin-bottom:.65rem; box-sizing:border-box;}
.card_content .inner{position: relative; font-size: .24rem; width:5.3rem;text-align: center; height:3.34rem; margin:0 auto;}
.card_content .inner>img{position: absolute;top:0;left:0; height:100%;width:100%;}
.card_content .inner>div{position: relative;padding:1.92rem 0 0 .35rem; color:#fff;text-align: left;}
.card_content .inner>div b{	display: block;padding-bottom:.15rem;font-size: .34rem;line-height: 1;letter-spacing: .05rem;text-shadow:1px 1px 2px #000; }
.card_content .inner>div p span{display: inline-block;width:1.02rem;}
.card_content .inner>div p{font-size: .24rem;line-height: .34rem;text-shadow:1px 1px 1px #000;}

/*card_list*/
.card_list{padding:.2rem 0 .5rem;}
.card_detail{padding-top: .16rem;}
.card_set{margin-top: .5rem;}
.card_set header h2{font-size: .28rem;line-height: 1.04rem;padding-left:.3rem;background: #fff; border:solid #ddd; border-width: 1px 0;}
.card_set header h2 span{margin-left: .88rem;}
.card_set header h2 span.able{color:#ff3e5c;}
.card_set header h2 span.disable{color:#ffa500;}
.card_set ul li{background: #fff;border-bottom: 1px solid #ddd;}
.card_set ul li.modify_passw{margin-top: .2rem;border-top:1px solid #ddd;}
.card_set li a{position: relative; display: block;padding-left:.3rem;height:.88rem; line-height: .88rem;font-size: .28rem; color:#333;}
.card_set li a:after{
	content: "";display: block;width:.18rem;height:.18rem;border:solid #C7C7CB;border-width:1px 1px 0 0;
	position: absolute;right:.3rem;top:50%;margin-top:-.09rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);
}
.card_detail .submit_box{margin-top: .8rem;}
.card_detail .submit_box a{ background: transparent;color:#ff3e5c;}
/*submit_box*/
.submit_box{text-align: center;}
.submit_box>a{display: block;box-sizing:border-box; width: 6.9rem; text-align: center; font-size: .32rem;line-height:.88rem; margin:0 auto;color:#fff; background: #ff3e5c;border-radius: .08rem;border:1px solid #ff3e5c;}
.submit_box>a.bgcolor{margin-top:.35rem;color:#666;background: none;border:1px solid #666;}
.submit_box>a.w100{color:#F22D47; background: #fff;border:1px solid #ccc;}
.submit_box>a.w70{width:5.8rem;}

.add_card{position: fixed;bottom:0;left: 0;width: 100%;height: 1.04rem;line-height: 1.04rem; text-align: center; background: #ff3e5c; }
.add_card>a{font-size: .32rem; color: #fff;}
/*footer*/
footer{position: absolute;bottom:0;width:100%; height:.96rem;border-top:1px solid #ccc;background:#F6F6FB;}
footer .copyright{position: absolute; margin:.38rem 0 0 1.7rem; display:inline-block;height:.25rem;padding-left:.5rem;font-size:.22rem;line-height: .25rem; color:#666;background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/footerLogo.png) no-repeat;background-size:.24rem;}
/*sprite*/
/*.icon{display: inline-block;width:.45rem;height:.45rem;background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/icon.png) center top; background-size: .45rem;}
.icon.pass{background-position: center -0.44rem;}
.icon.phone{background-position: center -0.90rem;}
.icon.mess{background-position: center -1.37rem;}
.icon.passimg{background-position: center bottom;}

.checkbox{display: inline-block;width:.2rem;height:.21rem;background:url(/app_images/wanlitong/v40/wap/event/prepaidcard/checkbox.png) 0 0; background-size: .2rem;}
.checkbox.checked{background-position: 0 -.21rem;}*/

.card{display: block; margin: 0 auto;width:6.9rem;height: 2.78rem;padding: .32rem 0 0;}
.card.card_offline{background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/card_offline.png) no-repeat center .32rem;background-size: 6.9rem 2.78rem;}
.card.card_online{background: url(/app_images/wanlitong/v40/wap/event/prepaidcard/card_online.png) no-repeat center .32rem;background-size: 6.9rem 2.78rem;}
.card.card_add{height:1.5rem; background-position: 0 bottom;}
.card>div{padding:.7rem 0 0 .69rem; color:#fff;text-align: left;}
.card>div b{display: block;padding-bottom:.45rem;font-size: .48rem;line-height: 1;letter-spacing: .06rem;}
.card>div p span{display: inline-block;width:1.45rem;}
.card>div p{font-size: .28rem;line-height: .36rem;}
/*sprite end*/


/*confirm_pop*/
.confirm_popbg,.confirm_pop{display: none;}/*uc*/
/*top:-100vh;*/
.confirm_popbg{position: absolute;z-index: 99;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);}
.confirm_pop{ position: absolute;width:100%;z-index: 100;bottom:0;left: 0;}
.confirm_pop>.inner{background: #d4d4d4;position: absolute;bottom:0rem;width:100%;}
.confirm_pop>.inner p{
	display: -webkit-flex;display: flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;
	min-height: .88rem; font-size:.22rem;line-height: .32rem; text-align: center;padding:.2rem 0;color:#424251; background: #fff;border:solid #eee;border-width:1px 0; 
}
.confirm_pop>.inner a{display: block; font-size:.28rem;line-height:.88rem;  text-align: center;color:#FF0000; background: #fff; }
.confirm_pop>.inner a:last-child{margin-top:.18rem;color:#424251;}
/*.confirm_pop.show{
	transition: all .2s ease 0s;-webkit-transition: all .2s ease 0s;
	transform:translate(0rem, 100vh);
	-webkit-transform:translate(0rem, 100vh);
}*/
.confirm_popbg.show,.confirm_pop.show{display: block;}/*uc*/
.merchant_lists{padding-top: .2rem;}
.merchant_lists>a{display: block;width: 3.4rem; position: relative; float: left; margin:0rem 0 .14rem .22rem;}
.merchant_lists>a img{position: relative;z-index: 1; float: left; width: 3.4rem;height:2.7rem;border-radius:.1rem;}
.merchant_lists>a span{position: relative;z-index: 0;float: left; margin:0 .15rem;display:block; width: 3.1rem; height:.58rem; line-height: .58rem; font-size:.24rem;  color:#000;text-align: center; border-radius: 0 0 .1rem .1rem; background: #fff; overflow: hidden;}
.merchant_lists>a span:after{content: "";display: block;width:100%;height:.1rem;position: absolute;top:-.1rem;box-shadow: 0px 1px 8px rgba(0,0,0,.5);}
.merchant_detail li{
	display: -webkit-flex;display: flex;-webkit-align-items:center;align-items:center;webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;
	padding:.27rem 0 .3rem .2rem;box-sizing:border-box;
	min-height:1.22rem; text-align: left; background: #fff; border-bottom: 1px solid #eee;
}
.merchant_detail li h1{font-size: .32rem;color:#1d1d1d; line-height: .32rem;}
.merchant_detail li p{font-size: .24rem; color:#999;line-height: .28rem;padding-top:.1rem;width:100%;}
.download{position: absolute;width:100%;height:1.2rem; bottom:.97rem;background:#ddd;display: flex;display:-webkit-flex; align-items:center;-webkit-align-items:center;}
.download a{margin: 0 auto; display: block;width: 5.8rem;height:.9rem; line-height: .9rem; text-align: center; font-size: .28rem;color:#333; background: #fff;}
.download a em{color:#000; vertical-align: top;}
.main_download{padding-bottom:2.5rem;}

/*弹框*/
.wlt-dialog{padding:0 !important;box-sizing:border-box;background:rgba(255,255,255,1) !important;}
.wlt-dialog h1{padding: .3rem .3rem 0 .3rem; font-size: .34rem;color:#030303; text-align: center;}
.wlt-dialog p{padding: .26rem .3rem 0;font-size: .28rem; text-align: center; line-height: .4rem;}
.wlt-dialog>span{display: block;margin-top: .4rem; border-top:1px solid #ddd;}
.wlt-dialog>span>a{box-sizing:border-box;padding: 0 !important; display: block;width: 50%;text-align: center; height: .88rem;line-height: .88rem;font-size:.32rem;color:#666;border-right:1px solid #ddd; }
.wlt-dialog>span>a:last-child{color: #49a6ff;border:0;}
.wlt-dialog>span>a:first-child:nth-last-child(1){width: 100%;}