@media (min-width: 450px) {
    body{
        width: 375px;
        margin: 0 auto;
    }
    .container{
        width: 375px;
    }
    .header .bg-black{
        width: 37px;
        height: 20px;
        font-size: 13px;
    }
    .header .bg-black img{
        height: 20px;
    }
    .header .header-title{
        width: 262px;
        line-height: 50px;
        font-size: 16px;
    }
    .con-padding{
        padding: 0 12px;
    }
    .table{
        margin: 25px 0;
        border-radius: 10px;
    }
    .tr{
        height: 39px;
        line-height: 39px;
        font-size: 12px;
    }
    .th{
        width: 52px;
    }
    .td{
        width: 86px;
    }
    .td, .tde{
        padding-left: 11px;
    }
    .tde{
        width: 135px;
    }
    .border-none{
        height: 75px;
    }
    .border-none .th{
        padding-top: 11px;
    }
    .border-none .td{
        width: 270px;
        padding: 11px;
    }
    .tips{
        font-size: 12px;
        padding: 0 12px;
    }
    .list{
        margin-top: 30px;
        padding-bottom: 52px;
    }
    .list .image{
        width: 150px;
        height: 150px;
        padding: 5px;
    }


    .cart-btn{
        width: 375px;
        line-height: 45px;
        font-size: 14px;
        height: 45px;
        left: 40%;
    }


}