.input {
    width: 60px;
    text-align: center
}

.cart-wrapper .hd {
    line-height: 22px;
    border-bottom: 2px solid var(--color-primary-border)
}

.cart-wrapper .cell {
    min-height: 38px;
    display: flex;
    align-items: center
}

.cart-wrapper .cell.product {
    align-items: flex-start
}

.cart-wrapper .promo .tag {
    background-color: #ff5722;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    [dir="ltr"] & {
        margin-right: 3px;
    }
    [dir="rtl"] & {
        margin-left: 3px;
    }
    padding: 1px 2px 0
}

.cart-wrapper .promo .sel {
    background: #efefef;
    color: #666;
    border-radius: 10px;
    [dir="ltr"] & {
        padding: 2px 5px 2px 8px;
    }
    [dir="rtl"] & {
        padding: 2px 8px 2px 5px;
    }
    font-size: 12px
}

.cart-wrapper .tips {
    padding: 3px 10px;
    background-color: #fdf6ec;
    color: #e6a23c
}

.cart-wrapper .tips .tip {
    line-height: 24px;
    border-bottom: 1px dotted #e6a23c
}

.cart-wrapper .tips .tip:last-child {
    border-bottom: 0
}

.cart-wrapper .tips .link {
    float: right;
    color: #409eff;
    [dir="ltr"] & {
        padding-left: 15px;
    }
    [dir="rtl"] & {
        padding-right: 15px;
    }
    cursor: pointer
}

.cart-wrapper .disabled {
    opacity: .5
}

.cart-wrapper .disabled .img {
    overflow: hidden
}

.cart-wrapper .disabled .nosale {
    position: absolute;
    [dir="ltr"] & {
        left: -24px;
    }
    [dir="rtl"] & {
        right: -24px;
    }
    top: 3px;
    color: #fff;
    background-color: red;
    font-size: 12px;
    padding: 5px 20px 1px;
    transform: rotate(-45deg)
}

.cart-wrapper .miao {
    position: relative;
    display: flex;
    background-color: #fef6f1;
    border-radius: 10px;
    height: 18px;
    [dir="ltr"] & {
        padding: 0 2px 0 21px;
    }
    [dir="rtl"] & {
        padding: 0 21px 0 2px;
    }
    margin-top: 10px
}

.cart-wrapper .miao:after {
    content: "";
    position: absolute;
    [dir="ltr"] & {
        left: 0;
    }
    [dir="rtl"] & {
        right: 0;
    }
    top: 0;
    border: #ea4348 1px solid;
    height: 18px;
    border-radius: 9px;
    box-sizing: border-box;
    width: 100%
}

.cart-wrapper .miao-tag {
    position: absolute;
    [dir="ltr"] & {
        left: 0;
        margin-right: 3px;
    }
    [dir="rtl"] & {
        right: 0;
        margin-left: 3px;
    }
    top: 0;
    border: #ea4348 1px solid;
    color: #ea4348;
    font-size: 12px;
    width: 18px;
    text-align: center;
    border-radius: 9px;
    line-height: 18px;
    height: 18px;
    box-sizing: border-box
}

.cart-wrapper .miao-js,.cart-wrapper .miao-time {
    font-size: 11px;
    line-height: 18px;
    color: #ea4348;
    [dir="ltr"] & {
        padding-right: 3px
    }
    [dir="rtl"] & {
        padding-left: 3px;
    }
}

.cart-wrapper>div:last-child .row {
    border-bottom: 0
}

.cart .num-box .ant-input-number-group-addon {
    border: 0;
    background-color: transparent;
    padding: 0
}

.cart .num-box .ant-input-number-group-addon:first-child {
    [dir="ltr"] & {
        padding-right: 5px
    }
    [dir="rtl"] & {
        padding-left: 5px;
    }
}

.cart .num-box .ant-input-number-group-addon:last-child {
    [dir="ltr"] & {
        padding-left: 5px
    }
    [dir="rtl"] & {
        padding-right: 5px;
    }
}

.cart .num-box .ant-input-number-input-wrap {
    border-radius: 6px
}

.promo-popover-bd {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto
}

.promo-popover-row .tag {
    color: #fff;
    background-color: #f53b1f;
    font-size: 12px;
    border-radius: 3px;
    padding: 0 3px
}

.promo-popover-row .txt {
    flex: 1;
    overflow: hidden;
    [dir="ltr"] & {
        padding: 0 15px 0 5px
    }
    [dir="rtl"] & {
        padding: 0 5px 0 15px;
    }
}