.container{
    margin: 0!important;
    padding: 0!important;
}
.header{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header a{
    display: block;
}
.header .bg-black{
    width: 10vw;
    height: 5.333vw;
    font-size: 3.466vw;
    color: #666666;
}
.header .bg-black img{
    height: 5.333vw;
}
.header .header-title{
    width: 70vw;
    text-align: center;
    color: #333333;
    font-size: 4.8vw;
    line-height: 13.333vw;
}

.table{
    margin: 6.666vw 0;
    border: 1px solid #dddddd;
    border-radius: 5vw;
    overflow: hidden;
}
.tr{
    border-bottom: 1px solid #dddddd;
    display: flex;
    height: 10.666vw;
    line-height: 10.666vw;
    font-size: 3.2vw;
}
.th{
    width: 14vw;
    text-align: center;
    color: #0265fe;
    background: #eef2ff;
}
.td, .tde{
    color: #333333;
    padding-left: 2.933vw;
}
.td{
    width: 26vw;
}
.tde{
    width: 39vw;
}
.border-none{
    border: none;
    height: 20vw;
}
.border-none .th{
    line-height: normal;
    padding-top: 3vw;
}
.border-none .td{
    width: 78vw;
    padding: 3vw;
    line-height: normal;
}
.tips{
    padding: 0 3vw;
    font-size: 3.2vw;
}
.tips span{
    color: #fe4343;
}
.list{
    margin-top: 8vw;
    padding-bottom: 14vw;
    display: flex;
    flex-wrap: wrap;
}
.list .image{
    width: 43vw;
    height: 43vw;
    text-align: center;
    padding: 1.5vw;
    border-bottom: 1px solid #dddddd;
}
.list .image img{
    height: 100%;
}
.list .image:nth-child(odd){
    border-right: 1px solid #dddddd;
}
.list .image:nth-last-child(1){
    border-bottom: none;
}
.list .image:nth-last-child(2):nth-child(odd){
    border-bottom: none;
}
.cart-btn{
    width: 100vw;
    height: 12vw;
    line-height: 12vw;
    text-align: center;
    color: #ffffff;
    font-size: 4vw;
    background: #fe4343;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}