@charset "utf-8";
/* 
* 购物车/下单
* Author: lin xiao dong
* http://www.openwbs.com
*/

/*购物车*/
.cart-section{ background-color:#fff; border:1px solid #ddd; box-sizing:border-box; margin:15px auto 15px auto; padding:0; width:1226px;}
.cart-section:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-section h1.title{ font-size:22px; font-weight:normal; margin:0px 0px; padding:10px 20px 0px 20px;}
.cart-section .section{ padding:5px 20px;}
.cart-section .goback{ float:right; font-size:16px; margin:5px 0px 0px 0px;}
.cart-section .goback i{ font-size:16px;}

.cart-null-goods{ height:160px; font-size:14px; padding:80px 0px 5px 0px; text-align:center; }
.cart-null-goods a,
.cart-null-goods a:visited{ color:#3e65b3;}

.cart-goods{ margin:0;}
.cart-goods-thead{ background:#f3f3f3; border:1px solid #ddd; margin:0px 0px 15px 0px;}
.cart-goods-thead:after{ clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-thead .col{ box-sizing:border-box; display:inline-block; float:left;}
.cart-goods-thead .col:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-thead .col .col-inner { display:block; padding:10px 5px; text-align:center;}
.cart-goods-thead .col-check   { width:120px; padding-right:0px;}
.cart-goods-thead .col-check  .col-inner { padding-left:10px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;}
.cart-goods-thead .col-check label input{ margin-top:2px; vertical-align:text-top;}
.cart-goods-thead .col-name    { width:560px;}
.cart-goods-thead .col-name .col-inner { text-align:left;}
.cart-goods-thead .col-price   { width:130px;}
.cart-goods-thead .col-amount  { width:130px;}
.cart-goods-thead .col-sum     { width:130px;}
.cart-goods-thead .col-operate { width:110px;}

.cart-goods-tbody{ }
.cart-goods-tbody ul{ background:#fff; border:1px solid #e2e2e2; margin:-1px 0 0 0; padding:0;}
.cart-goods-tbody ul:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-tbody ul.current{ background:#fff4e8;}
.cart-goods-tbody li{ list-style:none; margin:0; padding:0; }
.cart-goods-tbody li:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-tbody li .col{ display:inline-block; float:left; }
.cart-goods-tbody li .col:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-tbody li .col .col-inner{ padding:15px 5px;}
.cart-goods-tbody li .col .col-inner:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.cart-goods-tbody li .col-check   { width:50px;}
.cart-goods-tbody li .col-check .col-inner{ padding-left:10px;}
.cart-goods-tbody li .col-name    { width:630px;}
.cart-goods-tbody li .col-price   { width:130px; text-align:center;}
.cart-goods-tbody li .col-amount  { width:130px; text-align:center;}
.cart-goods-tbody li .col-amount .col-inner{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;  }
.cart-goods-tbody li .col-sum     { width:130px; text-align:center;}
.cart-goods-tbody li .col-operate { width:110px; text-align:center;}

.cart-goods-tbody li .item-price span {}
.cart-goods-tbody li .item-price span.discount{ color:#ff6700!important;}
.cart-goods-tbody li .item-sum   span { color:#ff6700; font-weight:bold;}
.cart-goods-tbody li .item-sum   span b{ font-weight:bold;}
.cart-goods-tbody li .item-amount a.amount-do { background-color:#eee; border:1px solid #ddd; color:#666; display:inline-block; float:left; font-size:20px; font-weight:normal; height:28px; line-height:26px; width:30px; text-align:center;}
.cart-goods-tbody li .item-amount a.amount-do:hover{ background-color:#eee; color:#222; text-decoration:none;}
.cart-goods-tbody li .item-amount a.amount-decrease{ border-right:none;}
.cart-goods-tbody li .item-amount a.amount-increase{ border-left:none;}
.cart-goods-tbody li .item-amount input.text-amount{ border:1px solid #ddd; float:left; text-align:center; height:30px; line-height:30px; padding:0 5px; width:52px;}
.cart-goods-tbody li .item-operate a{ padding:0 5px;}

.cart-goods-tbody li.item-goods{ margin:0; padding:0;}
.cart-goods-tbody li.item-goods .item-pic { float:left; }
.cart-goods-tbody li.item-goods .item-pic a { background-color:#fff; border:1px solid #ccc; display:inline-block; height:56px; width:56px; text-align:center; }
.cart-goods-tbody li.item-goods .item-pic a .thumbnail { max-height:56px; max-width:56px; height:expression(this.height > 56 && this.height/this.width >= 1 ? 56 : true); width:expression(this.width > 56 && this.width/this.height >= 1 ? 56 : true); }
.cart-goods-tbody li.item-goods .item-info { padding-left:68px;}
.cart-goods-tbody li.item-goods .item-info a.item-title,
.cart-goods-tbody li.item-goods .item-info a.item-title:visited{ color:#3e65b3;}
.cart-goods-tbody li.item-goods .item-info .item-spec{ color:#333;}

.cart-goods-tbody ul.suit{ margin:10px 0px 0px 0px; }
.cart-goods-tbody ul.suit li.item-suit{ border-bottom:1px dashed #e6e6e6;}
.cart-goods-tbody ul.suit li.item-suit .suit-name{ color:#333;}
.cart-goods-tbody ul.suit li.item-goods{ border-bottom:1px dashed #e6e6e6;}
.cart-goods-tbody ul.suit li.item-goods .item-price span,
.cart-goods-tbody ul.suit li.item-goods .item-amount,
.cart-goods-tbody ul.suit li.item-goods .item-sum span{ color:#aaa;}

/*确认订单信息-提交订单*/
.order-goods-thead{ background-color:#fafafa; border:1px solid #ddd; border-bottom:none;}
.order-goods-thead:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.order-goods-thead .col{ display:inline-block; float:left;}
.order-goods-thead .col:after {}
.order-goods-thead .col .col-inner { display:block; line-height:24px; padding:5px 10px;}
.order-goods-thead .col-name    { width:720px;}
.order-goods-thead .col-name .col-inner { padding-left:20px;} 
.order-goods-thead .col-price   { width:150px; text-align:center;}
.order-goods-thead .col-amount  { width:150px; text-align:center;}
.order-goods-thead .col-sum     { width:150px; text-align:center;}

.order-goods-tbody{ border:1px solid #ddd;}
.order-goods-tbody ul{ background:#fff; border-bottom:none; margin:0; padding:0;}
.order-goods-tbody ul:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.order-goods-tbody ul.current{ background:#fff4e8;}
.order-goods-tbody li{ border-bottom:1px solid #e2e2e2; list-style:none; margin:0; padding:0;}
.order-goods-tbody li .col{ display:inline-block; float:left; zoom:1; overflow:auto;}
.order-goods-tbody li .col:after {}
.order-goods-tbody li .col .col-inner{ padding:10px 10px; zoom:1; overflow:auto;}
.order-goods-tbody li .col .col-inner:after {}
.order-goods-tbody li .col-name    { width:720px;}
.order-goods-tbody li .col-name .col-inner { padding-left:20px;} 
.order-goods-tbody li .col-price   { width:150px; text-align:center;}
.order-goods-tbody li .col-amount  { width:150px; text-align:center;}
.order-goods-tbody li .col-sum     { width:150px; text-align:center;}

.order-goods-tbody li .item-price span {}
.order-goods-tbody li .item-price .price-discount{ color:#43a508; line-height:18px;}
.order-goods-tbody li .item-price .price-discount span{ display:block;}
.order-goods-tbody li .item-sum   span { color:#ff6700; font-weight:bold;}
.order-goods-tbody li .item-sum   span b{ font-weight:bold;}
.order-goods-tbody li .item-sum .price-book-front-money{ color:#ff6700; line-height:18px; }
.order-goods-tbody li .item-sum .price-book-front-money span{ color:#ff6700; display:block;}

.order-goods-tbody li.item-goods{ zoom:1; overflow:auto;}
.order-goods-tbody li.item-goods .item-pic { float:left; }
.order-goods-tbody li.item-goods .item-pic a { background-color:#fff; border:1px solid #ccc; display:inline-block; height:56px; width:56px; text-align:center; }
.order-goods-tbody li.item-goods .item-pic a .thumbnail { max-height:56px; max-width:56px; height:expression(this.height > 56 && this.height/this.width >= 1 ? 56 : true); width:expression(this.width > 56 && this.width/this.height >= 1 ? 56 : true); }
.order-goods-tbody li.item-goods .item-info { padding-left:68px;}
.order-goods-tbody li.item-goods .item-info a.item-title,
.order-goods-tbody li.item-goods .item-info a.item-title:visited{ color:#3e65b3;}
.order-goods-tbody li.item-goods .item-info .item-spec{ color:#686868;}

.order-goods-tbody ul.suit{}
.order-goods-tbody ul.suit li.item-suit{ border-bottom:1px dashed #eee;}
.order-goods-tbody ul.suit li.item-suit .suit-name{ color:#333;}
.order-goods-tbody ul.suit li.item-goods{ border-bottom:1px dashed #eee;}
.order-goods-tbody ul.suit li.item-goods .item-price span,
.order-goods-tbody ul.suit li.item-goods .item-amount,
.order-goods-tbody ul.suit li.item-goods .item-sum span{ color:#ccc;}
.order-goods-tbody ul.suit li.item-goods .item-price .price-discount { color:#43a508; line-height:18px;}
.order-goods-tbody ul.suit li.item-goods .item-price .price-discount span{ color:#43a508; display:block;}
.order-goods-tbody ul.suit li:last-child { border-bottom:none;}
.order-goods-tbody ul.suit li.item-goods .item-sum .price-book-front-money{ line-height:18px;}
.order-goods-tbody ul.suit li.item-goods .item-sum .price-book-front-money span{ color:#ff6700; display:block;}

/**购物车结算**/
.cart-action{ background:#fff; border:1px solid #ddd; margin:15px 0px; position:relative; zoom:1; overflow:auto;}
.cart-action .cart-sum{ line-height:20px; position:absolute; right:168px; top:18px;}
.cart-action .price-sum span.money { color:#ff6700; font-size:16px; padding-left:5px;}
.cart-action .price-sum span.money em{ font-weight:bold;}
.cart-action .price-sum span.money b{ font-weight:bold;}
.cart-action .cart-button{ padding:5px; float:right;}

/**提交按钮**/
.btn-cart-submit,
.btn-order-submit{ background-color:#ff6700; border:none; color:#fff; display:inline-block; font-size:18px; font-weight:bold; height:48px; line-height:48px; padding:0 50px;}
.btn-cart-submit:hover,
.btn-order-submit:hover{ background-color:#e95e00;}

/**订单提交页面**/
.order-section{ background-color:#fff; border:1px solid #ddd; box-sizing:border-box; margin:15px auto; width:1226px; padding:0px 20px 20px 20px;}
.order-section{ }
.order-section h1.title{ font-size:22px; font-weight:normal; margin:0; padding:10px 0px 10px 0px;}
.order-section .section{}
.order-section input.text{}
.order-section select{ margin-right:5px;}

/**配送|自提**/
.order-ship{ background:#fff url("../images/address_line.png") 0px top repeat-x; border:1px solid #ddd; border-top:0px; padding:2px 0px 10px 0px; }
.order-shiptype{ margin:15px 20px 0px 20px;}
.order-shiptype ul{ border-bottom:1px solid #aaa; height:37px; margin:0px 0px 10px 0px; padding:0px 0 0px 150px; z-index:999; }
.order-shiptype ul li{ float:left; font-size:14px; list-style:none; margin:0; padding:0;}
.order-shiptype ul li a{ background:#eee; border:1px solid #aaa; border-bottom:1px solid #aaa; color:#333; display:inline-block; height:24px; line-height:24px; margin-left:-1px; padding:6px 25px 6px 25px; }
.order-shiptype ul li a,
.order-shiptype ul li a:visited,
.order-shiptype ul li a:hover{ text-decoration:none;}
.order-shiptype ul li.current a,
.order-shiptype ul li.current a:hover{ background:none; border-bottom-color:#fff; font-weight:bold;}

/**地区**/
.order-region{ padding:0px 20px 0px 40px; }
.form-group { border-bottom:none; padding:5px 0px 5px 0px;}
.form-group .col-name{ padding-top:8px;}

/**收货人信息**/
.order-consignee{ padding:0px 20px; }
.order-consignee .hd{ font-weight:bold; padding:0px 0px 0px 20px;}
.order-consignee .hd a{ display:none; font-weight:bold; height:24px; line-height:24px; padding-left:28px; }
.order-consignee .hd a,
.order-consignee .hd a:visited{ color:#333;}
.order-consignee .order-form-item{ margin:0px; padding:5px 0px 0px 0px;}
.order-consignee .order-form-item .order-form{ border-bottom:1px solid #ddd; margin:0px 20px; padding:0px 20px 10px 20px;}
.order-consignee .order-form-item:last-child .order-form{ border-bottom:none;}
.order-consignee .form-group{ border-bottom:none;}

/**自提点**/
.order-offline-store{ padding:15px 20px 5px 20px;}
.order-offline-store a.offline-select{ box-sizing:border-box; background:url("../images/icon-offline.png") 10px center no-repeat; border:1px solid #ccc; border-radius:15px; display:inline-block; font-weight:bold; margin-left:150px; padding:5px 28px 5px 38px;}
.order-offline-store a.offline-select:hover{ border-color:#aaa;}
.order-offline-store a,
.order-offline-store a:visited{ color:#3e65b3; }
.order-offline-store a:hover{ color:#c60000; }
.order-offline-store a.offline-cancel{ padding-left:12px; }
.order-offline-store .order-offline-info{ display:block; padding:10px 0px 0px 20px;}

/**自提点列表**/
.ow-order-offline-diawin{ padding:10px;}
.ow-order-offline-list{ background:#fff; border:1px solid #eee; height:330px; width:660px; overflow-y:scroll;}
.ow-order-offline-list ul{ margin:0; padding:0; }
.ow-order-offline-list ul li{ border-bottom:1px solid #f6f6f6; }
.ow-order-offline-list ul li:last-child{ border-bottom:0px; }
.ow-order-offline-list ul li label{ padding:10px; display:block;}
.ow-order-offline-list ul li:hover{ background:#fdf9f0;}
.ow-order-offline-list ul li.current{ background:#fbefd5;}

/**表单**/
.form {}
.form-group {border-bottom:1px dotted #ddd; padding:5px 0px 5px 0px;}
.form-group:before,
.form-group:after { display:table; line-height:0; content:"";}
.form-group:after { clear:both;}
.form-group .col-name { box-sizing:border-box; float:left; font-size:14px; font-weight:bold; height:36px; line-height:36px; padding:3px 15px 3px 0px; width:150px; text-align:right;}
.form-group .col-name .important {color:#f00; padding:2px 5px 0px 0px;}
.form-group .col-value {padding:3px 0px 3px 115px;}
.form-group .verifycode {}
.form-group .verifycode img {height:36px; vertical-align:middle;}
.form-group .verifycode .fresh {background:#f6f6f6; border:1px solid #aaa; display:inline-block; vertical-align:top; font-size:12px; font-family:"微软雅黑"; height:36px; line-height:36px; padding:0px 6px;}

/**订单自定义表单**/
.order-form{ background:#fff; border:1px solid #ddd; border-top:0px; padding:10px 20px;}
.order-form-item{ border-bottom:1px dashed #ddd; padding-bottom:8px; margin-bottom:8px;}
.order-form-item:last-child{ border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.ow-order-formdata-list{}
.ow-order-formdata-list a.select-formdata{ box-sizing:border-box; color:#3e65b3; display:block; font-size:14px; height:24px; line-height:24px; padding:0 0 10px 150px;}
.ow-order-formdata-list ul{ background:#fff; margin:10px; padding:0; height:330px; width:660px; overflow-y:scroll;}
.ow-order-formdata-list ul li{ list-style:none; margin:0; padding:0; }
.ow-order-formdata-list ul li label{ border-bottom:1px solid #eee; display:block; padding:10px 10px;}
.ow-order-formdata-list ul li label:hover{ background-color:#fafafa; border:1px solid #eee; padding:9px 9px 10px 9px;}
.ow-order-formdata-list ul li label input{ display:none;}
.ow-order-formdata-list ul li span.field{ margin-right:10px;}
.ow-order-formdata-list ul li span.field-region{ background-color:#fafafa; color:#888; margin-right:10px;}
.ow-order-formdata-list ul li span.address-name{ background:#fff; border:1px solid #ccc; border-radius:8px; display:inline-block; padding:0px 6px; }

/**配送费用**/
.order-dly{ background:#fff; border:1px solid #ddd; padding:10px 20px;}
.order-dly-header{ border-bottom:1px solid #eee; color:#888; font-size:14px; padding:0px 0px 3px 0px;}
.order-dly-section{}
.order-dly-section label{ display:block; padding:0px 5px 5px 5px;}
.order-dly-section label:hover{ background:#fdf9f0;}
.order-dly-section dt{ height:24px; line-height:24px; padding:3px 0px 3px 0px;}
.order-dly-section dt input{ vertical-align:middle; }
.order-dly-section dt span{ color:#222; display:inline-block; font-size:14px; font-weight:bold; vertical-align:middle; padding-left:4px;}
.order-dly-section dt span em{ color:#ff6700; font-weight:normal; font-style:normal; padding-left:5px; vertical-align:bottom;}
.order-dly-section dd{ color:#888; padding:0px 0px 0px 18px;}

/**备注**/
.order-remark{ background:#f4f4f4; border:1px solid #ddd; border-top:0px; border-bottom:0px; padding:10px 20px 15px 20px;}
.order-remark-header{ color:#333; font-size:14px; padding:0px 15px 0px 0px;}
.order-remark-header span{}
.order-remark-section{ padding:5px 0px 0px 0px;}
.order-remark-section input.text{ width:522px;}

/**订单发票**/
.order-invoice{ background:#fff; border:1px solid #ddd; padding:10px 20px;}
.order-invoice-header{ font-size:14px; font-weight:bold;}
.order-invoice-header span.taxrate{ color:#ff6700; font-weight:normal; padding-left:10px;}
.order-invoice-section{ padding:10px 0px 0px 0px;}
.order-invoice-section .invoice-type{ padding-right:15px;}
.order-invoice-section .invoice-title{ padding-right:15px;}
.order-invoice-section .invoice-title em{ color:#7c6a6a; font-style:normal; padding-left:5px;}
.order-invoice-section .invoice-content{}
.order-invoice-edit{ padding:5px 0px 0px 0px;}
.order-invoice-edit a,
.order-invoice-edit a:visited{ color:#3e65b3;}
.invoice-edit-html{ padding:15px 20px 15px 20px; }
.invoice-edit-html ul.selected-style{ height:30px; margin:0; padding:0;}
.invoice-edit-html ul.selected-style li{ float:left; list-style:none; margin:0px 10px 0px 0px; padding:0; }
.invoice-edit-html ul.selected-style li span{ border:1px solid #eee; cursor:pointer; display:inline-block; height:24px; line-height:24px; padding:3px 20px;}
.invoice-edit-html ul.selected-style li.current{ }
.invoice-edit-html ul.selected-style li.current span{ background:url("../images/icon-selected.png") bottom right no-repeat; border:2px solid #c80000; padding:2px 19px;}
.invoice-edit-html ul.invoice-content-type{ padding:0px 0px 10px 0px;}
.invoice-edit-html dl{ margin:0; padding:8px 0px 0px 0px;}
.invoice-edit-html dt{ margin:0; padding:0px 0px 2px 0px;}
.invoice-edit-html dt i.important{ color:#c80000; font-style:normal;}
.invoice-edit-html dd{ list-style:none; margin:0; padding:0; }
.invoice-edit-footer{ padding:18px 0px 0px 0px;}

/**订单优惠券**/
.order-coupon{ background:#fff; border:1px solid #ddd; padding:10px 20px;}
.order-coupon-header{ font-size:14px;}
.order-coupon-section{ padding:10px 0px 5px 0px;}
.order-coupon-remarks{ color:#888;}
.order-coupon ul{ zoom:1; overflow:auto; }
.order-coupon ul li{ float:left; margin:0px 10px 10px 0px; padding:1px;}
.order-coupon ul li span{ background-color:#f6f6f6; border:1px dashed #aaa; cursor:pointer; display:inline-block; font-size:14px; height:20px; line-height:20px; width:120px; padding:12px 15px 15px 15px; position:relative;}
.order-coupon ul li span em{ color:#ff6700; font-style:normal;}
.order-coupon ul li span b{ color:#ff6700; font-size:18px; padding:0px 3px 0px 0px;}
.order-coupon ul li span i{ border-left:1px dashed #aaa; color:#888; display:inline-block; height:12px; line-height:12px; width:12px; font-size:12px; font-style:normal; padding:2px 8px 2px 8px; position:absolute; top:16px; right:4px;}
.order-coupon ul li span i.mix-1{ }
.order-coupon ul li span i.mix-0{ display:none;}
.order-coupon ul li.coupon-mix-0 span{}
.order-coupon ul li.coupon-mix-1 span{}
.order-coupon ul li.current{ padding:0px; }
.order-coupon ul li.current span{ background:url("../images/icon-selected.png") bottom right no-repeat; border:2px solid #c80000;}

/**结算信息**/
.ow-order-footer{ background:#fff; border:1px solid #ddd; margin:0px auto; padding:10px 20px;}
.ow-order-footer .hd{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; margin:0px 0px 10px 0px; padding:2px 2px; text-align:right;}
.ow-order-footer .bd{ font-size:14px; padding:0px;}
.ow-order-footer .bd .price-line{ font-size:14px; line-height:24px; padding:2px 2px; text-align:right;}
.ow-order-footer .bd .price-line span { color:#ff6700; display:inline-block; font-size:14px; font-style:normal; font-weight:normal; padding-left:4px; width:100px; }
.ow-order-footer .bd .price-line span em{ font-weight:normal;}
.ow-order-footer .bd .price-line span b{}
.ow-order-footer .bd .price-coupon .money{ color:#00854b;}
.ow-order-footer .bd .price-freight .money{ color:#424242;}
.ow-order-footer .bd .price-invoice .money{ color:#424242;}
.ow-order-footer .bd .total-amount .money{ font-size:18px;}
.ow-order-footer .bd .price-amount .money{ font-size:20px;}
.ow-order-footer .buttons{ padding:15px 0px 15px 0px; text-align:right;}

/**订单完成**/
.order-finish-section{ background-color:#fff; border:1px solid #ddd; box-sizing:border-box; margin:15px auto; width:1226px; padding:15px;}
.order-finish-info{ background:#f6f6f6; padding:50px 50px 70px 50px;}
.order-finish-info h1.title{ border-bottom:1px solid #ddd; font-size:24px; margin:0; padding:0px 0px 10px 0;}
.order-finish-info .bd{ font-size:14px; line-height:200%; padding:10px 0px 15px 0px;}
.order-finish-info .bd dl{ margin:0; padding:0;}
.order-finish-info .bd dl dt{ float:left; margin:0; padding:0;}
.order-finish-info .bd dl dd{ margin:0; padding:0;}
.order-finish-info .bd .order-desc{ padding-top:10px;}
.order-finish-info .ft{ border-top:1px dotted #e6e6e6;}