@font-face {
    font-family: Steelfish;
    src: url(../../../../static/fonts/steelfish/Steelfish.ttf);
}

body {
    background-color: #f7f7f7;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.shop-cart .content {
    padding-bottom: 100px;
    top: 40px;
}

.shop-cart .store-name {
    position: relative;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .7rem;
    text-transform: uppercase;
    line-height: 1;
    color: #333;
    padding: 10px 18px;
    background-color: #fff;
}

.shop-cart .store-name span {
    display: inline-block;
    font-size: 16px;
    float: left;
    margin-top: 2px;
}

.shop-cart .store-name .store-icon {
    width: 16px;
    margin-right: 5px;
    float: left;
    margin-top: 1.5px;
}

.shop-cart .promote-tip {
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;

}
.shop-cart .checkout-tip {
    height: 24px;
    padding: 0 0 0 5px;
}
.promote-tip .promote-tip-text {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    display: inline-block;
}

.promote-tag {
    display: inline-block;
    color: #f44;
    border: 1px solid #f44;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 2px;
}

.promote-tip-link {
    float: right;
}

.space-line {
    padding-top: 1px;
    background: #e8e8ed;
    margin: -1px 0;
    position: relative;
    z-index: 2;
}

.space-item-line {
    padding-top: 10px;
    background: #e8e8ed;
    margin: -1px 0;
    position: relative;
    z-index: 2;
}

.arrow-right {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px 10px;
    background-position: 50% 98%;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==);
}

.icheck {
    margin-right: 10px;
}

.product-list {
    width: 100%;
}

.product-list ul, .product-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-list ul li {
    width: 100%;
    padding: 5px 18px;
    border-bottom: 1px dotted #e2e2e2;
    display: inline-block;
    margin-bottom: 0px;
    background-color: #fff;
}

.product-item .product-check {
    float: left;
    width: 10%;
    line-height: 95px;
}

.product-item .product-detail {
    float: left;
    width: 90%;
}

.product-detail .product-img {
    float: left;
    width: 30%;
}

.product-detail .product-img img {
    width: 100%;
}

.product-detail .product-content {
    float: left;
    width: 70%;
    padding-left: 10px;
}

.product-content .product-name {
}

.product-content .product-type {
    padding-top: 2px;
    font-size: 12px;
    color: #999;
}

.product-content .product-attr {

}

.product-attr .product-price {
    float: left;
    color: red;
    font-size: 12px;
}

.product-attr .product-price em {
    font-size: 18px;
    font-style: normal;
}

.product-attr .product-num {
    float: right;
}

.product-num span {
    width: 26px;
    height: 26px;
    line-height: 20px;
    font-size: 20px;
    display: block;
    float: left;
    border: 1px solid #d5d5d5;
    margin-left: -1px;
    text-align: center;
    color: #686868;
    cursor: pointer;
}

.product-num span input {
    font-size: 14px;
    outline: none;
    border: 0;
    padding: 0;
    color: #686868;
    width: 100%;
    text-align: center;
    height: 24px;
}

.product-del {
    text-align: right;
    clear: both;
    padding-top: 3px;
}

.product-del span {
    font-size: 12px;
    color: #999;
}

