.city-picker-dropdown { left: 15px!important;max-height:330px !important;background: #fff !important;border: 1px solid #ccc !important; overflow-y: scroll}
.city-select-wrap {box-shadow: 0 1px 5px rgba(0, 0, 0, 0) !important;}
.notice { background: #fff; padding: 50px 0 }
.notice .tips { padding:100px 0; text-align: center;  }
.notice .tips .iconfont { font-size: 100px;}
.notice .tips .success { color:#06ad56 }
.notice .tips .error { color:#e23435 }
.notice .tips h2 { font-size: 24px; font-weight: 200; line-height: 32px}
.notice .tips a em { font-style: normal; }
.notice .tips a.btn { background: #FFF; border: 1px solid #ddd; padding: 0 20px; margin-top: 20px }
.notice .tips a.btn:hover { border-color: rgb(153,153,153); }
.notice .tips a.login { background: #004787; color: #fff; border: none; margin-right: 15px}
.notice .tips a.login:hover { border-color: #003565; }

.often-product h2.title { border-bottom: 1px solid #ddd; font-weight: bold; font-size: 14px; line-height: 30px }
.often-product .plus-cart { display: block; width: 60%; margin:5px auto; border: 1px solid #999; text-align: center; border-radius: 2px; line-height: 28px  }
.often-product .plus-cart:hover { background: #E2231A; color: #fff; border-color: transparent; }
.often-product h2.title a {float: right; font-weight: 200; }
#address-modal { left: 50%; top: 50%; transform: translate(-50%,-50%); min-width:80%; overflow: visible; bottom: inherit; right: inherit;}
#address-modal ul li { border-bottom: 1px dashed #dfdfdf }
#address-modal ul li span:first-child { text-align: center; display: inline-block; width: 10%; float: left; padding-top: 25px; }
#address-modal ul li span:first-child input { width: auto!important; height: auto!important }
#address-modal ul li:last-child { border-bottom:0; }
#address-modal .addr-list-info { display: inline-block; margin:10px 0; width: 90%; border-left: 1px dashed #dfdfdf; float: right; box-sizing: border-box; padding-left: 15px }
#address-modal .empty { text-align: center; margin: 50px 0; }
#address-modal .empty > i { color: orange; font-size:80px;}
#address-modal .empty > p { font-size: 16px!important; color: #999; font-weight: 200; padding-top: 15px!important }

.cart-list-table th { text-align: center; padding: 15px 0!important; font-weight: normal; }
.cart-list-table td { background-color: #fff; vertical-align: middle!important; }
.cart-list-table .title { display: inline-block; float: right; width: 400px; margin-top: 15px; overflow:hidden; }
.cart-list-table .title em {font-style: normal; background: #FF0036; color: #fff; font-weight: 300; border-radius: 3px; padding: 1px 5px; margin-right: 5px;}
.cart-flow { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 480px; height: 70px; margin: 30px auto; }
.cart-flow li { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 33.33%; height: 70px; position: relative; z-index: 1;}
.cart-flow li { *display: inline/*IE6,7*/;}
.cart-flow li i { background:#bfbfbf; width: 30px; height: 30px; margin-left: -20px; line-height: 30px; font-weight: bold; position: absolute; z-index: 2; top: 12px; left: 50%; font-size: 14px; color: #fff; text-align: center; font-style: normal; border-radius: 50%}
.cart-flow li p { font-size: 14px/24px arial,"microsoft yahei";  color: #CCC; text-align: center; width: 100%; height: 24px; position: absolute; z-index: 2; left: 0; bottom: 0; overflow: hidden;}
.cart-flow li sub { background-color: #FFF; width: 5px; height: 5px; margin-left: -3px; border: solid 1px #CCC; border-radius: 4px; position: absolute; z-index: 2; top: 38px; left: 50%; display: none;}
.cart-flow li .hr { *line-height: 1px; background-color: #DDD; width: 100%; height: 1px; border: none 0; position: absolute; z-index: 1; top: 29px;left: 0;}
.cart-flow li.current i { color: #fff; background-color: #27a9e3}
.cart-flow li.current p { color: #27A9E3;}
.cart-flow li.current sub { background-color: #27A9E3; border-color: #27A9E3; box-shadow: 0 0 0 2px rgba(0,153,204,0.15); display: none}
.cart-flow li.current .hr { background-color: #27A9E3;}
.cart-list-table { width: 100%; border-collapse: collapse; border-style: solid; border-width: 2px 1px; border-color: #AAA #DDD;}
.cart-list-table .footer { font: normal 16px/32px "microsoft yahei", Arial; text-align: right;}
.cart-list-table .footer small { color: #FF0036; }
.cart-list-table .footer em { font-size:30px; color: #FF0036; margin: 0 5px; font-family: Arial; font-weight: bolder; font-style: normal; vertical-align: middle;}

.step1-btn { padding: 20px 0; }
.step1-btn .btn { float: right; padding: 8px 25px; height: auto; line-height: 20px; border:1px solid #be780a; font-size: 18px}

.shopping { border:1px solid #eee; background: #fff; padding: 9px 20px 40px 20px; }
.shopping h3 {font:16px/20px arial,"microsoft yahei"; color: #333; padding: 4px 0;}
.shopping h3 span { font-size: 12px; float: right; color: #ccc }
.shopping h3 a { margin-left: 10px; font-size: 12px; color: #f30213; vertical-align: middle; float: right; }
.shopping h3 em { font-style: normal; margin-left: 15px; font-size: 12px; border: 1px solid #F3A482; background: #FFF6EB; background-image: linear-gradient(#FFFBF7, #FFEFDD); color: #E4494A; padding: 2px 5px; border-radius: 3px; vertical-align: top; }
.shopping p { color: #777; font-size: 12px }
.shopping p .tips { float: right; font-size: 12px; color: #ccc }
.shopping p .tips .btn { color: #004787;  padding: 0}
.shopping p.tr { text-align: right; }
.shopping p.tr em { font-style:normal; font-size: 18px; color: #FF0036; font-weight: 700}
.shopping p.tr em small { font-size: 12px; margin-right: 3px }

.shopping .cart-payment-list { font-size: 0; padding: 10px 15px}
.shopping .cart-payment-list li { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; width: 180px; padding: 10px 30px; margin-right: 20px; border: solid 1px #E6E6E6; border-radius: 4px; position: relative; z-index: 1;}
.shopping .cart-payment-list li i { display: none;}
.shopping .cart-payment-list li label { display: block; cursor: pointer; margin-bottom: 0px}
.shopping .cart-payment-list li:hover,.shopping .cart-payment-list li.using {  padding: 9px 29px; border: solid 2px #52A452;}
.shopping .cart-payment-list li.using i { background: url(../img/pay-use.png) no-repeat 0 0; display: block; width: 32px; height: 32px; position: absolute; z-index: 1; top: 2px; left: 0px;}
.shopping .cart-payment-list li .logo { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 120px; height: 50px; overflow: hidden;}
.shopping .cart-payment-list li .logo img { max-width: 120px; max-height: 50px; margin-top:expression(50-this.height/2); *margin-top:expression(25-this.height/2)/*IE6,7*/;}

.shopping .cart-delivery-list { font-size: 0; padding: 10px 15px}
.shopping .cart-delivery-list li { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; width: 180px; padding: 10px 30px; margin-right: 20px; border: solid 1px #E6E6E6; border-radius: 4px; position: relative; z-index: 1;}
.shopping .cart-delivery-list li i { display: none;}
.shopping .cart-delivery-list li label { display: block; cursor: pointer; margin-bottom: 0px }
.shopping .cart-delivery-list li:hover,.shopping .cart-delivery-list li.using { padding: 9px 29px; border: solid 2px #52A452;}
.shopping .cart-delivery-list li.using i { background: url(../img/pay-use.png) no-repeat 0 0; display: block; width: 32px; height: 32px; position: absolute; z-index: 1; top: 2px; left: 0px;}
.shopping .cart-delivery-list li .logo { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 120px; height: 50px; overflow: hidden;}
.shopping .cart-delivery-list li .logo span { float: right; margin-top: 35px; color: #FF8000; font-size: 13px}

.shopping .address-head-tip { padding: 10px 15px; color: #999 }
.shopping .cart-address-list { padding: 10px 15px; margin: 0 auto;max-height: 300px;    overflow: auto; }
.shopping .cart-address-list li { width: 100%;  padding: 0; margin: 10px 0}
.shopping .cart-address-list li:hover { background-color: #f3fbfe }
.shopping .cart-address-list li label { width: 145px; padding: 8px; cursor: pointer; border: solid 1px #E6E6E6; background-color: #fff; font-size: 12px; text-align: center; margin:0 20px 0 0; border-radius: 2px }
.shopping .cart-address-list li label:hover,.shopping .cart-address-list li.using label { padding: 7px; border: solid 2px #52A452;background: #fff url(../img/selected-icon-new.png) no-repeat bottom right;}
.shopping .cart-address-list li span { margin: 0 5px }
.shopping .cart-address-list li span.addr-default { color: #fff; background-color: #999; padding: 2px 5px }
.shopping .cart-address-list li:hover a { display: inline-block; }
.shopping .cart-address-list li a { float: right; color: #004787; margin: 8px 10px; display: none}
.shopping .cart-address-list li a:hover { color: #e3101e }
.shopping .cart-address-list li.tips {text-align: center; color: #999;font-size: 14px;}
.shopping .cart-address-list li.tips > i { font-size: 30px; color: orange; vertical-align: middle; }
.shopping .cart-address-list li.tips:hover { background-color: #fff }

.shopping .cart-coupon-list { padding: 10px 15px; display: flex; flex-direction: row; flex-wrap: wrap}
.shopping .cart-coupon-list li {
    display: flex;
    flex-direction: column;
    height: fit-content;
    cursor: pointer;
    vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; width: 250px; padding: 0 0 10px 0; margin-right: 20px; border: solid 1px #E6E6E6; border-radius: 4px; position: relative; z-index: 1;}
.shopping .cart-coupon-list li .cart-coupon-list-inner {width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.shopping .cart-coupon-list li .cart-coupon-list-title {
    width: 100%;
    display: flex;
    background-color: #FF8000;
    color: #ffffff;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.shopping .cart-coupon-list li .cart-coupon-list-left {width: 60%;display: flex;color: #FF8000;justify-content: center;vertical-align: baseline;}
.shopping .cart-coupon-list li .cart-coupon-list-left .cart-coupon-list-left-pre {font-size: 14px;}
.shopping .cart-coupon-list li .cart-coupon-list-left .cart-coupon-list-left-price {font-size: 48px;font-weight: 600;}
.shopping .cart-coupon-list li .cart-coupon-list-right {width: 40%;display: flex;flex-direction: column;align-items: start;justify-content: center;}
.shopping .cart-coupon-list li .cart-coupon-list-right .cart-coupon-list-right-top{font-size: 18px;color: #FF8000;}
.shopping .cart-coupon-list li .cart-coupon-list-right .cart-coupon-list-right-middle{font-size: 12px;color: #FF8000;}
.shopping .cart-coupon-list li .cart-coupon-list-time{ font-size: 12px;color: #FF8000;}
.shopping .cart-coupon-list li i { display: none;}
.shopping .cart-coupon-list li.using i { background: url(../img/pay-use.png) no-repeat 0 0; display: block; width: 32px; height: 32px; position: absolute; z-index: 1; top: 2px; left: 0px;}

/*服务商品*/
.product-service {
    width: 500px;
    display: inline-block;
    float: right;
    margin-top: 15px;
    overflow: hidden;
}
.product-service .pec-item {
    margin-left: -5px;
}
.product-service .pec-item span {
    color: #999999;
}
.product-service .pec-item span:nth-child(n+2) {
    margin: 0 5px;
}
.product-service .pec-item .pec-item-tit {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.product-service .pec-item .pec-item-price {
    color: #0a0a0a;
}

.city-picker-input { opacity: 0 !important; top: -9999px; left: -9999px; position: absolute;}
.city-picker-span { padding-left:10px; height:45px; display: block; width: 100%!important; outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 1px solid #ccc;background-color: #fff;color: #ccc;cursor: pointer;}
.city-picker-span > .placeholder { color: #aaa; font-size: 14px}
.city-picker-span > .arrow {position: absolute;top: 50%;right:25px;width: 10px;margin-top: -3px;height: 5px;background: url(/assets/libs/city-picker/src/images/drop-arrow.png) -10px -25px no-repeat;}
.city-picker-span.focus,.city-picker-span.open {border-bottom-color: #46A4FF;}
.city-picker-span.open > .arrow {background-position: -10px -10px;}
.city-picker-span > .title > span {color: #333;padding: 5px;border-radius: 3px; font-size: 14px}
.city-picker-span > .title > span:hover {background-color: #f1f8ff;}
.city-picker-dropdown {position: absolute;width: 368px!important;left: 15px!important;top:0;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index: 999999;display: none;}
.city-select-wrap {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
.city-select-tab {border-bottom: 1px solid #ccc;background: #f0f0f0;font-size: 14px;}
.city-select-tab > a {display: inline-block;padding: 8px 22px;border-left: 1px solid #ccc;border-bottom: 1px solid transparent;color: #4D4D4D;text-align: center;outline: 0;text-decoration: none;cursor: pointer;font-size: 14px;margin-bottom: -1px;}
.city-select-tab > a.active {background: #fff;border-bottom: 1px solid #fff;color: #46A4FF;}
.city-select-tab > a:first-child {border-left: none;}
.city-select-tab > a:last-child.active {border-right: 1px solid #ccc;}
.city-select-content {width: 100%;min-height: 10px;background-color: #fff;padding: 10px 15px;box-sizing: border-box;}
.city-select {font-size: 13px;}
.city-select dl {line-height: 2;clear: both;padding: 3px 0;margin: 0;}
.city-select dt {position: absolute;width: 2.5em;font-weight: 500;text-align: right;line-height: 2;}
.city-select dd {margin-left: 0;line-height: 2;}
.city-select.province dd {margin-left: 3em;}
.city-select a {display: inline-block;padding: 0 10px;outline: 0;text-decoration: none;white-space: nowrap;margin-right: 2px;text-decoration: none;color: #333;cursor: pointer;}
.city-select a:hover,.city-select a:focus {background-color: #f1f8ff;border-radius: 2px;color: #46A4FF;}
.city-select a.active {background-color: #46A4FF;color: #fff;border-radius: 2px;}

.shopping .right-total { padding-top: 20px }
.cart-title { padding: 15px 0; border: solid #F7F7F7; border-width: 1px 0 0;}
.cart-title h3 { font: lighter 24px/30px arial,"microsoft yahei"; color: #555;}
.cart-title h5 { font: 12px/20px arial,"microsoft yahei"; color: #AAA;}
.btn-submit { float: right;margin:20px 0; font-size: 18px; padding: 5px 25px; background-color: #f60; height: auto; color: #fff }
.btn-submit:hover { color: #fff; background-color: #c8570c}
.btn-submit:focus { color: #fff; background-color: #f60}
.error-payment-password { border:1px solid #FBEED5; background: #FCF8E3; color: #C09853; padding: 5px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-align: center; display: none; margin-top: 5px }
.layui-layer-transfer .layui-layer-content { padding: 20px; font-size: 14px; line-height: 1.8 }
.layui-layer-transfer .layui-layer-content p { width: 100%; height: 30px; line-height: 30px; margin:0 }
.layui-layer-transfer .layui-layer-content p.amount { height: 30px; border-bottom: 1px solid #eceff8; padding-bottom:40px; margin-bottom: 10px }
.layui-layer-transfer .layui-layer-content p span { display: inline-block; width: 100px; text-align: justify; color: #888; height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle; }
.layui-layer-transfer .layui-layer-content p span::after { display: inline-block; width: 100%; content: "";}
.layui-layer-transfer .layui-layer-btn { background: #ecf0f1; padding-top: 12px; height: 55px}
.layui-layer-transfer .layui-layer-btn tips { display: inline-block; line-height:35px; color: #e23435; position: absolute; left: 20px }
.layui-layer-transfer .layui-layer-btn .layui-layer-btn0 {border-color: #009688; background-color: #009688; color: #fff;}
.layui-layer-transfer .layui-layer-btn .layui-layer-btn0::before { content: '\e756'; font-family: "iconfont" !important; margin-right: 5px}
.layui-layer-transfer .layui-layer-btn .layui-layer-btn1 {border-color: #FFB800; background-color: #FFB800; color: #fff;}
.layui-layer-transfer .layui-layer-btn .layui-layer-btn1::before { content: '\e7ca'; font-family: "iconfont" !important; margin-right: 5px}
.layui-layer-transfer .layui-layer-btn .layui-layer-btn2 {border-color: #FF5722; background-color: #FF5722; color: #fff;}
.layui-layer-transfer .layui-layer-btn .layui-layer-btn2::before { content: '\e6df'; font-family: "iconfont" !important; margin-right: 5px}
.layui-layer-transfer .layui-layer-btn .layui-layer-upload {border-color: #16baaa; background-color: #16baaa; color: #fff;border-radius: 3px}
@font-face {
    font-family: "iconfont"; /* Project id 4365655 */
    src:
            url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-shangchuan:before {
    content: "\e672";
}
.layui-layer-transfer .layui-layer-btn .layui-layer-upload::before { content: '\e672'; font-family: "iconfont" !important; margin-right: 5px}

.layui-layer-transfer .paytype li { border: 1px solid #eee; background: #fff; padding: 10px 20px; margin-bottom: 20px; border-radius: 1px; text-align: center; position: relative;}
.layui-layer-transfer .paytype li:after, .layui-layer-transfer .paytype li:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0;}
.layui-layer-transfer .paytype li.active:after { border-width: 9px; border-left-color: #fff; top: 37%; }
.layui-layer-transfer .paytype li.active:before { border-width: 10px; border-left-color: #0d95e8; top: 35%;}
.layui-layer-transfer .paytype li img { max-width: 136px; }
.layui-layer-transfer .paytype li.active { border: 1px solid #0d95e8; }
.layui-layer-transfer .paytype li:hover { border: 1px solid #0d95e8; cursor: pointer; }
.layui-layer-transfer .bg-info { text-align: center; color: #aaa }
.layui-layer-transfer .payment-info {text-align: center; }
.layui-layer-transfer .payment-info .qrcode { border: 1px solid #eee; width: 100%; box-sizing: border-box; padding:20px 40px;}
.layui-layer-transfer .payment-info .qrcode img { max-width: 60% }
.layui-layer-transfer .payment-info .tips-wechat { height: 60px; padding: 8px 0 8px 125px;  background: #00c800 url(../img/pay/scan.png) 50px 12px no-repeat;  background-size: 36px 36px; }
.layui-layer-transfer .payment-info .tips-wechat p { margin: 0; font-size: 14px; line-height: 22px;  color: #fff; text-align: left; font-weight: 700 }
.layui-layer-transfer .payment-info .tips-alipay { height: 60px; padding: 8px 0 8px 125px;  background: #009EE6 url(../img/pay/scan.png) 50px 12px no-repeat;  background-size: 36px 36px; }
.layui-layer-transfer .payment-info .tips-alipay p { margin: 0; font-size: 14px; line-height: 22px;  color: #fff; text-align: left; font-weight: 700 }

.layui-layer-transfer .transfer { margin-top: 80px }
.layui-layer-transfer .transfer label { font-weight: 700; margin-bottom: 10px }
.layui-layer-transfer .transfer-tips { display: block; background: #dff0d8; color: #468847; margin-top: 10px; padding: 8px; font-size: 12px}
.btn-alipay { display: block; background:rgba(0,132,255,0.1); color: #0084ff; font-size: 12px; text-align: center;}
.btn-alipay:hover { background: #009EE6; color: #fff }