@media only screen and (max-width: 750px) {
    .display-mobile{
     display: block !important;
    }
    .display-computer{
     display: none !important;
    }
    .display-mobile ol{
     bottom: 0.2127rem !important;
    }
    .tab-mobile{
       font-size: 0.4266rem;
    font-weight: 500;
    flex-shrink: 1;
    white-space: nowrap;
    margin-right: 0.8rem;
    }
    
    .title-mobile{
        height: 0.6382rem;
        font-size: 0.5066rem;
        font-weight: 500;
        text-align: center;
        color: #111111;
        line-height: 0.6382rem;
    }
    .sub-mobile{
        height: 0.6382rem;
        font-size: 0.4533rem;
        font-weight: 500;
        text-align: left;
        color: #333333;
        line-height: 0.6382rem;
    }
    .text-mobile{
        font-size: 0.3733rem !important;
        font-weight: 400 !important;
        text-align: left !important;
        color: #333333 !important;
    }
    .text-mobile > p {
    font-size: 0.35rem;
    font-weight: 400;
    color: #333;
    margin-top: 0!important;
    text-align: left !important;
}
      
    .gapmobile:nth-child(odd){
        margin-right: 0.851rem;
    }
    .cardTitle{
       position: absolute;
       bottom: 0;left: 50%;
       transform: translateX(-50%);
       font-size: 0.4042rem;
       font-weight: 500;
       color: #333333;
       overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .newButtommobile{
        line-height: 0.533rem;
        padding: 0.2rem 0.8rem;
        border-radius: 0.566rem;
        font-size: 0.373rem;
        width: fit-content;
        display: block;
        font-weight: 400;
        text-align: center;
        color: #333333;
        background-color: #fff;
        border: 1px solid #ccc;
        margin:  0 auto;
        margin-top: 0.4rem;
        margin-bottom: 0.5333rem;
}
}