@media only screen and (max-width: 768px){
    .category-route{
        width: 100% !important;
        margin: 0.6rem 0 !important;
        padding: 0 1.6rem !important;
        box-sizing: border-box;
    }
    
    .category-tab{
        margin: 0!important;

    }
    
    .category-box{
        padding: 0 1.6rem !important;
    }
    
    .category-ul{
        display: grid !important;
        grid-template-columns: repeat(auto-fill, 48%) !important;
        grid-gap: 0rem !important;
        justify-content: space-around !important;
        
    }
    
    .category-li{
         width: 100% !important;
         border-top: none !important;
         border-left: none !important;
         border-right: none !important;
         border-bottom: 0.1rem solid #e0e0e0 !important;
    }
    
    .lx-category-list{
        padding-bottom: 10rem!important;
    }
}
    
    /* 导航 */
    .category-route {
        width: 100%;
        height: auto;
        background-color: #f5f5f5;
        line-height: 4.1rem;
        color: #757575;
        font-size: 1.2rem;
    }

    .nav-category-box a {
        color: #757575;
        font-size: 1.2rme;
    }

    .nav-category-box a:hover {
        color: #ff6700;
    }

    .page-box {
        margin-bottom: 10rem;
        height: auto;
        /* 创建BFC防止高度塌陷 */
        display: flow-root;
    }
    
    .lx-category-list{
        margin-bottom: 10rem !important;
    }

    .category-tab {
        height: auto;
        line-height: 7.4rem;
        margin: 1.4rem 0 0;
        font-size: 1.6rem;
        color: #ff6700;
        display: block;
        position: relative;
    }

    .category-tab .icon-xiangxia- {
        font-size: 2.6rem;
        cursor: pointer;
        color: #e0e0e0;
        margin-right: 1rem;
    }

    .category-ul {
        overflow: hidden;
    }

    .category-ul .category-li {
        width: 23.92rem;
        height: 16.1rem;
        box-sizing: border-box;
        border: 0.1rem solid #e0e0e0;
        float: left;
        padding: 2.4rem 0 0;
        text-align: center;
        border-left: none;
    }

    .samrt .category-li{
        border-bottom: 0;
    }

    .s7 .category-li{
        border-bottom: 0;
    }

    .samrt .category-li:nth-child(n+44){
        border-bottom: 0.1rem solid #e0e0e0;
    }

    .s7 .category-li:nth-child(n+36){
        border-bottom: 0.1rem solid #e0e0e0;
    }
    
    .s7 .category-li:nth-child(41),.s7 .category-li:nth-child(42){
        border-top: none;
    }
    
    .category-li:nth-child(5n) {
        border-right: none;
    }

    .category-li img {
        width: 8rem;
        height: 8rem;
        margin: 0 7.4rem 1.4rem;
    }

    .category-li span {
        font-size: 1.4rem;
        color: #757575;
        display: inline-flex;
        align-items: center;
    }

    .category-li a {
        display: inline-block;
        width: 23.819rem;
        height: 13.6rem;
    }

    .category-li a:hover span {
        color: #ff6700;
    }

    .category-title{
        margin-left: 1.5rem;
    }