pay.css
5.17 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}.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}.header .welcome{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}.order{padding:19px;border:1px solid #ddd;background-color:#FFF;margin-bottom:20px}.order .summary{position:relative;padding-right:230px}.order p{font-size:13px;color:#999}.order h3{font-size:16px;color:#333;font-weight:500;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}.order .money em{font-size:24px;font-style:normal;color:#f60}.order .money a{display:inline-block;font-size:13px;color:#005aa0;margin-top:22px}.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:15px;margin-top:20px;display:none}.order .detail li{padding-bottom:8px}.order .detail .tit{color:#999}.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}.method .online.on{margin-top:-2px;padding-top:19px}.method .online .list{overflow:hidden;margin-top:20px;margin-left:-20px;padding-bottom:10px}.method .online .list li{display:inline;float:left;border:1px solid #ddd;margin-left:20px;cursor:pointer}.method .online .list li.on{border-color:#999}.method .online .list label{display:block;overflow:hidden;padding:15px 20px 15px 106px;cursor:pointer}.method .online .list .radio{float:left;margin:12px 0 0 -86px}.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{padding:19px;border:1px solid #ddd;background-color:#FFF;margin-bottom:20px}.submit-area h2{margin-bottom:17px}.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 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}.help{font-size:13px;color:#333;padding-top:7px}.help dd,.help dt{line-height:1.8}.help dd{color:#999}