payConfirm.css
17.4 KB
*{margin:0;border:none;padding:0}body{background-color:#f5f5f5}ul{list-style:none}a{text-decoration:none}.hide{height:0;width:0;font-size:0;overflow:hidden;display:none}.wrap{margin:0 auto}.wrap h2{font-size:14px;color:#333;padding-top:5px;margin-bottom:20px;font-weight:700}.clearfix:after{content:'';clear:both;display:block;overflow:hidden;width:0;font-size:0}.page{padding-top:10px;font-size:12px;color:#005aa0;text-align:right}.page a{color:#005aa0;padding:0 5px}.page a:hover{text-decoration:underline}.page .disabled{color:#666;cursor:default}.checkbox,.radio{width:16px;height:16px;display:inline-block;vertical-align:middle;position:relative;font-size:0;overflow:hidden;border:none;cursor:pointer;background:url(../../images/pay/icon_checkbox.png) center center no-repeat}.checkbox input,.radio input{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}.checkbox.checked,.radio.checked{background-image:url(../../images/pay/icon_checkbox_checked.png)}.radio{background-image:url(../../images/pay/icon_radio.png)}.radio.checked{background-image:url(../../images/pay/icon_radio_checked.png)}.header{margin-bottom:20px}.header .top{font-size:13px;color:#FFF;background-color:#373e4e;overflow:hidden;text-align:right}.header .welcome{display:inline-block;line-height:32px}.header .menu{float:right;margin-right:-32px}.header .menu li{float:left;list-style:none;position:relative;margin-right:32px}.header .menu li:after{content:'';position:absolute;right:-16px;top:50%;display:block;width:1px;height:14px;margin-top:-7px;background-color:#5f6571;font-size:0;overflow:hidden}.header .menu li:last-child:after{display:none}.header .menu a{display:block;color:#FFF;line-height:32px;text-decoration:none}.header .nav-bar{background-color:#FFF;padding:12px 0;border-bottom:1px solid #ddd}.help{font-size:13px;color:#333;padding-top:7px}.help dd,.help dt{line-height:1.8}.help dd{color:#999}.footer{margin-top:40px;border-top:1px solid #ddd;padding:25px 0;text-align:center;color:#666;font-size:13px}.footer a{color:#666}.btn{display:inline-block;margin-right:10px;font-size:13px;color:#999;cursor:pointer;padding:0 10px;background-color:#f5f5f5;border:1px solid #bbb;line-height:30px;text-align:center;border-radius:3px;min-width:68px}.btn-success{background-color:#64bc32;border-color:#64bc32;color:#FFF}.btn-danger{background-color:#f11;border-color:#f11;color:#FFF}.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../images/pay/icon_mask_bg.png);z-index:99}.popup-btn{display:none;overflow:hidden;font-size:0;width:0;height:0}.popup{background-color:#FFF;width:420px;display:none}.popup .close{width:20px;height:20px;position:absolute;right:18px;top:18px;cursor:pointer;background:url(../../images/pay/icon_close.png) center center no-repeat}.popup h3{font-size:16px;color:#666;font-weight:500;text-align:center;padding-top:40px;margin-bottom:13px}.popup p{font-size:13px;color:#999;text-align:center;margin-bottom:25px}.popup .btns{text-align:center;margin-bottom:35px}.popup .btn{min-width:inherit;padding:0 18px}.popup .link{font-size:13px;color:#005aa0;text-decoration:underline}.font-red{color:#ff5d5b}.ml10{margin-left:10px}.order{padding:19px 19px 9px;border:1px solid #ddd;background-color:#FFF;margin-bottom:20px}.order .summary{position:relative;padding-right:230px;background-color:#FFF;z-index:1;padding-bottom:10px}.order .multi-summary h3{line-height:50px}.order .multi-summary .money a{margin-top:8px}.order p{font-size:13px;color:#999}.order h3{font-size:16px;color:#333;font-weight:700;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order .money{position:absolute;right:0;top:50%;color:#666;font-size:14px;margin-top:-30px;text-align:right;padding-top:5px}.order .money em{font-size:24px;font-style:normal;color:#f60;font-weight:700}.order .money a{display:inline-block;font-size:13px;color:#005aa0;margin-top:15px}.order .money .icon{display:inline-block;vertical-align:middle;position:relative;margin-left:5px;font-size:0;top:1px;width:0;height:0;overflow:hidden;border:4px solid #005aa0;border-color:#005aa0 transparent transparent}.order .money .icon.down{top:-4px;border-color:transparent transparent #005aa0}.order .detail{font-size:13px;color:#666;border-top:1px solid #ddd;padding-top:20px;margin-top:10px;padding-bottom:10px;display:none}.order .detail li{padding-bottom:8px}.order .detail .tit{color:#999}.order .detail table{border:1px solid #ddd;width:100%;font-size:13px;color:#666;border-collapse:collapse;text-align:center}.order .detail table th{background-color:#eee}.order .detail table td,.order .detail table th{padding:13px 10px;border:1px solid #ddd;border-width:1px 0}.recharge .summary p{line-height:2;font-size:14px}.recharge .summary em{font-style:normal;color:#f60;font-weight:700}.recharge .summary .tips{color:#999;font-size:12px;margin-left:20px}.method{padding:19px;border:1px solid #ddd;background-color:#FFF;margin-bottom:20px;font-size:14px;color:#333}.method h2{font-size:14px;color:#333;padding-top:5px;margin-bottom:20px;font-weight:700}.method .subtit{display:inline-block;line-height:16px;font-weight:700}.method .subtit em{font-style:normal}.method .source{display:block;cursor:pointer;overflow:hidden}.method .source .checkbox{float:left;margin-right:15px}.method .item{padding:19px;border:1px solid #ddd;color:#333;font-size:14px;position:relative}.method .item.on{border:2px solid #5eb92d;padding:18px;z-index:1}.method .item .right{float:right;font-weight:700;display:none}.method .item .right em{font-weight:700;font-size:14px;font-style:normal;color:#f60}.method .other-pay{padding-top:15px;padding-left:18px;display:none}.method .other-pay ul{overflow:hidden;margin-left:-20px}.method .other-pay ul li{display:inline;float:left;border:1px solid #ddd;margin:0 0 10px 20px;width:278px;cursor:pointer}.method .other-pay ul li.on{border-color:#999}.method .other-pay ul label{display:block;overflow:hidden;padding:15px 10px 15px 96px;cursor:pointer}.method .other-pay ul .radio{float:left;margin:12px 0 0 -84px}.method .other-pay ul .icon{float:left;width:40px;height:40px;margin-left:-55px;background:url(../../images/pay/icon_alipay.png) center center no-repeat}.method .other-pay ul .icon-alipay{background-image:url(../../images/pay/icon_alipay.png)}.method .other-pay ul .icon-wechat{background-image:url(../../images/pay/icon_wechat.png)}.method .other-pay ul .icon-bank{background-image:url(../../images/pay/icon_bank.png)}.method .other-pay ul .name{font-size:14px;display:block;font-weight:700;color:#666;line-height:1.5;margin-bottom:5px}.method .other-pay ul .desc{display:block;font-size:13px;color:#999}.pay-verify.credit-type{background:url(../../images/pay/credit_code_bg.png) right 30px no-repeat}.pay-verify h2{margin-bottom:15px}.pay-verify p{overflow:hidden;margin-bottom:18px}.pay-verify .text{border:1px solid #bbb;line-height:18px;padding:8px 12px;background:#FFF;width:209px;text-align:left;color:#666;font-size:14px;outline:0;float:left}.pay-verify .text.active,.pay-verify .text:focus{border-color:#5eb92d}.pay-verify .pv-line{clear:both;margin-bottom:20px}.pay-verify .pv-line span{line-height:36px;float:left;width:130px;text-align:right;font-weight:700}.pay-verify .pv-line label{float:left}.pay-verify a{float:left;display:inline-block;font-size:13px;line-height:36px;margin-left:10px;color:#005aa0}.pay-verify button{display:inline-block;font-size:14px;background:#5eb92d;line-height:40px;width:120px;margin-left:130px;text-align:center;color:#FFF;border-radius:3px;font-weight:500;outline:0;cursor:pointer}.pay-verify button[disabled]{background:#ddd}.pay-verify .tips{display:inline-block;font-size:13px;color:#f11;margin-left:20px}.pay-verify .tips em{font-style:normal}.p-wrap{padding:10px 0;position:relative;font:12px/1.5 Arial,Verdana,"\5b8b\4f53"}.p-wrap em{font-style:normal}.p-wrap .p-key{float:left;margin-top:8px;padding-left:18px}.p-wrap .p-key label{cursor:pointer}.p-wrap .p-key .checkbox{float:left}.p-wrap .p-key .subtit{float:left;vertical-align:top;display:inline-block;margin-left:10px;font-size:14px;font-family:"Microsoft Yahei"}.p-wrap .p-value{margin-left:125px;line-height:32px}.p-wrap .p-v-line{line-height:32px;height:32px}.p-wrap .bw-more-pay{font-size:13px;color:#666;margin-bottom:12px}.p-wrap .used-bank{float:left;position:relative;font-size:12px;color:#999;margin-right:20px}.p-wrap .used-bank dt{position:relative;cursor:pointer;width:492px;height:30px;border:1px solid #b0c2e1;line-height:30px;background-color:#fff;overflow:hidden;-webkit-transition:border-color .1s;-moz-transition:border-color .1s;-ms-transition:border-color .1s;transition:border-color .1s}.p-wrap .used-bank dt.hover,.p-wrap .used-bank dt:hover{border-color:#f60}.p-wrap .used-bank dt.hover .ub-arrow,.p-wrap .used-bank dt:hover .ub-arrow{background-color:#f60}.p-wrap .used-bank dt .ub-arrow{position:absolute;top:0;right:0;width:31px;height:30px;background:url(../../images/pay/up.png) center center no-repeat #b0c2e1;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;-ms-transition:background-color .1s;transition:background-color .1s}.p-wrap .used-bank .ub-item{overflow:hidden}.p-wrap .used-bank .ub-item em{float:left;margin-right:13px}.p-wrap .used-bank .ub-item .bank-logo{float:left;margin-left:10px;margin-right:10px;margin-top:1px}.p-wrap .used-bank .ub-item .ub-i-quick{margin-top:6px;background:#F60;color:#fff;height:18px;line-height:18px;padding:0 5px;margin-right:5px;border-radius:2px}.p-wrap .used-bank .ub-item .ub-i-limit{color:#999}.p-wrap .used-bank dd{position:absolute;z-index:21;display:none;left:0;background-color:#fff;width:492px;border:1px solid #ddd;border-top:none;color:#999}.p-wrap .used-bank dd .ub-list{padding:10px 0 5px;font-size:12px}.p-wrap .used-bank dd .ub-list li{position:relative;cursor:pointer;margin-bottom:5px;line-height:30px}.p-wrap .used-bank dd .ub-list li.selected,.p-wrap .used-bank dd .ub-list li:hover{background-color:#f5f5f5}.p-wrap .bank-new,.p-wrap .bank-return{float:left;color:#005aa0;font-size:12px}.p-wrap .bank-new a,.p-wrap .bank-return a{color:#005aa0}.p-wrap .p-amount{position:absolute;width:140px;right:20px;top:14px;font-size:14px;text-align:right;line-height:26px}.p-wrap .p-amount .money-unit,.p-wrap .p-amount em{font-style:normal;vertical-align:bottom;font-size:18px;color:#ff5d5b;margin:0 3px}.p-wrap .p-amount .money-unit{font-size:14px;margin:0}.balance-wrap .p-value{font-size:14px;font-weight:700;color:#666}.balance-wrap.disabled .checkbox,.balance-wrap.disabled .checkbox input,.balance-wrap.disabled label{cursor:default}.balance-wrap.disabled .p-value,.balance-wrap.disabled .subtit{color:#999}.bank-area{padding-top:15px;padding-left:43px;padding-right:20px;display:none}.bank-area .tab{border:1px solid #ddd;border-width:0 0 1px 1px;height:36px;margin-bottom:25px}.bank-area .tab li{float:left;font-size:14px;border:1px solid #ddd;border-left:none;position:relative;margin-bottom:-1px;z-index:1;background-color:#f5f5f5}.bank-area .tab li a{display:block;padding:7px 32px;color:#5eb92d}.bank-area .tab .curr{border-bottom-color:#FFF;color:#333;background-color:#FFF}.bank-area .tab .curr a{color:#333}.payment-list{width:790px;overflow:hidden;zoom:1}.payment-list .pl-wrap{overflow:hidden;zoom:1;padding-bottom:12px;width:800px}.payment-list .pl-item{position:relative;float:left;background-color:#fff;padding:5px 0;height:28px;width:188px;margin-right:10px;margin-bottom:10px;cursor:pointer;border:1px solid #b0c2e1;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;-ms-transition:border-color .2s;transition:border-color .2s}.payment-list .pl-item.hover,.payment-list .pl-item:hover{border-color:#5eb92d;z-index:20}.payment-list .pl-item.hover .pl-i-info,.payment-list .pl-item:hover .pl-i-info{visibility:visible;opacity:1;bottom:-22px}.payment-list .pl-item .bank-logo{margin-left:25px}.payment-list .pl-item .pl-i-info{position:absolute;visibility:hidden;left:-1px;bottom:-18px;width:100%;height:20px;line-height:20px;font-size:12px;border:1px solid #5eb92d;background-color:#5eb92d;color:#fff;text-align:center;opacity:0;-webkit-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;-ms-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s}.payment-list .pl-item .pl-i-selected{display:none;position:absolute;width:19px;height:19px;right:0;top:0}.payment-list .pl-more{float:left;background-color:#ddffca;padding:5px 0;height:28px;line-height:28px;font-size:14px;width:188px;border:1px solid #ddffca;text-align:center;color:#5eb92d;font-weight:700;cursor:pointer;-webkit-transition:background-color .2s,color .2s;-moz-transition:background-color .2s,color .2s;-ms-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}.payment-list .pl-more:hover{background-color:#5eb92d;color:#FFF}.bank-logo{background-image:url(../../images/pay/bank_logo.png);display:block;width:125px;height:28px;overflow:hidden;text-indent:-9999px}.mr10{margin-right:10px}#bank-bjrcb{background-position:0 0}#bank-bob{background-position:0 -28px}#bank-cbhb{background-position:0 -56px}#bank-bocd{background-position:0 -84px}#bank-fudian{background-position:0 -112px}#bank-icbc{background-position:0 -140px}#bank-ceb{background-position:0 -168px}#bank-gdb{background-position:0 -196px}#bank-hkb{background-position:0 -224px}#bank-hzb{background-position:0 -252px}#bank-hengfeng{background-position:0 -280px}#bank-hxb{background-position:0 -308px}#bank-ccb{background-position:0 -336px}#bank-jsb{background-position:0 -364px}#bank-bcom{background-position:0 -392px}#bank-jinghua{background-position:0 -420px}#bank-cmbc{background-position:0 -448px}#bank-njcb{background-position:0 -476px}#bank-nbcb{background-position:0 -504px}#bank-abc{background-position:0 -532px}#bank-pab{background-position:0 -560px}#bank-spdb{background-position:0 -588px}#bank-qdccb{background-position:0 -616px}#bank-srcb{background-position:0 -644px}#bank-shb{background-position:0 -672px}#bank-sdb{background-position:0 -700px}#bank-wzcb{background-position:0 -728px}#bank-cib{background-position:0 -756px}#bank-cmb{background-position:0 -784px}#bank-zjtl{background-position:0 -812px}#bank-boc{background-position:0 -840px}#bank-post{background-position:0 -868px}#bank-citic{background-position:0 -896px}#bank-cqrcb{background-position:0 -924px}#bank-cqcb{background-position:0 -952px}#bank-gzrcc{background-position:0 -980px}#bank-gzcb{background-position:0 -1008px}#bank-hsb{background-position:0 -1036px}#bank-czb{background-position:0 -1064px}#bank-bonc{background-position:0 -1092px}#bank-gdnyb{background-position:0 -1120px}#bank-chab{background-position:0 -1148px}#bank-dylszc{background-position:0 -1177px}#bank-dzb{background-position:0 -1205px}#bank-lwb{background-position:0 -1233px}#bank-qsb{background-position:0 -1260px}#bank-rzb{background-position:0 -1289px}#bank-tab{background-position:0 -1317px}#bank-lsb{background-position:0 -1345px}#bank-wfccb{background-position:0 -1373px}#bank-ordox{background-position:0 -1401px}#bank-boxm{background-position:0 -1430px}.pay-logo{background-image:url(i/pay-logo.png?20141216);display:block;width:140px;height:28px;overflow:hidden;text-indent:-9999px}#pay-chinabank{background-position:0 -5px}#pay-weixin{background-position:0 -42px}#pay-99bill{background-position:0 -82px}#pay-unionpay{background-position:0 -120px}#pay-cmpay{background-position:0 -158px}#pay-kara{background-position:0 -244px}#pay-tenpay{background-position:0 -473px}.bank-selected{width:325px;height:38px;border:1px solid #b0c2e1;line-height:38px;float:left}.bank-selected em{float:left;margin-right:10px}.bank-selected .bank-logo{float:left;margin-left:15px;margin-right:20px;margin-top:5px}.bw-q-return{margin-left:10px;color:#005aa0;font-size:12px}.ui-form{color:#666;font-size:13px}.ui-form .ui-form-line{margin-bottom:18px}.ui-form .ui-form-label{float:left;text-align:right;width:75px;line-height:32px}.ui-form label{float:left;cursor:pointer;margin-right:20px}.ui-form .radio{float:left;margin-top:7px;margin-right:5px}.ui-form .checkbox{float:left;margin-top:7px}.ui-form .ui-form-group{margin-left:85px;line-height:32px}.ui-form .bank-selected{margin-top:-4px;width:auto;padding-right:15px}.ui-form .ui-input{width:238px;height:20px;padding:5px 10px;line-height:20px;font-size:12px;background-color:#fff;border:1px solid #ddd;vertical-align:middle;-webkit-transition:border-color .1s;-moz-transition:border-color .1s;-ms-transition:border-color .1s;transition:border-color .1s;outline:0}.ui-form .ui-input:focus{border-color:#5eb92d}.ui-form .ui-input.ui-input-error{border-color:#ff5d5b}.ui-form .ui-select{height:32px;line-height:28px;padding:4px 2px;vertical-align:middle;border-style:solid;border-width:1px;border-color:#b0c2e1;background-color:#fff;font-size:12px;border-radius:0;width:80px}.ui-form .font-black{color:#666}.bank-wrap .bw-quick.type-credit{background:url(../../images/pay/credit_bg.png) right center no-repeat}.paybox{border-bottom:1px solid #ddd;padding:0 2px 1px}.paybox .subtit{color:#666}.paybox.paybox-selected{margin-top:-2px;border:0;border:2px solid #5eb92d;padding:0;background-color:#fff}.paybox.paybox-selected .balance-wrap,.paybox.paybox-selected .balance-wrap .p-value,.paybox.paybox-selected .balance-wrap .subtit,.paybox.paybox-selected .subtit{color:#333}body{background:0 0}.wrap{width:auto}.pay-verify{display:block;padding:19px;background-color:#FFF;margin-bottom:160px}.pay-verify .text{height:18px}.pay-verify .btn-success{margin-left:0}.pay-verify h1{font-size:14px;color:#f11;font-weight:700;margin-bottom:10px}.pay-verify button[disabled]{background-color:#5eb92d;color:#FFF;cursor:default}.pay-verify .desc{font-size:14px;color:#333;margin-bottom:20px}.pay-verify .desc em{font-style:normal;color:#f11}