.carts-top{
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding:20px 0;
    align-items: center;
    font-size: 12px;
}
.carts-top div i{
    display: block;
    font-size: 30px;
}
.table-bar{
    display: flex;
    background: linear-gradient(to bottom,rgba(238,238,238,.45),rgba(197,197,197,.37));
}
.table-bar .carts-action{
    width:10%;
    border-top: 1px solid #dddfe2;
}
.table-bar .carts-name{
    width:35%
}
.step2 .table-bar .carts-name,.step3 .table-bar .carts-name{
    width:55%
}
.table-bar .carts-price,.table-bar .carts-count,.table-bar .carts-total{
    width:15%
}
.table-bar > div,.table-bar label{
    padding:10px;
    font-size: 12px;
    border-bottom:1px solid #dddfe2;
    border-top:1px solid #dddfe2;
    box-sizing: border-box;
}
.table-bar label{
    cursor: pointer;
}
.table-bar div{
    border-left:1px solid #dddfe2;
    box-sizing: border-box;
}
.table-info{
    display: flex;
    background: none;
}
.table-info.table-bar div,.table-info.table-bar label{
    padding:10px;
    border-top:0;
    display: flex;
    align-items: center;
}
.carts-bottom{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    font-size: 14px;
}
.carts-bottom-left span{
    margin-left:10px
}
.carts-bottom-left input{
    vertical-align: -2px;
}
.carts-name img{
    width:30px;
    height:30px;
    margin-right:10px
}
.carts-comments{
    padding:20px;
    background-color: #f7f8fa;
    border-top:1px solid #dddfe2;
}
.carts-comments textarea{
    width:100%;
    min-height: 100px;
    padding:10px
}
.carts-bottom-left label{
    cursor: pointer;
}
.carts-address{
    padding:20px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    border-top:1px solid #dddfe2;
}
.carts-address p span{
    margin-right:10px
}
.carts-count span{
    width:40px;
    text-align: center;
}
.carts-count button{
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #757575;
    width: 30px;
    height: 30px;
    line-height: 1;
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}
.carts-bottom-right button{
    margin-left:20px
}
.carts-desc{
    margin-bottom:10px;
}
.step2 .carts-name{
    border-left:0
}
.carts-pay-resout{
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #dddfe2;
    color:green;
    padding:40px 0;
    flex-flow: column;
}
.carts-pay-resout i{
    font-size: 50px;
}
.carts-pay-resout h2{
    text-align: center;
}
.step3 .carts-comments{
    border-top:0
}
.carts-pay-resout p a{
    font-size: 13px;
    margin-top:10px;
    color:#000;
    display: block;
}
.carts-pay-resout p a:hover{
    text-decoration: underline;
}
.my-coupons ul{
    display: flex;
    gap: 15px;
}
.my-coupons li{
    width:200px
}
.my-coupons .stamp .par{
    width:100%;
    border:0
}
.my-coupons .shop-coupon-item .stamp{
    height:96px;
    margin-bottom:0;
    cursor: pointer;
}
.my-coupons .coupon-desc span{
    font-family: inherit;
}
.my-coupons span.coupon-id{
    font-family: inherit;
    font-size: 12px;
    position: absolute;
    right:10px;
    top:10px
}
.my-coupons .stamp i.coupon-bg{
    left:-33%
}
.my-coupons{
    border-top:1px solid #dddfe2;
    padding:20px
}
.coupon-use{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 96px;
    text-shadow: 0px 1px 1px #fff;
    color: green;
    background:rgba(255, 255, 255, 0.58)
}
.stamp.picked .coupon-use{
    display: block;
    
}
.stamp.picked{
    border-color:green
}
.pay-total button{
    margin-left:20px
}
.pay-total{
    color:green;
    display: flex;
    align-items: center;
}