/*
*充值中心样式文件
*/
/*充值*/
.mb18{margin-bottom: 18px}
.none{display: none;}
.pay_buttons,
.charge_pop .buttons a{
	background-image: url(../img/pay_sprite.png);
	background-repeat: no-repeat;
}
body{overflow-x: hidden;}
.pay_wrap{width: 100%;height: auto;padding:25px 0 32px;background-color: #EEEDE9;}
.error_notice2{color: red}
.error_notice{height: 40px;line-height: 40px;color: red}
.common_notice{height: 20px;line-height: 20px;padding-left: 92px}
.pay_items,.pay_notice{width: 1172px;height: auto;padding:0 0 44px 28px;background-color: #fff;overflow-x: hidden;}
.pay_items{margin: 0 auto;padding-top: 35px}
.pay_item{height: auto;margin-top: 32px;}
.pay_item .pi_title{float:left;width: 92px;height: 22px;font-size: 16px;color: #212b31;margin-top: 8px}
.pay_item_01 .select{margin-right: 10px}
.pay_item_02 .charge_user{height: 40px;line-height: 40px}
.pay_item_02 .charge_user p.cu_01 a{color: #379ff6}
.pay_item_02 .charge_user p.cu_02 input{height: 30px;line-height: 30px;text-indent: 10px;border: 1px solid #DDDCD7}
.pay_item_02 .charge_user p.cu_02 a{color: #379ff6}
.pay_item_02 .error_notice{padding-left: 20px}
.paytypes{width: 800px}
.paytypes a{display: inline-block;margin-right: 25px;width: 130px;height: 40px;line-height: 40px;text-align: center;color: #212b31;border: 1px solid #DDDCD7}
.paytypes_01 a img{vertical-align: middle}
.paytypes_01 a:hover,.paytypes_01 a.active{width: 128px;height: 38px;line-height: 38px;border: 2px solid #379FF6;background: url(../img/paytype_select.png) no-repeat right bottom}
.paytypes_02 a{text-align: right;background-position: center center;position: relative;}
.paytypes_02 a img{display: none;position: absolute;right: 0px;bottom: 0px}
.paytypes_02 a:hover,.paytypes_02 a.active{width: 132px;height: 42px;line-height: 40px;border: 0 none;}
/*.paytypes_02 a:hover,.paytypes_02 a.active{width: 128px;height: 38px;line-height: 38px;border: 2px solid #379FF6}*/
.paytypes_02 a:hover img,.paytypes_02 a.active img{display: block;}
.pay_item_05 .paymoneys{width: 1000px}
.pay_item_05 .paymoneys a{display: inline-block;margin-right: 25px;width: 130px;height: 40px;line-height: 40px;text-align: center;color: #212b31;border: 1px solid #ff9920}
.pay_item_05 .paymoneys a:hover,.paymoneys a.active{width: 128px;height: 38px;line-height: 38px;border: 2px solid #379FF6;background: url(../img/paytype_select.png) no-repeat right bottom}
.pay_item_05 span,.pay_item_05 input{display: inline-block}
.pay_item_05 input{width: 250px;height: 38px;border: 1px solid #ff9920;text-align: center}
.pay_item_05 input.active{width: 248px;height: 36px;border: 2px solid #379FF6;text-align: center;background: url(../img/paytype_select.png) no-repeat right bottom}
.pay_item_05 span{padding-left: 5px}
.pay_item_05 span.yuanbao_notice{color: #ff9920}
.pay_item_06 .paycoupons{width: 850px}
.paycoupons .coupon_item{position: relative;float: left;width:258px;height: 109px;overflow: hidden;cursor: pointer;margin-right: 25px;background:url(http://p0.qhimg.com/d/inn/d9237879/coupon_pay.png) no-repeat left top;}
.paycoupons .coupon_item:hover{background-position: 0 -120px}
.paycoupons .active{background-position: 0 -240px!important}
.paycoupons .coupon_item div.row_01{padding:8px 0px 0px 30px;color: #ff9343}
.paycoupons .coupon_item div.row_01 b{font-size: 27px;}
.paycoupons .coupon_item div.row_01 span{font-size: 12px;}
.paycoupons .coupon_item div.row_02{padding:4px 0px 0px 15px;font-size: 16px;color: #333}
.paycoupons .coupon_item div.row_03{padding:4px 0px 0px 15px;font-size: 12px;color: #999}
.paycoupons .coupon_item div.row_03 span{color: #888;padding-right: 6px;}
.coupon_item .tag{position: absolute;right: 12px;top:0px;width: 29px;height: 31px;background:url(http://p0.qhimg.com/t016dd41bc76c8373f8.png) no-repeat left top;}
.coupon_item .tag_01{background-position: 0px -40px}
.paycoupons a.coupon_more{color: #379ff6}
.pay_buttons{display: block}
.pay_submit_div{padding-left: 92px;margin-top: 26px}
.pay_submit_div a{display: block;width: 169px;height: 43px;font-size: 18px;color: #fff;font-weight: bold;text-align: center;line-height: 43px;background-position: 0 -98px}
.pay_submit_div a:hover{background-position: 0 -154px}
.pay_tips{display: inline-block;position: absolute;height: 36px}
.pay_tips .arrow{position: absolute;left: 50%;top:-10px;margin-left: -11px;width: 23px;height: 14px;background-image: url(http://p8.yx-s.com/d/inn/09b17709/tips_arrow.png)}
.pay_tips .txt{padding: 9px;font-size: 12px;color: #555;border: 1px solid #D5D4D0;background-color: #fff}
.charge_pop_mask{position: absolute;left: 0px;top:0px;width: 100%;height: 100%;background: url(http://p2.qhimg.com/t018f8d0e0a8226d482.png) repeat left top;}
.charge_pop{position: absolute;left: 50%;top:50%;width: 445px;margin-left: -222px;margin-top: -150px;background-color: #fff;border: 1px solid #E1E1E1;text-align: center;padding-bottom: 20px}
.charge_pop .htitle{height: 36px;line-height: 36px;background-color: #EEEDE9;border-bottom: 1px soild #E1E1E1;text-align: left;}
.charge_pop .htitle span,.charge_pop .htitle a{display: inline-block}
.charge_pop .htitle span{width: 405px;color: #3c3c3c;padding-left: 15px}
.charge_pop .htitle a.pop_close{width: 17px;height: 16px;background: url(http://p9.yx-s.com/d/inn/dd799ab3/pop_close.png) no-repeat left top;}
.charge_pop .htitle a.pop_close:hover{background-position: 0 -24px}
.charge_pop .htext{margin: 31px auto 28px;display: inline-block;text-align: left;}
.charge_pop .htext h2{font-size: 18px;color: #1a2227;padding-bottom: 14px}
.charge_pop .htext p{color: #555;padding: 4px 0}
.charge_pop .buttons{height: 64px;line-height: 64px;text-align: center;}
.charge_pop .buttons a{display: inline-block;width: 111px;height: 36px;text-align: center;line-height: 36px}
.charge_pop .buttons a.button_01{background-position: 0 -50px;color: #5d5d5d}
.charge_pop .buttons a.button_01:hover{background-position: -122px -50px}
.charge_pop .buttons a.button_02{background-position: 0 0;color: #fff;margin-left: 52px}
.charge_pop .buttons a.button_02:hover{background-position: -120px 0}
.charge_pop .erweima{width: 168px;height: 208px;margin: 36px auto;}
.charge_pop .erweima .img{width: 166px;height: 166px;border: 1px solid #BFBFBF}
.charge_pop .erweima .img img{width: 100%;height: 100%}
.charge_pop .erweima .btn{width: 166px;height: 38px;border: 1px solid #BFBFBF;border-top: none;background-color: #EEEDE9;text-align: center;line-height: 38px;color: #333;}
.charge_pop .erweima .btn img{vertical-align: middle;margin-right: 10px}
.charge_pop .charge_success{text-align: center;display: inline-block;text-align: left;padding-bottom: 20px}
.charge_pop .charge_success p{}
.charge_pop .charge_success p.p1{font-size: 18px;color: #1a2227;padding: 33px 0 20px;font-weight: bold;}
.charge_pop .charge_success p.p1 img{vertical-align: middle;padding-right: 10px}
.charge_pop .charge_success p.p2{line-height: 30px;}
.charge_pop .charge_success p.p2 span{color: #FFB820}

.pay_pop{position: fixed;left: 50%;top:50%;width: 506px;min-height: 256px;margin-left: -253px;margin-top: -128px;background-color: #fff;color: #555}
.pay_pop .mr50{margin-right: 20px}
.pay_pop .phead{height: 38px;border-bottom: 1px solid #E1E1E1;background-color: #EEEDE9}
.pay_pop .phead span{display: block;}
.pay_pop .phead span.txt{float: left;color: #3c3c3c;line-height: 38px;padding-left: 15px}
.pay_pop .phead span.pop_close{float: right;width: 17px;height: 16px;margin: 11px 13px 0px 0px;background: url(http://p9.yx-s.com/d/inn/dd799ab3/pop_close.png) no-repeat left top;cursor: pointer;}
.pay_pop .phead span.pop_close:hover{background-position: 0 -24px}
.pay_pop .ptext{min-height: 105px;padding: 28px 0px 10px;background-repeat: no-repeat;}
.pay_pop .ptext h2{font-size: 18px;color: #1a2227}
.pay_pop .ptext h3{font-size: 14px;padding-top: 8px}
.pay_pop .ptext h3 span{color: #ff9920;padding: 0 5px}
.pay_pop .ptext p{font-size: 13px;padding-top: 26px}
.pay_pop .pbutton{padding: 0px 0px 20px 120px;}
.pay_pop .pbutton a{display: inline-block;width: 111px;height: 36px;line-height: 36px;text-align: center;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px}
.pay_pop .pbutton a.btn_gray:hover{background-color: #E1E0DD}
.pay_pop .icon_success{padding-left: 120px;background-image: url(http://cdn-img.ludashi.com/a/201708/10/598be8117bc5f.png);background-position: 43px 25px}
.pay_pop .icon_wait{padding-left: 120px;background-image: url(http://cdn-img.ludashi.com/a/201708/10/598be811cfbd4.png);background-position: 43px 25px}
.pay_pop .icon_warning{padding-left: 120px;background-image: url(http://cdn-img.ludashi.com/a/201708/10/598be81178d34.png);background-position: 43px 25px}
.pay_pop .wxqrcode{height: 300px}
.pay_pop .wxqrcode .qrcode_item{margin: 0 auto;float: none;}
.pay_pop .wxqrcode .qrcode_item p{padding-top: 0px}

.pay_notice{margin:25px auto 0}
.pay_notice p.p0{font-size: 16px;color: #212b31;padding:26px 0 2px}
.pay_notice p.p1{color: #333;padding-top: 20px}
.pay_notice p.p2{color: #555;padding-top: 10px}

.qrcode_items{height: auto;padding: 20px 0px 10px 92px}
.qrcode_items .ml52{margin-left: 52px}
.qrcode_item{float: left;width: 217px;height: 264px;border: 1px solid #cfcfcf}
.qrcode_item .contain{width: 170px;height: 170px;margin: 0px auto;padding-top: 24px;overflow: hidden;}
.qrcode_item .contain img{width: 100%;height: 100%}
.qrcode_item .contain img.loading{display: block;width: 80px;height: 80px;margin: 40px auto 0px}
.qrcode_item .contain p{color: ##212b31;;text-align: center;padding-top: 80px}
.qrcode_item .contain p a{color: #429dfd}
.qrcode_item .qrtips{margin: 15px auto 0px;background: url(../img/598a7a2f45687.png) no-repeat left center;}
.qrcode_item .pl40{width: 130px;padding-left: 40px}
.qrcode_item .pl50{width: 120px;padding-left: 50px}
.qrcode_item .txt,.qrcode_item .img,.qrcode_item .btn{text-align: center;}
.qrcode_item .txt{padding-top: 45px;color: #555}
.qrcode_item .img{padding: 24px 0px}
.qrcode_item .img img{width: 100px;height: 81px;}
.qrcode_item .btn a{display: inline-block;width: 114px;height: 30px;line-height: 30px;color: #fff;}
.qrcode_item .btn a.normal{background-color: #429DFD}
.qrcode_item .btn a.normal:hover{background-color: #2EB8FF}
.qrcode_item .btn a.disabled{background-color: #ACACAC;cursor: default;}