.box {
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
}

.tl-box {
    width: 100%;
    background: url(https://ln.huatu.com/img/tl-bg.png)no-repeat;
    background-size: 100% 100%;
    display: flex;

}

.inner {
    width: 62.5%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.list1 {
    width: 24.5%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.3rem;
    background: url(https://ln.huatu.com/img/list-bg.png)no-repeat;
    background-size: 100% 100%;
}

.tit {
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    font-weight: bold;
    padding-top: 0.23rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.mid-t {
    text-align: center;
    font-size: 0.35rem;
    font-family: "FZLTTHJW";
    line-height: 1.437;
    text-align: center;
    text-shadow: 0.366px 2.978px 2px rgba(211, 20, 20, 0.004);
    color: #ffec9e;
    font-weight: bold;
}

.tit-bottom {
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
}

.tit-bottom::after {
    content: '-';
    padding-left: 0.05rem;
}

.tit-bottom::before {
    content: '-';
    padding-right: 0.05rem;
}

.buy {
    display: block;
    width: 50%;
    background: url(https://ln.huatu.com/img/buy.png)no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem auto 0 auto;
    padding: 6% 0;
    margin-bottom: -0.1rem;
}

@media screen and (max-width:1800px) {
    .inner {
        width: 75%;
    }
}

@media screen and (max-width:1550px) {
    .inner {
        width: 85%;
    }
    .gktl191218{
        zoom: 0.985;
    }
}

@media screen and (max-width:1400px) {
    .inner {
        width: 95%;
    }
}

@media screen and (max-width:1103px) {
    .inner {
        width: 99%;
    }
}
@media screen and (max-width:1059px) {
   .mid-t{
       font-size: 0.3rem;
   }
}
@media screen and (max-width:907px) {
    .mid-t{
        font-size: 0.25rem;
    }
 }
 @media screen and (max-width:756px) {
    .mid-t{
        font-size: 0.2rem;
    }
    .tit,.tit-bottom{
        font-size: 0.12rem;
    }
    .tit img{
        width: 0.15rem;
    }
 }
 @media screen and (max-width:500px) {
    .list1:nth-child(4){
        display: none;
    }
    .list1{
        width: 32.8%;
    }
    .mid-t{
        font-size: 0.3rem;
    }
    .tit,.tit-bottom{
        font-size: 0.18rem;
    }
    .tit img{
        width: 0.12rem;
    }
 }
 @media screen and (max-width:360px) {
    .list1:nth-child(3){
        display: none;
    }
    .list1{
        width: 49%;
    }
    .mid-t{
        font-size: 0.45rem;
    }
 }