/*结算 统计*/
.cart-total {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 540px;
    height: 50px;
    background: hsla(0, 0%, 100%, .95);
    color: #333;
    font-size: 14px;
    position: fixed;
    z-index: 99;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.cart-total .check-all {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    margin-left: 18px;
}

.total-price {
    float: right;
}

.total-price p {
    padding-top: 10px;
    font-weight: 700;
    line-height: 1em;
    height: 50px;
    text-align: right;
    float: left;
    font-size: 16px;
}

.total-price strong {
    color: #e4393c;
}

.total-price .total-desc {
    padding-top: 2px;
    display: block;
    font-size: 10px;
    color: #999;
    font-weight: 400;
}

.tobuy {
    float: right;
    display: block;
    width: 110px;
    height: 50px;
    margin-left: 10px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    background: #e4393c;
    color: #fff;
}
.tobuy:focus , .tobuy:link, .tobuy:visited {
    text-decoration: none;
    color: #fff;
}

.total-price .tobuy.disabled {
    cursor: default;
    color: #999;
    background: #d7d7d7;
}

.tobuy em {
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
}

/*checkout*/
.address-default-content {
    position: relative;
    /*height: 70px;*/
}

.address-default {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAKBAMAAACOO0tGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURf///4u16Oxtbezz/J3B7NDh9vSmprjS8vGNjfjDw/vd3f7w8O57e0EOI68AAABSSURBVCjPY2CAAE4l7GACVJ4hUBArEIXJL8KuXw0mz4xdv2ABVJ77EHYDGmAGmGDXLwKT58CuX2cDTIEjdgOcYfJJ2A3Qgsmz4/CBwWgQUiMIAXzCOFELLk/nAAAAAElFTkSuQmCC) -7px bottom repeat-x;
    background-size: 64px 5px;
    display: block;
    padding: 12px 10px 16px 10px;
    position: relative;
}

.address-default ul, .address-default li {
    margin: 0;
    padding: 0;
}

.address-default ul {
    padding-right: 30px;
}

.address-default ul:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22#CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 15px;
}

.address-default li {
    padding: 0;
}

.checkout-content .product-detail .product-img {
    width: 75px;
}

.checkout-content .product-detail .product-content {
    width: calc(100% - 80px);
}

.checkout-content .product-item .product-detail {
    width: 100%;
}

.checkout-content .product-list ul li {
    padding: 15px 10px 5px 10px;
    border-bottom: none;
    display: inline-flex;
    margin-bottom: 0px;
    background-color: #fff;
    width: 100%;
}

.checkout-content .product-list ul li:after {
    border-bottom: 1px dotted #e2e2e2;
}

.checkout-content .sku_num {
    line-height: 30px;
    color: #999;
    font-size: 12px;
}

.checkout-content .shipping {
    padding: 15px 20px 15px 10px;
    position: relative;
    background-color: #fff;
}

.shipping .shipping-label {
    position: absolute;
    left: 10px;
    top: 12px;
    font-weight: 400;
    font-size: 16px;
}

.shipping .shipping-type {
    text-align: right;
    padding-right: 10px;
}

.shipping .shipping-type:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22#CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
}

.order-remark {
    position: relative;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 5px 0;
}

.order-remark:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
}

.order-remark-title {
    position: absolute;
    top: 5px;
    left: 10px;
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 16px;
}

.order-remark input {
    display: block;
    padding-left: 55px;
    width: 100%;
    font-size: 14px;
    height: 45px;
    line-height: normal;
    box-sizing: border-box;
    border:none;
}

.order-remark .tip {
    position: absolute;
    right: 10px;
    bottom: 2px;
    font-size: 10px;
    color: #ddd;
}

/*发票,优惠券,积分等信息*/
.checkout-more {
    overflow: hidden;
    position: relative;
    background: #fff;
}

.checkout-more li {
    position: relative;
    overflow: hidden;
}

.checkout-more li:not(:last-child):before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    right: 0;
    bottom: 0;
    left: 10px;
}

.checkout-more li .more-content {
    position: relative;
    display: block;
    text-align: right;
    font-size: 12px;
    color: #666;
    padding: 13px 30px 13px 75px;
}

.checkout-more li strong {
    display: inline-block;
    font-weight: 400;
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 14px;
    color: #333;
}

.checkout-more li a em {
    padding-right: 0;
    display: inline-block;
    vertical-align: middle;
    color: #e93b3d;
    font-style: normal;
}

.checkout-more li a.more-content:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22#CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}

.checkout-more li .coupon {
    position: relative;
    display: inline-block;
    margin: -2px 5px 0 0;
    padding: 0 4px;
    height: 18px;
    line-height: 18px;
    color: #e93b3d;
    font-size: 10px;
    vertical-align: middle;
}

.checkout-more li em.disabled {
    color: #999;
}

.checkout-more .input-password {
    margin: 15px 10px 0 84px;
    position: relative;
    text-align: right;
}

