@charset "utf-8";





/*购物车*/





/*购物车未登录提示去登录*/

.no-login-tip{padding:11px 0px;text-align:center;background:#fff;border-bottom:1px solid #eee; font-size:.24rem;}

.no-login-tip>a{display:inline-block;line-height:.4rem;padding:0 .1rem;border-radius:4px;margin-left: 3px;color: #fff;font-size: 0.24rem;vertical-align:middle}

.no-login-tip>span{ color:#666;display:inline-block;vertical-align:middle}





/*购物车提示未付款订单*/

.no-pay-list{ background:#FFF; margin: .2rem auto;}

.no-pay-list .no-pay-title{ height: 32px; line-height: 38px; text-align: left; width: 95%; margin: 0 auto; font-size: 0.3rem; color: #222;}

.no-pay-list .no-pay-title>a{ font-size:0.26rem; color:#999; float:right;}

.no-pay-list .no-pay-order-list{ width: 95%; margin: 0 auto; border-bottom:#eee 1px solid;  padding:10px 0; line-height:20px; position:relative;}

.no-pay-list .no-pay-order-list:last-child{ border-bottom:none}

.order-item p{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.no-pay-ordernum{ color:#222; font-size:0.26rem;}

.no-pay-ordertime{ color:#999; font-size:0.22rem;}

.no-pay-price{font-size: 16px;font-family:Arial, Helvetica, sans-serif; position:relative; display:inline-block; line-height:20px; top:9px;color:#c00000}

.no-pay-price em{ font-size:0.8rem;}

a.no-pay-btn {display:inline-block; position:relative;border-radius:3px;height: 25px;font-size: 12px;color: #fff;line-height: 25px;font-weight: normal;padding-left: 5px;padding-right: 5px; top:6px;background-color:#c00000}

.see-more-tip{padding: .2rem 0; height:1rem !important;line-height:1rem !important;}

.see-more-tip a{ display:block; line-height:1rem;text-align:center; font-size:14px; color:#999;}







/*购物车，订单列表等没有数据时提示样式*/

.no-data-div{ width:90%; margin:1rem auto 0; text-align:center;}

.no-data-div .no-data-icon { height: 5rem;width: 5rem;line-height: 12rem;text-align: center;display: block;background: #DFE0E8;border-radius: 100%;margin: 0 auto;}

.no-data-div .no-data-img { margin: 0 auto; }

.no-data-div .no-data-img img { height:2.5rem; }

.no-data-div .no-data-img.small-img img { height:2rem; }

.no-data-div .no-data-icon i { display: block; color: #fff; line-height:5rem; font-size:3rem; }

.no-data-div dl {margin: 0.35rem auto; text-align:center; }

.no-data-div dl dt { display: block; font-size: 0.3rem; line-height: .6rem; color: #777; }

.no-data-div dl dd { display: block; margin-bottom: 0.3rem; font-size: 0.26rem; line-height: .6rem; color: #999; }

.no-data-div .no-data-btn { display:block !important; width:3rem; height:.8rem;margin: 0 auto; font-size: 0.3rem; color: #fff !important; line-height: .8rem; text-align: center;border-radius: 0.1rem;}











/*内容开始*/

.flow-goods-list{ width: 100%; margin-bottom: .2rem;}

.folw-shop-main { width: 100%; overflow: hidden; position:relative; margin-bottom: .2rem;}

.folw-shop-main .shop{ background: #f8f8f8; position: relative;}

.folw-shop-main .shop .shop-info{ position:relative;padding-left: 40px;height: 44px;line-height: 44px;}

.cart-checkbox { position: absolute;top: 12px;left: 0;margin-top: 0;margin-left: 12px;height: 20px;width: 20px;display: block; overflow-x: hidden;}

.cart-checkbox.hide{ display:none;}

.cart-checkbox>label{position: relative;vertical-align: middle; display:block;width: 20px;height: 20px; background:url(../imgs/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto; }

.cart-checkbox.select>label{background-position: -25px 0px;background-color:transparent;}

.shop-title-content {width: 100%;height: 100%;font-size: 0;white-space: nowrap;}

.shop-title-content span.shop-title-icon {display: inline-block;padding-right: 6px;}

.shop-title-icon img {width:18px;height:18px;}

a.shop-title-name {max-width: 140px;font-size: 15px;color:#222; font-weight: bold; display: inline-block;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; vertical-align: middle;}

.self-employed-label{line-height:12px;font-size: 0.5rem; margin-left: 5px; padding:2px 4px; position: relative;font-family: -apple-system,Helvetica,sans-serif;  display: inline-block; vertical-align: middle;}

.self-employed-label:before{content: '';position: absolute;top: 0;left: 0; border-width:1px; border-style: solid;transform: scale(.5,.5);-webkit-transform: scale(.5,.5);transform-origin: left top;-webkit-transform-origin: left top;box-sizing: border-box; height:200%;width: 200%;z-index: 1; border-radius: 6px;}

.shop-coupon-trigger{position: absolute;bottom: 0;right: 0;padding-right: 9px;font-size: 12px; font-weight:bold;}

.item-list {margin: 0 auto; overflow: hidden;background: #fff; }

.item-list li {display: block;position: relative;padding: 0.2rem}

.item-list li:before { content: "";position: absolute;left: 0;bottom: 0;width: 100%; height:1px; background: #e3e5e9;-webkit-transform: scaleY(.5);-webkit-transform-origin: 50% 100%;}

.item-list li.last-goods:before{ content: "";position: absolute;left: 21px;top: 0;bottom: 0;width: 0;border-left: 1px dashed #e3e5e9;height:50px;}

.item-list li.item-other-activity:after{ left:43px;}

.item-list li>.cart-checkbox {position: absolute;top:.7rem; margin-right:0;}

.item-list li>.cart-checkbox>input{ display:none;}

.item-list li.item-invalid .cart-checkbox{background: #eee;color:#A6A6A6;border-radius:2px;width: 1.4rem;text-align: center;font-size: 0.5rem;margin-left: 5px;}

.item-list li.item-invalid .cart-checkbox span{ line-height:20px; display:block;}

.item-list li .inner{display: block; margin: 0 0 0 .3rem; position: relative; padding: .2rem 0 .2rem .2rem; }

.item-list li .inner .min-num{height: 1rem;background-color: rgba(27,27,27,0.6);position: absolute;width:100%;left:0;bottom:0;z-index: 3;color: #fff;text-align: center; line-height:1rem; font-size:12px;}

.item-list li .inner .goods-pic { display: block; width: 2rem; height: 2rem; position: absolute; z-index: 1; top: .2rem; left: .2rem; box-sizing: border-box;border: 1px solid #ededed;border-radius: .1rem;padding: .05rem;overflow: hidden;}

.item-list li .inner .goods-pic img{ width:100%;border-radius: .1rem;}

/*.item-list li.item-invalid .inner .goods-pic img{opacity: 0.5 !important;}*/

.invalid-pic{ background:url(../imgs/bg_invalid.png) 0 0 no-repeat;background-size: 55px 55px;width: 100%;height: 100%;margin-top: -27.5px;margin-left: -27.5px;top: 50%;left: 50%; position:absolute; display:none;}

/*.item-list li.item-invalid .inner .invalid-pic{ display:block;}*/

.item-list li .inner .goods-gift-name.offer-tag{background-color: #009DFE;}

.item-list li .inner .goods-info{ display: block; margin: 0 0 0 2.2rem;position: relative; min-height:2rem;padding-top:0;width:auto}

.item-list li .inner .goods-info dd{ position:relative;}

.item-list li .inner .goods-info dd.props-price{font-size: 0.6rem;}

.item-list li .inner .goods-info .goods-name{ display:block; position:relative; height:.8rem; overflow:hidden;}

.item-list li .inner .goods-info .goods-name a{ display:block;height:.8rem; line-height:0.4rem; overflow:hidden; font-size:0.3rem; color:#222;}

.item-list li .inner .goods-info .goods-name a em{padding: 0px 5px;color: #fff;margin-right: 0.2rem;border-radius: 0.1rem;font-size: .55rem;line-height: 0.85rem;display: inline-block;vertical-align:middle;}

.item-list li .inner .goods-info .goods-attr{height:0.4rem; line-height:0.4rem; overflow:hidden; font-size:0.24rem; color:#999; white-space:nowrap; text-overflow:ellipsis;}

/*.item-list li.item-invalid .inner .goods-info .goods-attr{ color:#ccc;}*/

.item-list li .inner .goods-info .good-info-bottom{ position: absolute;bottom: 0px; width: 100%; line-height:28px}

.item-list .good-info-bottom .goods-price{font-size:0.3rem;display:block;margin:0}

.item-list .goods-num{position:relative; }

.item-list .delete-btn{display:none }

.item-list .delete-btn a{ display:block;color:#333}

.flow-freebuy .item-list .goods-num{ float: right;}

.item-list .goods-num:before{text-align: center;line-height:56px;font-size:28px;border-radius:8px;content: "";position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5);box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box;}

.item-list .decrease.num-disabled, .item-list .goods-num .increase.num-disabled{ color: #999;}



.item-list .goods-num .decrease{ float:left;width:28px;height:28px;line-height:26px;text-align: center; cursor: pointer; position: relative; z-index: 10; font-size: 20px;border:1px solid #ddd;border-radius:50%}

.item-list .goods-num .decrease i { display: block; line-height: 26px; }

.item-list .goods-num .num{display:inline-block; border:0;width:42px; height:26px;float:left; text-align:center; font-size:16px; line-height:26px; color:#232326; position: relative;z-index: 2; margin-top: 1px;}

.item-list .goods-num .increase{float:left;width:28px;height:28px;line-height:26px;text-align: center; cursor: pointer; position: relative; z-index: 10; font-size: 20px;border-width:1px;border-style:solid;color:#fff;border-radius:50%;}

.item-list .goods-num .increase i { display: block; line-height: 30px; }

.item-list .goods-gift-item{position:relative;margin:-1px 0 0px;padding:10px;background-color: #fff9f9; z-index:11; padding-left:0;}

.item-list .goods-gift-item:before {content: "";position: absolute;top: -4px;left: 18px;width:5px;height:5px;border: 1px solid #ffe0e0;border-width: 0 1px 1px 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}

.gift-item-box{display: -webkit-box;display: -webkit-flex;display: flex;color: #999;font-size: 12px;}

.gift-item-box span.tag{ margin:0 10px; color:#666; line-height:1.4em;}

.gift-item-box ul.gift-ul{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;}

.gift-item-box ul li{ position:relative; padding:0;}

.gift-item-box ul li:after,.gift-item-box ul li:before{ content:none;}

.gift-item-box ul li a{display: -webkit-box;display: -webkit-flex;display: flex; width: 100%;color: inherit;font-size:0.55rem;}

.gift-item-box ul li a img{ width:1.4em; height:1.4em;vertical-align: middle; margin-right:7px;}

.gift-item-box ul li a .item-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-right: 10px;line-height: 1.4em;}

.gift-item-box ul li a span{line-height: 1.4em;}



/*打包一口价样式*/

.cart-fixed-goods{ position: relative; padding:0 0.5rem 0 0.5rem;}

.cart-fixed-goods li{ position: relative; padding:0.5rem 0; color: #666; font-size: 12px;line-height:20px;}

.cart-fixed-goods li:before{ content: none; }

.cart-fixed-goods li .p-name{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-right: 10px;line-height: 1.4em; font-size: 12px; margin-left:1.2rem;}

.cart-fixed-goods li .p-num{width: 30px; text-align: right; line-height:1.4em; }



/*阶梯价格*/

.item-list li.props-goods-item .goods-info dd.offer-tag-dd{position: absolute;bottom: 0px;line-height:0.8rem; overflow:hidden; font-size:0.8125em; color:#999; white-space:nowrap; text-overflow:ellipsis;}

.item-list li.props-goods-item .goods-info dd span.offer-tag{background-color: #009DFE;color: #FFFFFF;display: inline-block;padding: 0 4px;border-radius: 3px;font-size: 14px;}

.item-list li.props-goods-item .inner{ border-bottom:0px;}

.item-list li.props-goods-item:after{ content:none;}

.item-props-con {display: block;position: relative;padding: 0 0 0.5rem 0.5rem;}

.item-props-con .cart-checkbox{ top:50%; margin-top:-10px; left: -1.5rem;}

.item-props-con .cart-checkbox>input{ display:none;}

.item-list .item-props-info{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex; position:relative; margin: 0 0.5rem;padding:0.35rem; border-radius:3px;}

.item-list .item-props-info .item-props{line-height:20px; font-size:12px; color:#686868;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;flex: 1;width: 100%; font-weight:500;margin-right:95px;}

.item-list .item-props-info .item-props span{ display:block;}

.item-list .item-props-info .item-props span em{ font-size:16px;}

.item-list .item-props-info .goods-num{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;width:98px;height: 28px;position: absolute;right:-0.5rem;top: 50%;margin-top: -14px;}

.item-list li.item-package .goods-package{ float: right; line-height: 35px; color: #999; font-size:12px; margin-right:0.5rem;}

.whole-price-sum{ position: relative; text-align: right; font-size:0.7rem; color:#222; padding: .4rem 0 0 0;}

.whole-price-sum:before { content: ""; position: absolute; z-index: 1; pointer-events: none; background-color: #f3f5f7; left: 0; height: 1px; right: 0; top: 0; }

.whole-price-sum .whole-num{ padding-right: 8px;margin-right:4px;}

/*搭配套餐*/

.item-list li.item-package>.cart-checkbox{ top: auto;}

.item-list li.item-package .cart-promos{ margin-left: 30px; height: 20px; width: auto; position: relative; display: block;}

.item-list li.item-package .cart-promos .promos-tag{position:relative;display: inline-block;height: 15px;padding-left: 3px;padding-right: 3px;font-size: 11px;line-height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle; margin-top: -4px;}

.item-list li.item-package .cart-promos .promos-tag:before{border-radius:4px;content: "";position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5);box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box; border-width: 1px; border-style: solid;}

.item-list li.item-package .cart-promos span{ color: #222; line-height: 20px;}

.item-list li.item-package .cart-promos .goods-del{ position:absolute; bottom:0; right:0.5rem; height:25px; line-height:25px;}

.item-list li.item-package .cart-promos .goods-del a{ display:block; color:#999;}

.item-list li.item-package .cart-promos .goods-del i{ line-height:25px; font-size:0.85rem; color:#999; display:inline-block; margin-right:0.2rem;}

.item-list li.item-package .inner-bottom{ display:block; margin-top:0.5rem;position:relative; height:25px;}

.item-list li.item-package .inner-bottom .goods-price{ float: left; margin-left: 30px; color: #222; font-size: 0.7rem;}

.item-list li.item-package .inner-bottom .goods-price em{ font-weight: 600;}

.item-list li.item-package .inner-bottom .goods-num .decrease.num-disabled, .item-list li .inner .inner-bottom .goods-num .increase.num-disabled{ color: #999;}

.item-list li.item-package .inner{ margin: 0.25rem 0 0.25rem 1.3rem; padding-bottom: 0.25rem; border: none;}

.item-list li.item-package .inner:after { height: 1px; content: ''; width: 100%; border-top: 1px dashed #e3e5e9; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}

.item-list li.item-package .inner.last:after { border: none;}

.item-list li.item-package .cart-invalid{background: #aaa;color:#fff;border-radius:3px;width: 30px;text-align: center;font-size: 0.5rem;margin-left: 5px;}

.item-list li.item-package .cart-invalid span{ line-height:20px; display:block;}

.inner-bottom .goods-del a{ display:inline-block; height: 30px; }

.inner-bottom .goods-del a i{ font-size: 16px; line-height: 30px; }

/*起送价*/

.start-price-con {position: relative; display: block; background-color: #fff; padding: 16px 0 0 0; line-height: 16px;}

.shp-cart-conditions-link, .shp-cart-conditions-span {display: block;color: #999;font-size: 12px;min-height: 1.4em;   margin-right: 10px;}

.shp-cart-conditions-link {background: url(../images/icon-arrow-right-red.png) no-repeat;background-size: 6px 10px;   background-position: right 3px;padding-right: 15px;position: relative;min-height: initial;line-height: 16px;}

span.icon-condition {position: relative;float: left;padding: 0 6px;border: none;-webkit-border-image: none;border-image: none; height: 18px;margin: 0;}

span.icon-condition span {position:relative;display: inline-block;height: 15px;padding-left: 3px;padding-right: 3px;font-size: 11px;line-height: 16px;overflow: hidden;max-width: 100px;text-overflow: ellipsis;white-space: nowrap;}

span.icon-condition span:before{text-align: center;line-height:30px;font-size:22px;border-radius:4px;content: "";position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5);box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box;border-width: 1px; border-style: solid;}

.condition-description {

    padding-top: 0;

    vertical-align: top;

    color: #232326;

    font-size:0.55rem;

}

span.condition-description {

    display: block;

    margin-left:55px;

    line-height: 15px;

    margin-right:55px;

}

.condition-description-tips {

    position: absolute;

    right: 12px;

    top: 0;

    display: inline-block;

    height: 14px;

}

.condition-description-tips i {font-style: normal;font-size:0.55rem;}



/*失效商品样式*/



.flow-invalid-list .flow-invalid-title{ margin: .3rem auto 0; background: #f8f8f8;height: 40px; line-height:40px;font-size: 14px;color: #444; font-weight:normal;text-align: center;}

.flow-invalid-bottom{ height:60px; background:#fff; text-align:center; margin: 0 auto; }

.flow-invalid-bottom a.del-invalid{ margin:12px auto 0; height:34px; line-height:34px; border:1px solid; border-radius:4px;padding:0 1rem; display:inline-block;}



/*领券*/

.f_block{ position:fixed; bottom:0; left:0; height:0px; z-index:9999; background:#fff; width:100%;}

.discount-coupon{ width:100%;background:#fff; height:100%;}

.discount-coupon h2{ width:100%;text-align:center; height:30px; font-size:18px; line-height:30px; color:#333; font-weight:normal; padding:10px 0px; position:relative;border-bottom:1px solid #eee;}

.c_close_attr,.close-full-cut{background: url(../images/c_cancel.png) center no-repeat; background-size: 10px 10px;

 width: 20px;height: 20px; top:16px; right:5px;margin: 0;position:absolute; border:1px solid #B3B3B3; border-radius:50%;}

.discount-coupon .coupon-list{width:100%;overflow-y:scroll;background:#f3f3f3;}

.discount-coupon .coupon-item-ing { width: 95%; margin: auto; line-height: normal; }

.discount-coupon ul li{ width: 100%; margin: auto; overflow: hidden; margin-top: 10px; position: relative; background: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}

.discount-coupon ul li .coupon-left{ width: 110px; height: 90px; padding:10px 0 15px; box-sizing:border-box; background: #f90; background: #5c9cdc linear-gradient(to right, #5c9cdc, #657cda);}

.discount-coupon ul li .coupon-left .semi-circle{display: block;position: absolute;z-index: 4;top: 0;left:0px;width: 2px;height: 100%;background: url(../images/semi-circle.png) top center repeat-y;background-size: 2px auto;}

.discount-coupon ul li .coupon-left .coupon-money{ height:50px; line-height:50px;font-size:0.8rem; color:#fff; text-align: center; overflow: hidden;}

.discount-coupon ul li .coupon-left .coupon-money em{ font-size:1.3rem; margin-right: 0.2rem; font-weight:bold;}

.discount-coupon ul li .coupon-left .coupon-condition{height:20px;line-height: 20px; font-size: 0.65rem; color: #fff; text-align: center;}

.discount-coupon ul li .coupon-info{ position: relative; overflow: hidden;}

.discount-coupon ul li .coupon-info .coupon-dots { height: inherit; width: 2%; position: absolute; top: 0;left: -0.25rem;z-index: 10;}

.discount-coupon ul li .coupon-info .coupon-dots i { height: 0.4rem; width: 0.4rem; border-radius: 0.4rem; background: #ededed; display: block; }

.discount-coupon ul li .coupon-info:before,.discount-coupon ul li .coupon-info:after { content: ""; height: 0.5rem; width: 0.5rem; background: #f3f3f3; border-radius: 0.5rem; position: absolute; left: 23.5%; }

.discount-coupon ul li .coupon-info:before { top: -0.25rem; }

.discount-coupon ul li .coupon-info:after { bottom: -0.25rem; }

.discount-coupon ul li .coupon-info .coupon-item-left { padding: 1rem 0; height: inherit; width: 25%; color: #fff; text-align: center; float: left; }

.discount-coupon ul li .coupon-info .coupon-item-left .coupon-money { }

.discount-coupon ul li .coupon-info .coupon-item-left .coupon-money i { font-size: .8rem;line-height: 31px; }

.discount-coupon ul li .coupon-info .coupon-item-left .coupon-money em { font-size: 1.2rem; font-weight: bold; }

.discount-coupon ul li .coupon-info .coupon-item-left h3 { font-weight: normal; font-size: .6rem; }

.discount-coupon ul li .coupon-info .coupon-item-right { float: left; width: 68%;margin-top: .3rem; padding: .5rem; background: #fff; }

.discount-coupon ul li .coupon-info .coupon-item-right .coupon-left-top { margin-bottom: .8rem; }

.discount-coupon ul li .coupon-info .coupon-item-right .coupon-range {max-width: 240px; font-size: .6rem; line-height: 180%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.discount-coupon ul li .coupon-info .coupon-left-bottom { display: flex; }

.discount-coupon ul li .coupon-info .coupon-left-bottom .coupon-time { flex: 1; font-size: .5rem; line-height: 180%; }

.discount-coupon ul li .coupon-info .coupon-left-bottom .op-btns {font-size: 14px; color: #fff; line-height: 1.15rem;}

.discount-coupon ul li .coupon-info .coupon-name{ line-height: 20px; font-size: 0.7rem; color:#222; }

.discount-coupon ul li .coupon-info .coupon-name em{ display: inline-block; vertical-align: middle; line-height:20px; color: #fff; border-radius:10px;padding: .1rem .3rem; font-size: .6rem; margin-right: 5px; margin-top:-1px;-webkit-transform: scale(0.8);}

.discount-coupon ul li .coupon-btn{ display: inline-block; width: 3rem; height: 1rem; line-height: 1rem; border: 1px solid; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; vertical-align: middle; overflow: hidden; text-align: center; font-size: 0.55rem;}





/*购物车底部*/

.flow-bottom,.flow-bottom-handle{ width:100%; position:fixed;  margin: auto; bottom:48px; left:0; right: 0; height:48px; background:#fff;z-index:251; border-top:1px solid #eee;}

.flow-bottom .cart-checkbox,.flow-bottom-handle .cart-checkbox{position: absolute;z-index: 1;top: 14px;left: 0.2rem;height:20px;line-height:20px; width:70px; margin-left:0px;}

.flow-bottom .cart-checkbox span,.flow-bottom-handle .cart-checkbox span{position: absolute;left: 25px;top: 0px;display: block;width: 35px;line-height: 20px;font-size: 0.26rem;vertical-align:middle;}

.flow-bottom .total {display: block;float: left;text-align: right;width: 75%;line-height:48px}

.flow-bottom .total-money {margin-right: .5rem;padding-top:0;font-size: 0;line-height:48px;}

.flow-bottom .total-money dt {display: inline-block;font-size: 0.28rem; position: relative;vertical-align:top}

.flow-bottom .total-money dd {display: inline-block;font-size: 0.28rem;height:48px;font-weight: 600;vertical-align:top}

.flow-bottom .total-money dd em {font-size: 0.34rem;height:48px;}

.flow-bottom .check-btn{display: block;float: right;width: 25%;height:48px;color:#fff; line-height:48px; font-size:0.3rem; text-align:center; position:relative;cursor: pointer;}

.flow-bottom .check-btn a{ color:#fff; font-size:0.3rem;}

.flow-bottom .delete-btn{display:none;}

.flow-bottom .delete-btn a{display:block;}

.flow-bottom .wait-loading{ }

.flow-bottom .wait-loading i{ width: 20px; height: 20px; background:url(../imgs/loading.gif) no-repeat; background-size: 20px 20px; vertical-align: middle; display: inline-block;}

.flow-bottom-handle .cart-handle-btn{ float: right; padding-top:0.3rem; }

.flow-bottom-handle .cart-handle-btn a.btn {display:inline-block;padding: 0 10px;line-height:1.4rem;font-size:14px; color:#222; background:#fff; position: relative;margin-right: 0.5rem;}

.flow-bottom-handle .cart-handle-btn a.btn:after{border: 1px solid #9c9c9c;border-radius:8px;content: "";position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5);box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box;}













/****************************购物车结算页面*********************************/

/*没有收货地址时*/

.address-none{background: #fff;height: 2.25rem;border-bottom: 0.05rem solid #eee;padding:0 2.5%;}

.address-none a{line-height: 2.25rem;font-size: 0.7rem;color: #222; display:block;}

.address-none a>span.iconfont{ float:left;height: 1.2rem;width: 1.2rem;margin-top:0.525rem;margin-right: 0.3rem; border:1px solid #dbdbdb; border-radius: 100%; position: relative;}

.address-none a>span.iconfont .row{border-radius: 20px;position: absolute;top: 50%;left: 50%;margin-left: -7px;margin-top: -1px;width: 14px;height: 2px;}

.address-none a>span.iconfont .col {border-radius: 20px;position: absolute;top: 50%;left: 50%;margin-left: -1px;margin-top: -7px;width: 2px;height: 14px;}



/*收货地址*/

.address-info{width: 100%;background: #fff url(../imgs/abbress.png) left bottom repeat-x;background-size: auto 2px; padding-bottom:0.2rem;}

.address-info dl { position:relative;width: 95%;overflow: hidden;margin: auto;background: url(../imgs/address.png) no-repeat left center;background-size: auto 20px;}

.address-info dl dt {width:100%;overflow: hidden;}

.address-info dl i{ display:inline-block;position: absolute;right: 0px;top: 50%;margin-top: -8px;width:20px;height:20px;background: url(../imgs/back2.png) no-repeat center;background-size:100%}

.address-info .name-phone{ color:#222; font-size:0.3rem;padding: 0.2rem 0 0.2rem .6rem;}

.address-info .name-phone .name{width:2rem;overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all; font-weight:700; float:left;}

.address-info .name-phone .phone{ display:inline-block; float:left; font-weight:600;}

.address-address-detail{position:relative; clear:both;}

.address-address-detail span{ display:block; margin:0 0.4rem 0 .6rem; color:#666; font-size:0.26rem;line-height:.4rem}









/*线条处理*/

.order-goods-box:before,.delivery-time-box:before,.other-pay-box:before,.no-invoice-tip:before,/*.goods-annex .goods-message:before,*/.delivery-time-info:before,.total-count-pay-con:before{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;top:0px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5); z-index: 10;}

.order-goods-box:after,.order-list-goods:after,.shop-bonus-info li:after,.delivery-time-info li:after,.pay-way-info li:after,.shipping-way-info li:after,.shop-bonus:after,.shop-favorable:after,.goods-postage:after,.delivery-time:after,.pay_way:after,.surplus-pay:after,.delivery-time-box:after,.surplus-pay:after,.goods-annex .goods-message:after,.total-count-pay-con:after{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;bottom: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5); z-index: 10;}

.order-list .order-list-goods:last-child:after{ content: none; }

/*商品清单*/

.order-goods-box{ width:100%; overflow:hidden; margin-top:0.2rem; position:relative;}

.order-list{ width:100%; overflow:hidden; background:#FFF;}

.order-list h2{padding: 0 2.5%;margin:auto; height:2rem;}

.order-list h2 .shop-icon{ display:block; float:left; height:2rem;text-align:center;padding-right: 6px;vertical-align: top;width: 18px;background:url(../images/flow/icon_shop.png) center center no-repeat; background-size:18px;position: relative;top: -1px;}

.order-list h2 span{ display:block; float:left; height:2rem; font-size:15px; line-height:2rem; color:#222; font-weight:normal; padding-right:0.75rem;padding-left:0.25rem; width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}

.order-list h2 span .self-employed-label{ margin-top: 0; }

.order-list h2 i{ display:block; float:left; height:2rem; width:2rem;}

.order-list h2 i a{ display:block; width:100%; height:2rem;}

.order-list h2 strong{text-align:left; display:inline-block; float:right; font-size:12px; line-height:40px; color:#f23030; font-weight:normal}

.order-list-goods{margin:auto;overflow:hidden; margin:auto; padding:0.2rem; position:relative;background: #ffffff;}

.shop-closing-label{position: absolute;left: 12%;top: 61px;border-width: 1px;border-style: solid;max-width: 70%;padding: 8px 10px;display: inline-block;transform: rotate(10deg);-ms-transform: rotate(10deg);-moz-transform: rotate(10deg);-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);

    z-index: 2;line-height: 18px;background: #fff;white-space:normal;word-break:break-all;}

.order-list-goods dl{ width:100%; overflow:hidden; position:relative;}

.order-list-goods dl .gift{display: block;position: absolute;top: 0;left: 0;padding: 0px 5px;background: #E31939;color: #fff;border-radius: 2px;font-size: 12px;line-height: 0.85rem;z-index: 2;}

.order-list-goods dl .no-goods-tip{ position:absolute; top:7px; right:40px; width:111px; height:50px; background:url(../imgs/no-goods-bg.png) no-repeat; background-size:111px 50px;}

.order-list-goods dl dt{display: block;width: 1.8rem;height: 1.8rem;position: absolute;z-index: 1;top:0;left:0;border: 1px solid #f1f1f1; box-sizing:border-box;}

.order-list-goods dl dt img{ display:block; width:100%;}

.order-list-goods dl dd{display: block;margin: 0 0 0 2rem;position: relative;min-height: 1.8rem;}

.order-list-goods dl .name{height:.8rem;color: #222;line-height:0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.order-list-goods dl .name strong{ width: 100%; font-size: 0.3rem; line-height: 0.4rem; color: #222; font-weight: normal; vertical-align: top;}

i.goods-active{ font-style: normal; display: inline-block; height: 14px; line-height: 20px; font-size: 0; width: auto; border-radius: 2px; position: relative;box-sizing: border-box; overflow: hidden;margin-right: 0.2rem; vertical-align: middle;}

i.goods-active span{display: inline-block;padding: 2px 2px;font-size: 10px;color: #fff;line-height: 10px;height: 14px;}

.order-list-goods dl dd .goods-attr{ display:block;height: 0.4rem;line-height: 0.4rem;overflow: hidden;font-size: 0.26em;color: #999;white-space: nowrap;text-overflow: ellipsis;}

.order-list-goods dl .goods-subtotal{ position:relative; height:30px;overflow:hidden; bottom:-5px;}

.order-list-goods dl .goods-subtotal .goods-price { font-size: 0.26rem; line-height: 30px; font-weight: 600;}

.order-list-goods dl .goods-subtotal .goods-price em { font-size: 0.3rem;}

.order-list-goods dl .goods-subtotal .activity-tag{display:inline-block;background-color:#FA8217;border-radius: 1px;color: #fff;height:14px;line-height:12px;margin: 0 2px 4px 2px;padding: 1px 5px; position: relative;font-size:10px; box-sizing:border-box;vertical-align: middle;}

.order-list-goods dl .goods-subtotal .activity-tag s {position: absolute;width: 0;display: block;font-size: 0;left: -4px;bottom: 0;height: 0;border: 3px solid #FA8217;border-color: transparent #FA8217 #FA8217 transparent;}

.order-list-goods dl .goods-subtotal .goods-num { font-size: 0.26rem; line-height: .4rem; color: #999; font-weight: 600; float: right;}

.order-list-goods dl .pice em{ display:block; width:100%; font-size:0.2rem; color:#666; line-height:.4rem; font-style:normal;}







/*自由购购物车列表*/

.flow-freebuy .shop .shop-info{ padding-left: 10px;}

.flow-freebuy .item-list li .inner{ margin: 0; box-shadow: none;}

.goods-freebuy .goods-message:before{ border: none;}

.freebuy-invalid-list .item-list li .inner{ margin: 0 0 0 1.45rem;box-shadow: none;}



/*到店购*/

.shop-title-num{ width: 30px; height: 15px; line-height: 15px; vertical-align: middle; display: inline-block; margin-left: 10px; margin-top: 0px; padding: 3px 10px; border-width: 1px; border-style: solid; border-radius: 3px; font-size: 14px; transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);}

.order-list h2 .shop-title-num{ margin-top: 0px;}



/*店铺优惠*/

.border-bottom-none:after{ content:none;}

.order-detail{ background:#fff; padding:0 2.5%; position:relative;}

.order-detail:before{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;top: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5);z-index: 10;}

.order-detail:after{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;bottom: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5);z-index: 10;}



.delivery-time-box{margin-top:0.5rem; position:relative;width: 100%; box-sizing: border-box; overflow-x: hidden;}

.shop-bonus,.shop-favorable,.goods-postage,.delivery-time,.pay_way,.other-pay,.surplus-pay,.no-invoice-tip{background:#fff; height:1rem; line-height:1rem;font-size:14px; color:#222;clear:both; position:relative;}

.delivery-time:after{ content:none;}

.right-arrow-flow { height:2.25rem;float: right;position:relative;}

.right-arrow-flow  i{ display:inline-block; font-size:0.7rem; color:#666; margin-left:0.1rem;transition: all .2s; line-height: 2.25rem;}

.order-blcok.active .right-arrow-flow  i{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

.shop-bonus-info,.shop-favorable-info,.delivery-time-info,.pay-way-info,.shipping-way-info{ width:100%; background:#fff; display:none;}

.shop-favorable-info,.delivery-time-info{ position:relative;}

.shop-bonus-info li,.delivery-time-info li,.pay-way-info li,.shipping-way-info li{ width:93%; margin:auto; height:40px; line-height:40px; color:#666;font-size:0.65rem; cursor:pointer; position:relative;}

.delivery-time-info li:last-child:after{ content:none;}

.shop-favorable-info{ text-align:right;}

.shop-favorable-info li{ display:inline-block;margin:10px 10px 10px 0;padding: 2px; border: 1px #ddd solid; border-radius:3px; }

.shop-favorable-info li.active{border-style: solid; border-width: 1px;border-color:#ff4444;color:#ff4444}

.shop-favorable-info li span{cursor: pointer;line-height:20px;margin: 0 10px 0 10px;color: #666;text-decoration: none; display:block;}

.shop-favorable-info li.active span{color:#ff4444}

.shop-bonus-info li .bonus-seleted,.delivery-time-info li .time-seleted,.pay-way-info li .way-seleted{ float:left; top:12px; margin-right:8px;position: relative;vertical-align: middle;display: block;width: 20px;

height: 20px;background: url(../images/flow/cart_icon_con.png) no-repeat 0px 0px;background-size: 50px auto; border:none;}

.shop-bonus-info li .bonus-seleted:checked,.delivery-time-info li .time-seleted:checked,.pay-way-info li .way-seleted:checked{background-position: -25px 0px;}

.shop-bonus-info li .bonus-seleted:checked:after,.delivery-time-info li .time-seleted:checked:after,.pay-way-info li .way-seleted:checked:after{ content:none;}



/*配送方式修改*/

.postage-info{font-size:0.6rem; color:#666; line-height:20px;padding-bottom:10px;}

.pickup-address{ position:relative; display:none; padding-bottom:10px;}

.pickup-address label{ font-size:14px; color:#333; line-height:20px;}

/*自提弹出层*/

.pickup-bomb-box{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height:60%;background-color: #fff;z-index: 252;display: none;}





.pickup-bomb-box .box-title { position: relative;height:45px; line-height:45px;font-size: 16px; color: #222; font-weight:normal; text-align:center;}

.pickup-bomb-box .logistics-store-list {position: absolute;bottom: 43px;top:45px;overflow-y: auto; width:100%;}

.pickup-bomb-box .logistics-item{background-color: #FFF;padding: .56rem;position: relative;}

.pickup-bomb-box .logistics-item:after{height: 1px;content: '';width: 100%;position: absolute;bottom: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5); z-index: 10; background:#e3e5e9;}

.pickup-bomb-box .logistics-item label{ position:relative;display: -webkit-box;}

.pickup-bomb-box .logistics-item label input{ position:relative;color: #888; margin-right:10px; margin-top:20px;top: 50%;transform: translateY(-50%); width: 20px; height: 20px;}

.pickup-bomb-box .logistics-item label input[type="radio"]:checked:after{ top:3px; left: 2px; width: 12px; height: 6px;}

.pickup-bomb-box .logistics-item label .logistics-inner{-webkit-box-flex: 1; text-align:left;}

.pickup-bomb-box .logistics-item label .logistics-inner p{word-wrap: break-word;word-break: break-all; font-size:12px; line-height:18px;}

.pickup-bomb-box .logistics-item label .logistics-inner p.logistics-name{ font-size:14px; color:#222; line-height:25px;}

.pickup-bomb-box .logistics-item label .logistics-inner p.logistics-address:before{content: '';display: inline-block; background: url(../images/goods/good-icon.png) no-repeat;background-size: 100px 100px;vertical-align: middle;width: 14px; height: 14px;background-position: -13px 0; margin-top: -3px;}

.pickup-bomb-box .logistics-item label .logistics-inner p.logistics-tel:before{content: '';display: inline-block; background: url(../images/flow/logistics-tel.png) no-repeat;background-size: 14px 14px; vertical-align: middle;width: 14px; height: 14px; margin-top: -3px;}

.pickup-bomb-btn {width: 100%;font-size: 0;position: absolute;bottom: 0;left: 0;}

.pickup-bomb-btn a {display: block;height: 43px;font-size: 15px;line-height: 43px;color: #fff;text-align: center;    transform-origin: 0px 0px 0px;opacity: 1;transform: scale(1, 1);}

.no-good-tip{padding:10px 0px;font-size: 14px;color: #333;line-height: 20px;}



/*买家留言*/

.goods-annex{ background:#fff;}

.goods-annex .goods-message{ width:95%; margin:auto;height:1rem; line-height:1rem; position:relative;}

.goods-annex .goods-message .msg-title{ line-height:1rem; color:#222; font-size:14px;}

.goods-annex .goods-message .buyer-msg{ display:inline-block; position:relative; }

.goods-annex .goods-message .buyer-msg>.text {width:5.5rem;height:1rem;line-height:.5rem; padding:0.25rem;border:none !important;resize: none;   overflow: auto;vertical-align: middle;font-size:0.26rem;}

.order-full-cut{ background:#fff;text-align:right; padding: .5rem .5rem 0 0; line-height: 1.5; color: #222;}

.real-pay{ background:#fff;text-align:right; padding-right:0.5rem;}

.real-pay .hd{height:1rem; line-height:1rem;color:#222; font-size:0.26rem;}

.real-pay .bd{height:1rem; line-height:1rem;font-size:0.26rem; font-weight:600;}

.real-pay .bd em{ font-size:0.3rem;}





/*发票信息弹框*/

.invoice-info{ background:#fff; padding:0 2.5%;position: relative; margin:0.5rem 0;border-top:1px solid #eee; border-bottom:1px solid #eee;}

.invoice-info h3{z-index: 1;width: 5rem;height:2.25rem;font-size:14px;line-height: 2.25rem;color: #222;font-weight:normal; }

.invoice-info .invoice-name{display: block;margin: 0;text-align: right;color: #222; font-size:14px;line-height: 2.25rem; cursor:pointer;}

.invoice-info .invoice-name span{ margin: 0px 3px; float: left;}

.invoice-info .invoice-name label{cursor:pointer}

#save-invoice{ margin-top:0.5rem;}





/*开关按钮*/

.on-off-div{width:32px;height:19px;position: absolute; right:2.5%;top:0.7rem; margin-right:0.5rem; overflow:hidden;}

.on-off-div input {display: none;}

.no-invoice-tip{ position:relative;display:block; border-bottom:none;}

.no-invoice-tip em{ color:#f23030; margin:0 0.2rem;}

.no-invoice-tip>i{font-size: 0.8rem;color: #f23030;position: relative;top:0.05rem;margin-right: 0.2rem;}





/*支付方式*/

.pay-type-content{ background:#fff; margin-top:0.2rem; position:relative;}

.other-pay-box{position:relative}

.other-pay-box .hd{padding: 0 2.5%;}

.pay-type-content .other-pay{ position:relative; border:none;padding: 0.65rem 0px;line-height: 0.95rem;height: auto;}

.other-pay-l{ position:relative;color: #262629;font-size: 14px;padding-right:58px;}

.pay-type-content .other-pay span{ margin-left:5px;}

.pay-type-content .other-pay>.on-off-div{ right:0;}

.surplus-pay{ font-size:0.26rem;line-height:1rem; color:#686868; height:1rem; position:relative;}

.txt-box{ font-size:0.6rem; line-height:2rem; color:#686868; padding-left:0.2rem;}

input.tc-text{width: 44px;margin-right: 5px;height: 20px;padding: 2px 5px;border: 1px solid #ddd;background: #fff;outline: 0;resize: none; line-height:26px;}

.pay-way-info{ display:block;}

.pay-type-box{background: #fff;padding: 0 2.5%;}

.pay-type-box>.pay-type-content{padding: 0;margin-top: 0;border: none;}





/*平台红包*/

.platform-box {background: #fff;padding: 0 2.5%;border-top: 0.05rem solid #eee;border-bottom: 0.05rem solid #eee;margin-top: 0.5rem;}

.platform-box .platform-title{background: #fff;height: 2.25rem;line-height: 2.25rem;font-size: 14px;color: #222;clear: both;}

.platform-list{width: 100%;background: #fff;display: none;border-top: 1px solid #eee;}

.platform-list li{width: 93%;margin: auto;line-height:1rem;color: #666;border-bottom: 0.05rem solid #eee;font-size: 0.7rem;cursor: pointer; padding:0.5rem 0;}

.platform-list li:last-child{ border:none;}

.platform-info{ display:inline-block;}

.platform-info em{ background:url(../images/ic_bonus.png);height: 1rem;width: 1rem;display: inline-block;background-size: 1rem;

vertical-align: middle;margin-left: 5px;}

.platform-list li label{position: relative;width: 0.95rem;height: 0.95rem;border: 1px solid #CCC;-webkit-border-radius: 50%;

border-radius: 50%;vertical-align: middle;float: left;top: 0;margin-right: 8px;}

.platform-list li label.current:after{content: '';position: absolute;left: 0.15rem;top: 0.14rem;width: 0.6rem;height: 0.3rem;border-left: 0.065rem solid #fff;border-bottom: 0.065rem solid #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.platform-list li .platform-num i{ display:inline-block; margin-right:5px;}

.platform-condition{ display:inline-block; margin-left:5px; color:#222;}

.platform-list li .platform-tip{font-size:13px; color:#999;}



/*结算页面底部*/

.total-count-pay-con{ position:relative;overflow: hidden;background-color: #fff;padding-left: 12px;padding: 15px 0 10px 2.5%;margin:0 auto;}

.total-count-pay-con .total-count-pay-info{ position:relative;overflow: hidden;padding: 0 .625em 0 0;line-height: 25px;}

.total-count-pay-con .total-count-pay-info .info-l {float: left;font-size: 14px;color: #262629;}

.total-count-pay-con .total-count-pay-info .info-r{float: right;font-size: 13px;position: relative;}

.confirm-pay-con{ position:fixed; left:0; right:0; bottom:0;z-index:12; height:1rem;}

.confirm-pay-con.height-auto{ height:auto;}

.confirm-pay .blank-div-height{ height:2rem; line-height:2rem; clear:both;}

.confirm-pay.pay-address-show .blank-div-height{ height:1rem; line-height:1rem;}

.confirm-pay .confirm-pay-address{height:1.75rem;padding:0.25rem 8px; box-sizing:border-box; background:#FEF4DB; color:#222; font-size:0.7rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all; position:relative;transition: all .3s;transform: translate3d(0,1.75rem,0); line-height:1.25rem;}

.confirm-pay .confirm-pay-address:after {height: 1px;content: '';width: 100%; border-top:1px solid #EAD9BB; position:absolute;top:0px;right: 0;transform: scaleY(0.5);-webkit-transform: scaleY(0.5);z-index: 10;}

.confirm-pay.pay-address-show .confirm-pay-address{transform: translate3d(0,0,0);}

.order-footer{position:relative;height: 2rem;background-color:#fff;border-top: solid 1px #EEE; box-sizing:border-box;}

.order-footer .total {display: block;float: left;text-align: right;width: 75%;}

.order-footer .total .total-money {height: 1rem;margin-right: .4rem;padding: 0;font-size: 0;line-height: 1rem;}

.order-footer .total .total-money dt {display: inline-block;font-size: 0.3rem; color:#555;}

.order-footer .total .total-money dd {display: inline-block;font-size: 0.3rem;}

.order-footer .total .total-money dd em{ font-size:0.7rem;}

.order-footer .order-btn {display: block;float: right;width: 25%;height: 1rem;position:relative;}

.order-footer .order-btn a {display: block;text-align: center;font-size: 0.3rem;color: #FFF;line-height: 1rem;}

a.order-footer-btn{display: block;font-size: 16px;width:100%;height:45px;line-height:45px;color: #fff;text-align: center;}

.pre-sale-info ul{margin:0 auto; padding:10px 0.625rem 10px 15px; background: #fff;}

.pre-sale-info ul li{line-height: 26px; position: relative; padding-left: 12px; color: #555;}

.pre-sale-info ul li .pro-dot{position: absolute;top: 13px;left: -1px;width: 6px;height: 6px;border-radius: 100%;

    background: #e5e5e5;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);border:2px solid #e5e5e5;}

.pre-sale-info ul li.current .pro-dot{border: 2px solid rgba(255, 255, 255, 0.6);}

.pre-sale-info ul li:not(:last-of-type) .pro-dot:after{content: "";top: 12px;left: 50%;width: 1px;height: 10px;position: absolute;

    -webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #555;}

.pre-sale-info ul li .pro-status{ color: #999; margin-left: 3px; }

.pre-sale-info ul li .pro-price{ float: right; }









/*再次支付*/

.payment{ display:block; background:#fff;}

.payment .payment-con{ background:#f23030; height:4rem; padding:0.75rem 0 0.25rem;}

.payment .payment-con .payment-msg{ height:4rem; margin-left:1.25rem;}

.payment .payment-con .payment-msg h3{ height:1.2rem; line-height:1.2rem; margin-bottom:0.4rem; font-size:0.8rem; color:#fff; font-weight:normal;}

.payment .payment-con .payment-msg p{ height:0.9rem; line-height:0.9rem; font-size:0.55rem; color:#fff;}

.pay-type-content .others-pay{ padding:0 3.5%;height:2rem;border-bottom: 0.05rem solid #eee;}

.pay-type-content .others-pay .hd{display:inline-block;}

.pay-type-content label input { display:inline-block; margin-top:-0.1rem;vertical-align: middle;}

.pay-type-content label span{ display:inline-block; margin-left:0.15rem;line-height:2rem; color:#333;}

.pay-type-content .others-pay .bd{display:inline-block;}

.pay-type-content .others-pay .bd .txt-box{ position:relative;}

.pay-type-content .others-pay .bd .tc-text {width: 44px;margin-right: 5px;text-align: right;height: 20px;padding: 2px 5px;border-radius: 2px;border: 1px solid #ccc;box-shadow: 0 1px 2px 0 #f0f0f0 inset;background: #fff;outline: 0;resize: none;}

.pay-type-content .others-pay .bd .discharge {margin-left: 10px; color:#f23030;}

.pay-type-content .others-pay .bd .discharge strong {font-weight: 400;margin: 0px 3px;}

.pay-type-content .current-balance{ margin-left:1.2rem; height:1rem; line-height:1rem; color:#333; margin-bottom:0.5rem;}

.pay-type-content .surplus-pay{font-size: 0.26rem;color:#666;position:relative;padding:0 2.5%;}

.pay-type-content .other-pay-box+.surplus-pay{ padding:0 2.5% 0.5rem}

.pay-type-content .surplus-pay em{ margin-right:0.2rem;color:#c00}

.pay-type-content .current-balance{ display:none;}

.pay-type-content .current-balance strong,.pay-type-content .surplus-pay strong{ color:#f23030;margin: 0px 3px; font-weight:normal;}

.pay-type-content .surplus-pay strong{ font-size:0.7rem;}



/*支付方式样式修改*/

.payment-tab{ background:#fff; width:100%; margin:0 auto; padding:0rem 2.5%; box-sizing:border-box;}

.payment-title{line-height: 2rem;font-size: 15px;color: #666;padding: 0 2.5%; font-weight: normal;}

.payment-tab>li{ display:block; position:relative;height:1rem; line-height:1rem; font-size:14px; font-variant:600; color:#333;border-radius:4px; position:relative; z-index:2;box-sizing: border-box; padding:0;}

.payment-tab>li:last-child{ margin-bottom:0;}

.payment-tab>li.hide{ display:none;}

.payment-tab>li i.iconfont{ height:.6rem; line-height:.6rem; display:inline-block;vertical-align:middle; margin-right:0.25rem;}

.payment-tab>li.weixin i{background:url(../imgs/ic_wechat.png); width:.6rem; height:.6rem; background-size:.6rem auto;}

.payment-tab>li.to-pay i{background:url(../imgs/ic_to_pay.png); width:.6rem; height:.6rem; background-size:.6rem auto;}

.payment-tab>li.alipay i{background:url(../imgs/ic_alipay.png); width:.6rem; height:.6rem; background-size:.6rem auto;}

.payment-tab>li.union i{background:url(../imgs/ic_bank_card.png) no-repeat; width:.6rem; height:.6rem; background-size:contain;}

.payment-tab>li.ccb i{background:url(../imgs/ic_ccb.png) no-repeat; width:.6rem; height:.6rem; background-size:contain;}

.payment-tab>li.cash-on-delivery i{ background:url(../imgs/ic_cash.png); width:.6rem; height:.6rem; background-size:.6rem auto;}

.payment-tab>li span{ display:inline-block; text-align:left; min-width:60px;}

.payment-tab>li em{position: relative;line-height: 0.4rem;background-color:#FA8217;border-radius: 1px; padding: 0 0.15rem;;margin: 0 2px 4px 2px;display:none; font-size:0.2rem;vertical-align: middle;font-family: -apple-system,Helvetica,sans-serif; color:#fff;}

.payment-tab>li.cash-on-delivery em{ display:inline;}

.payment-tab>li em s {position: absolute;width: 0;display: block;font-size: 0;left: -4px;bottom: 0;height: 0;border: 3px solid #FA8217;border-color: transparent #FA8217 #FA8217 transparent;}

.payment-tab>li span em{ font-size:0.55rem; color:#999;}

.payment-tab>li .pay-way-checkbox { position:absolute; top:0; left:0; width:100%; height:100%;border-radius:0;border:none; z-index:-1;-webkit-appearance:none}

.payment-tab>li .pay-way-checkbox:checked{ background:none;}

.payment-tab>li .check-div{position: absolute;top: 50%;right: 0;margin-top: -10px;margin-left: 10px;height: 20px;width: 20px;overflow: hidden;}

.payment-tab>li .check-div>label {position: relative;vertical-align: middle;display: block;width: 20px;height: 20px;    background: url(../imgs/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto; }

.payment-tab>li .pay-way-checkbox:checked+.check-div>label{background-position: -25px 1px;}

.pay-again-bottom{padding:1rem 0;}

.pay-again-bottom .pay-again-btn{ display:block;width:35%; margin:auto; height:1.5rem; line-height:1.5rem; border:0.05rem solid; border-radius:0.15rem; font-size:0.7rem; text-align:center; color:#fff; cursor:pointer;}

.payment-succeed .payment-money dd em{ color:#f23030;}

.pay-tips {margin-left:5px;font-size: 12px;font-weight: normal;color: #666;display: inline-block; float:left;}

.pay-tips .pay-tips-name {width: auto;height: 25px;line-height: 25px;color: #999;display: inline-block;}

.payment-tab li .pay-tips .pay-tips-name i {width: 14px;height: 18px; line-height:18px; font-size:0.65rem; color:#f23030;display: inline-block;vertical-align: middle;margin-right:2px;}





/*付款成功和付款失败*/

.payment-success,.payment-fail{ display:block;background:#fff;}

.payment-success .payment-success-con,.payment-fail .payment-fail-con{ background:#f23030; height:4rem; padding:0.75rem 0 0.25rem;}

.payment-success .payment-success-con i,.payment-fail .payment-fail-con i{ display:inline-block; margin-left:1.25rem;height:4rem; line-height:4rem;font-size:2.5rem; color:#fff; float:left;}

.payment-success .payment-success-con .payment-success-msg,.payment-fail .payment-fail-con .payment-fail-msg{width: auto;height:4rem;margin-left:0.5rem;vertical-align: middle;text-align: left;position: relative;padding-left: 3.7rem;}

.payment-success .payment-success-con .payment-success-msg h3,.payment-fail .payment-fail-con .payment-fail-msg h3{ height:1.2rem; line-height:1.2rem; font-size:0.8rem; color:#fff; font-weight:normal;position: relative;top: -0.4rem;}

.payment-success .payment-success-con .payment-success-msg p{line-height:0.9rem; font-size:0.55rem; color:#fff;}

.payment-fail .payment-fail-con .payment-fail-msg p{ height:1.1rem; line-height:1.1rem; font-size:0.6rem; color:#fff;}

.success-order-list,.fail-order-list{ display:block; width:95%; margin:0.5rem auto;}

.success-order-list li,.fail-order-list li{ height:2rem; border-bottom:0.05rem solid #E5E5E5;}

.success-order-list li:last-child,.fail-order-list li:last-child{ border-bottom:none;}

.success-order-list li .transaction,.fail-order-list li .transaction{ float:left; text-align:left; line-height:2rem; font-size:0.6rem; color:#222;}

.success-order-list li .transaction font,.fail-order-list li .transaction font{ color:#f23030; margin-left:0.15rem;}

.success-order-list li .payable,.fail-order-list li .payable{ float:right; text-align:right; line-height:2rem; font-size:0.6rem; color:#222;}

.success-order-list li .payable p,.fail-order-list li .payable p{ line-height:1rem;}

.success-order-list li .payable font,.fail-order-list li .payable font{ color:#f23030; margin-left:0.15rem;}

.payment-fail-bottom{padding:1rem 0;}

.pay-order-btn .see-order-btn,.pay-order-btn .go-shop-btn{ display:inline-block;width:35%; margin-left:10%; height:1.5rem; line-height:1.5rem; border:0.05rem solid #959595; border-radius:0.15rem; font-size:0.7rem; text-align:center; color:#222;}

.payment-fail-bottom  a.payment-fail-btn{ display:block;width:35%; margin:auto; height:1.5rem; line-height:1.5rem; border:0.05rem solid #959595; border-radius:0.15rem; font-size:0.7rem; text-align:center; color:#222;}

/*付款成功页面修改*/

.recommend-handle-link:before,.finish-right,.finish-note{ background:url(../imgs/pay-info-icon.png);}

.payment-info-box{background: #fff;padding-top: 5px; margin:0 auto;border-bottom: 1px solid #eee;}

.payment-info-box .pay-info {margin: 0 auto;margin-top: 30px;font-size: 0;}

.payment-info-box .pay-info .finish-note {position: relative;width: 100px;height: 66px;line-height: 66px;margin: 0;display: inline-block;vertical-align: middle;background-size: 125px auto;background-position: 0 66px;margin-left:42px;}

.payment-info-box.succcess-info,.payment-info-box.payment-fail{min-height: calc(100vh - 51px); box-sizing: border-box;}

.succcess-info .pay-info .finish-note .finish-right,.payment-fail .pay-info .finish-note .finish-right {width: 50px;height: 30px;position: absolute;top: 36px;left: 51px;background-position: -201px 134px;}

.payment-fail .pay-info .finish-note .finish-right{background-position: -363px 86px;background-size: 200px auto;}

.payment-info-box .order-info-list {margin-left:3px;font-size: 14px;width: auto;display: inline-block;vertical-align: middle;   text-align: left;line-height:2}

.payment-info-box .order-info-list .order-info-list-item .title-main{ color:#222;}

.payment-info-box .pay-order-btn, .payment-fail-bottom {margin: 23px 42px 15px;width: auto; display:block;}

.payment-info-box .pay-order-btn li{width: 50%;float: left;font-size: 15px;}

.payment-info-box .pay-order-btn li a{color: #222;font-size: 15px;border:1px solid #222;-webkit-border-radius: 4px; border-radius: 4px;padding: 12px 0;width: 89%; display:block; margin:0 auto; text-align:center; line-height:13px;}

.payment-info-box .pay-order-btn li a.order-query{ float:left}

.payment-info-box .pay-order-btn li a.finish-index{ float:right}

.payment-info-box .order-tip {padding:3px 42px 15px;color: #848689;font-size: 13px;line-height: 18px;}

























.order-goods-box .goods-num{position:relative; }

.order-goods-box .goods-num:before{text-align: center;line-height:56px;font-size:28px;border-radius:8px;content: "";position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5);box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box;}

.order-goods-box .decrease.num-disabled, .order-goods-box .goods-num .increase.num-disabled{ color: #999;}



.order-goods-box .goods-num .decrease{ float:left;width:28px;height:28px;line-height:26px;text-align: center; cursor: pointer; position: relative; z-index: 10; font-size: 20px;border:1px solid #ddd;border-radius:50%}

.order-goods-box .goods-num .decrease i { display: block; line-height: 26px; }

.order-goods-box .goods-num .num{display:inline-block; border:0;width:42px; height:26px;float:left; text-align:center; font-size:16px; line-height:26px; color:#232326; position: relative;z-index: 2; margin-top: 1px;}

.order-goods-box .goods-num .increase{float:left;width:28px;height:28px;line-height:26px;text-align: center; cursor: pointer; position: relative; z-index: 10; font-size: 20px;color:#fff;border-radius:50%;}

.order-goods-box .goods-num .increase i { display: block; line-height: 30px; }