payWechat.css
7.58 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{width:990px;margin:0 auto}.wrap h2{font-size:14px;color:#333;padding-top:5px;margin-bottom:20px;font-weight:700}.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}.order{padding:19px;border:1px solid #ddd;background-color:#FFF;margin-bottom:20px}.order .summary{position:relative;padding-right:230px;background-color:#FFF;z-index:1}.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}.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:20px;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}.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 .online{margin-top:-1px;margin-bottom:20px}.method .online.on{margin-top:-2px;padding-top:19px}.method .online .list{overflow:hidden;margin-top:20px;margin-left:-20px}.method .online .list li{display:inline;float:left;border:1px solid #ddd;margin:0 0 10px 20px;width:278px;cursor:pointer}.method .online .list li.on{border-color:#999}.method .online .list label{display:block;overflow:hidden;padding:15px 10px 15px 96px;cursor:pointer}.method .online .list .radio{float:left;margin:12px 0 0 -84px}.method .online .list .icon{float:left;width:40px;height:40px;margin-left:-55px;background:url(../../images/pay/icon_alipay.png) center center no-repeat}.method .online .list .icon-alipay{background-image:url(../../images/pay/icon_alipay.png)}.method .online .list .icon-wechat{background-image:url(../../images/pay/icon_wechat.png)}.method .online .list .icon-bank{background-image:url(../../images/pay/icon_bank.png)}.method .online .list .name{font-size:14px;display:block;font-weight:700;color:#666;line-height:1.5;margin-bottom:5px}.method .online .list .desc{display:block;font-size:13px;color:#999}.submit-area{margin-bottom:20px}.submit-area h2{margin-bottom:15px}.submit-area p{overflow:hidden;margin-bottom:18px}.submit-area .pwd{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}.submit-area .pwd.active,.submit-area .pwd:focus{border-color:#5eb92d}.submit-area a{display:inline-block;font-size:13px;line-height:36px;margin-left:10px;color:#005aa0}.submit-area button{display:inline-block;font-size:14px;background:#5eb92d;line-height:40px;width:120px;text-align:center;color:#FFF;border-radius:3px;font-weight:500;outline:0;cursor:pointer}.submit-area button[disabled]{color:#999;background:#ddd;cursor:not-allowed}.submit-area .tips{display:inline-block;font-size:13px;color:#f11;margin-left:20px}.submit-area .tips em{font-style:normal}.wechat{padding:19px;border:1px solid #ddd;background-color:#FFF}.wechat .back{font-size:13px;color:#005aa0}.wechat .area{overflow:hidden;padding:30px 0 40px;width:630px;margin:0 auto}.wechat .scan{float:left;margin-right:135px;padding-top:50px}.wechat .scan .code{width:220px;height:220px;border:1px solid #ddd;margin-bottom:20px}.wechat .scan .btn{background:url(../../images/pay/icon_scan.png) 28px center no-repeat #5dba2b;color:#fff;border-color:#5dba2b;line-height:1.35;text-align:left;width:132px;margin:0;padding:17px 10px 17px 78px;border-radius:0;cursor:default}