.checkout-more .input-password-label {
    position: absolute;
    left: -74px;
    line-height: 35px;
    width: 75px;
    font-size: 16px;
    text-align: left;
}

.checkout-more .input-password input {
    box-sizing: border-box;
    width: 220px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    background-color: #fef1f1;
    border-radius: 2px;
    border: 1px solid rgba(233, 59, 61, .2);
    padding-left: 10px;
    margin-left: 20px;
}

.checkout-more .tips {
    padding: 10px;
    font-size: 12px;
    color: #999;
}

/*费用统计*/
.fee-detail {
    background-color: #fff;
    padding: 10px;
}

.fee-detail li {
    display: block;
    padding-top: 5px;
}

.fee-detail .fee-amount {
    float: right;
    color: red;
}

.fee-total {
    background-color: #fff;
    padding: 10px;
    text-align: right;
}

.fee-total .fee-title {
    font-size: 16px;
    font-weight: 700;
}

.fee-total .fee-amount {
    color: red;
    font-weight: 400;
    font-size: 16px;
}

.submit-bottom {
    width: 100%;
    background-color: #fff;
    padding: 20px 10px;
}

.submit-bottom .btn {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    background: #3884ff;
}

/*支付方式*/
.pay-amount-content {
    height: 50px;
    line-height: 50px;
    text-align: right;
    padding: 0 10px;
    background-color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}

.pay-amount-content .pay-amount span {
    padding-right: 10px;
}

.pay-amount-content .pay-amount em {
    font-style: normal;
    color: red;
}

.pay-type-content {
    background-color: #fff;

    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

.pay-type-content .pay-title {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 10px;
}

.pay-type-content ul {
    display: block;
    padding: 0 10px;
}

.pay-type-content .pay-item {
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.pay-type-content .pay-item:last-child {
    border-bottom: none;
}

.pay-detail {
    cursor: pointer;
}

.pay-item .pay-icon {
    padding: 0 10px;
}

.pay-item .pay-icon img {
    width: 23px;
}

.pay-item .pay-check {
    float: right;
    padding-top: 20px;
}

.pay-botttom, .address-bottom {
    position: fixed;
    bottom: 46px;
    width: 100%;
}

.pay-botttom .btn-pay , .address-bottom .btn-add, .shipping-bottom .btn-add{
    background-color: #e4393c;
    color: #fff;
    display: block;
    border-radius: 0;
    height: 45px;
    line-height: 45px;
    padding: 0;
    font-size: 16px;
}

/*订单确认页面 地址选择*/
.address-item {
    height: 90px;
    background: #fff;
    padding: 16px 10px;
    margin-bottom: 1px;
}

.address-check {
    float: left;
    padding-top: 18px;
}

.address-detail {
    float: left;
    width: 80%;
    word-wrap: break-word;
    word-break: break-all;
}
.address-detail .contact-name{
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
}
.address-detail .contact-address{
    display: block;
}

.address-edit {
    float: right;
    padding-top: 16px;
    padding-right: 10px;
}

.address-edit img{
    width: 27px;
}


/*订单确认页面 快递选择*/
.shipping-list{
    z-index: 101;
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: #fff;
}
.shipping-list .shiiping-title{
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    position: relative;
}
.shipping-list ul{
    padding-bottom: 10px;
}
.shipping-item {
    padding: 10px 10px;
    margin-bottom: 1px;
}

.shipping-check {
    display: inline-block;
}

.shipping-detail {
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
}
.shipping-detail .contact-name{
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
}
.cancel-img {
    float: right;
    height: 22px;
    width: 22px;
    background-image: url(../img/icon_close.png);
    background-size: 22px 22px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*发票*/

.invoice-item ,.invoice-header,.invoice-content-item  {
    background: #fff;
    padding: 16px 10px;
    margin-bottom: 1px;
    min-height: 50px;
}

.invoice-title:first-child span{
    font-size: 18px;
}
.invoice-check {
    float: left;
}

.invoice-label{
    float: left;
}
.invoice-gongsi{
    display: block;
    clear: both;
    height: 32px;
}
.invoice-gongsi-info {
    display: block;
    clear: both;
    padding-left: 26px;
}
.invoice-item input {
    height: 32px;
    font-size: 12px;
    background-color: #f7f7f7;
    padding: 0 10px;
    margin-left: 10px;
    border: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid #ddd;
}
.gongsi-name{
    width: calc(100% - 66px);
}
.gongsi-shuihao{
    width: calc(100% - 108px);
}
.gongsi-info-item{
    padding: 3px 0;
}
.invoice-content {
    margin-top: 10px;
}
.invoice-content-tips{
    display: block;
    color: #999;
    font-size: 12px;
    padding-left: 28px;
}
.invoice-bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
    z-index: 101;
}
.invoice-bottom .btn-add{
    display: block;
    min-width: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    position: relative;
    background: #e4393c;
    color: #fff;
    border-radius: 0;
}

.is-login{
    text-align: center;
    float: none;
    color:#bfbfbf;
}
.is-login div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    display: inline-block;
}

/*优惠券*/
.coupon-tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
}
.coupon-tab ul li.active {
    color: #e93b3d;
}
.coupon-tab ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.coupon-tab ul li span {
    position: relative;
    display: inline-block;
}
.coupon-tab ul li.active span:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e93b3d;
}

