Web/VIPCenter/ConfirmOrder/tradeOrder.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* 顶部banner */
.order-box{width:980px; margin:0 auto; -moz-user-select:none;-webkit-user-select:none; user-select:none;}
.order-banner{text-align:center; padding:20px 0 10px 0;}
.order-banner .order-top-nav{ position:relative;height:75px; width:515px;background:url(http://s2.hqbcdn.com/assets/v4/images/process/order_sprites.jpg) no-repeat center top;  margin:0 auto;color:#cdcdcd; font-weight:bold;}
.order-banner .order-top-nav01{ position:absolute; bottom:0; left:0; }
.order-banner .order-top-nav02{ position:absolute; bottom:0; left:200px;  }
.order-banner .order-top-nav03{ position:absolute; bottom:0; right:0;}
.order-banner .order-top-on{color:#4c4c4c;}
/* main */
.order-main .order-time{ height:25px; line-height:25px; margin:5px 0; font-weight:bold; color:#131313;}
.order-main .order-time-icon{ display:inline-block; width:18px; height:18px; margin-bottom:-3px; background:url(http://s2.hqbcdn.com/assets/v4/images/process/cart_sprites.png) no-repeat -190px -91px;}
.order-main .order-time span i{ font-size:14px; color:#fb0c2e;}

/* 主要内容 */
.order-main h3{ height:45px; line-height:45px; font-size:14px; font-weight:bold; color:#242424;}
/* 地址选择 */
.order-main .order-address h3{ border-bottom:1px solid #eeeeee;}
.order-main .add-address{ position:relative; display:inline-block; float:right; padding:0 20px; height:35px; bottom:-10px; line-height:35px; background-color:#005bf3;color:#fff; text-decoration:none;}
.order-main .add-address i{ display:inline-block; width:23px; height:23px; vertical-align:middle; margin-right:10px; background:url(http://s2.hqbcdn.com/assets/v4/images/process/order_sprites.jpg) no-repeat left -227px;}

.order-main .address-content{ padding:10px 0 10px 25px;}

.order-main .address-list{ overflow:hidden; height:160px; margin:0 -50px;}
.order-main .address-list li{ float:left; padding:10px 20px; width:250px; margin:10px 25px; height:120px; border:1px solid #eeeeee; cursor:pointer;}
.order-main .address-list li.address-default{background:url(http://s2.hqbcdn.com/assets/v4/images/process/order_sprites.jpg) no-repeat 0 -80px;}
.order-main .address-list li:hover{ border-color:#005bf3;}
.order-main .address-list .address-p1{ height:30px; line-height:30px; margin-bottom:5px; border-bottom:1px solid #efefef;}
.order-main .address-list .address-p2{ height:40px; line-height:18px; margin-top:10px; overflow:hidden; word-break:break-all;}
.order-main .address-list .address-p3{ height:20px; line-height:20px; text-align:right;}
.order-main .address-list .address-mody,
.order-main .address-list .address-del{ color:#005bf3; margin-left:10px;}
.order-main .address-list .u-phone,
.order-main .address-list .u-name{ display:inline-block; width:100px;overflow:hidden;}
.order-main .address-list .u-name{ font-size:14px;}
.order-main .address-list .u-phone{ margin-left:30px;}

.order-main .address-all-show{ height:20px; text-align:right;}
.order-main .all-address{ font-weight:700; color:#005bf3;}
/* 支付方式 */
.order-main .pay-nav{ height:84px; line-height:84px; border-top:1px solid #e1e1e1;font-weight:bold;color:#2a2a2a;}
.order-main .pay-nav label{display:block; padding:0 20px; height:100%; cursor:pointer;}
.order-main .pay-nav input{ margin-right:10px;}
.order-main .pay-nav span{ margin-left:20px; font-weight:normal;color:#808080;}
.order-main .pay-nav-con{ display:none; padding:10px 0 20px 40px;overflow:hidden;}
.order-main .pay-on-select{ border:2px solid #005bf3; background-color:#f6faff;}

.order-main .pay-type-content{ border:1px solid #e1e1e1; margin-bottom:20px;}
.order-main .pay-type-sec1{ padding:10px 20px; height:84px; line-height:84px; font-weight:bold; color:#2a2a2a;}
.order-main .pay-type .bankimg{position:relative;display:inline-block; padding:1px; border:1px solid #cccccc; margin-right:10px;vertical-align:middle; height:38px; line-height:38px; cursor:pointer; background-color:#FFFFFF;}
.order-main .pay-type .bank-on-select{ padding:0;border:2px solid #f2c200;}
.order-main .pay-type .radio{ display:inline-block; float:left; margin-left:10px; vertical-align:middle;}
.order-main .pay-type-sec1 .fq-type-icon{ display:none; position:absolute; width:45px; height:31px; right:0; top:-5px; z-index:300;background:url(http://s2.hqbcdn.com/assets/v4/images/process/process2.png) no-repeat -20px -40px;}
/* 支付平台 */
/* 支付分期 */
.order-main .pay-fqi{ position:relative;}
.order-main .pay-fqi-nav .fenqi-per{ margin-left:20px; font-weight:normal;font-family:"Microsoft YaHei";color:#f3213f;}
.order-main #pow_ten{ cursor:pointer;}
.order-main .pow_ten_about{ display:none;position:absolute;z-index:100; top:10px;right:10px;padding:10px 20px; width: 390px;line-height:20px;color:#727272; background-color:#FFFFFF; border:1px solid #e1e1e1;}
.order-main .pay-type .pay-fqi .bankimg{ padding-right:10px;}
.order-main .fq-icon{width:45px; height:31px; position:absolute; top:-5px;right:-1px; display:inline-block;background:url(http://s2.hqbcdn.com/assets/v4/images/process/process2.png) no-repeat -20px -40px;}