.coupon-item {
    padding: 10px 10px;
    margin-bottom: 1px;
    display: grid;
}
.coupon-check {
    float: left;
    width: 28px;
    margin-top: 45px;
}
.coupon-item .coupon-detail {
    word-wrap: break-word;
    word-break: break-all;
    float: left;
    border-radius: 6px;
    border-top: 6px solid  #53c7ca;
    background-color: #fff;
    border-bottom: 10px solid #fff;
    width: calc(100% - 32px);
    height: 110px;
    box-shadow: 0 0px 10px 0px rgba(0,0,0,.1);
}
.coupon-item .coupon-left{
    float: left;
    width: 100px;
}

.coupon-item .coupon-right{
    float: left;
    position: relative;
    height: 84px;
    padding-left: 10px;
}
.coupon-item .coupon-left span{
    font-size: 14px;
    vertical-align: top;
    margin: 6px 4px 0 0;
    display: inline-block;
}
.coupon-item .coupon-left strong{
    font-size: 45px;
    font-family: Steelfish;
}
.coupon-item .coupon-left .coupon-price {
    text-align: center;
    color:  #53c7ca;;
}
.coupon-item .coupon-left .coupon-condition {
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #53c7ca;
}
.coupon-main {
    padding: 10px 10px 0;
    box-sizing: border-box;
    background-color: #fff;
}
.coupon-name{
    height: 67px;
    font-size: 12px;
    color: #666;
}
.coupon-time {
    font-size: 10px;
    color: #999;
}
.coupon-bottom {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 540px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    position: fixed;
    z-index: 101;
    bottom: 0;
}
.coupon-bottom .discount-price{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: 1;
    padding: 0 10px;
    text-align: right;
}
.coupon-bottom .discount-price p{
    font-size: 16px;
    margin: 0;
}
.coupon-bottom .discount-price p em {
    color:#e93b3d;
    font-style: normal;
}
.coupon-bottom  .btn-use-coupon{
    background: #e93b3d;
    color: #fff;
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
    font-size: 16px;
}
.coupon-item.disabled .coupon-detail{
    color: #999;
    border-top: 6px solid #999;
}
.coupon-item.disabled .coupon-left .coupon-price {
    color: #999;
}
.coupon-item.disabled .coupon-left .coupon-condition {
    color:  #999;
}
.nouse-list .coupon-item .coupon-detail{
    width: 100%;
}
.empty-cart {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.empty-cart img {
    width: 100%;
    max-width: 150px;
    margin-top: 100px;
}
.empty-cart span{
    display: block;
    margin-top: 10px;
    color:#999;
}
.empty-content {
    background-color: unset;
}
@media screen and (max-width: 330px){
    .address-detail {
        width: 76%;
    }
}