@media only screen and (max-width: 414px){
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        padding: 0 var(--fSize) !important;
    }
    #pages .moveTop{
        margin: var(--fDSize) auto 0 !important;
        flex-wrap: wrap;
    }
    #pages .title{
        flex:0 0 100%;
    }
    #pages .breadcrumb{
        justify-content: flex-start;
        margin: var(--fBorderSize) 0 0 0;
        flex: 0 0 100%;
        flex-wrap: wrap;
    }
    #pages .breadcrumb li{
        margin: 0 var(--fSize) 0 0;
        color: var(--fMMSize);
    }
    #pages .breadcrumb li a{
        font-size: var(--fMMSize);
    }
    #pages .navList{
        /* width: 100%; */
        flex-wrap: wrap;
    }
    #pages .navList .list{
        width: calc(50% - 2px - 1rem);
        margin: 0 var(--fSize) var(--fBorderSize) 0;
        font-size: var(--fMSize);
        line-height: 2.5;
    }
    #pages .navList .list:before{
        display:none;
    }
    #pages .pList{
        margin: var(--fSize) auto;
    }
    #pages .pList li{
        width: calc((100% - 6rem)/2);
    }
    #pages .pList li .flag{  
        font-size: var(--fMMSize);
    }
    #pages .pList li .imgBox{
        padding: var(--fSize) 0 0 0;
    }
    #pages .pList li .listTitle{
        width: 100%;
        margin: 0;
    }
    #pages .description{
        font-size: var(--fMMSize);
    }
    #pages .pList li .channel{
        display:none;
    }
    #pages .pList li .listTitle .pNum span{
        font-size: var(--fMMSize);
    }
    #pages .pList li .listTitle .pTitle span{
        display: -webkit-box;
        font-size: var(--fMSize);
        transition: 0.35s ease-in-out;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #pages .loadmore{
        margin: 0 auto var(--fSize);
        font-size: var(--fMMSize);
        color: var(--fDColor);
    }
    #pages .pagination{
        margin: var(--fSize) auto;
    }
    #pages .imgList .list{
        width: calc((100% - 2rem)/2);
    }
    #pages .detail{
        margin: var(--fSize) 0 0 0;
    }
    #pages .detail .imgBox{
        margin: 0 auto var(--fDSize);
        flex:0 0 100%;
        border-radius: var(--fSize);
    }
    #pages .detail .infoBox{
        width: 100%;
        padding: 0;
        flex: 0 0 100%;
    }
    #pages .detail .content{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .reProduct{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .contact{
        flex-wrap: wrap;
    }
    #pages .detail .contact .cList{
        margin: 0 var(--fBorderSize) var(--fBorderSize) 0;
    }
    #pages .detail .reProduct li{
        width: calc((100% - 6rem)/2);
    }
    #pages .detail .reProduct li .imgBox{
        margin:0;
        padding:0;
    }
    .search .findNum{
        flex-wrap: wrap;
    }
    .search .findNum .leftNum{
        flex:0 0 35%;
    }
    .search .findNum .click{
        flex:0 0 65%;
    }
    .search .sList{
        margin: var(--fSize) auto 0;
    }
    .search .sList .list{
        width: calc((100% - 10rem)/2);
    }
}
@media only screen and (min-width: 415px) and (max-width: 768px){
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        padding: 0 var(--fSize) !important;
    }
    #pages .moveTop{
        margin: var(--fDSize) auto 0 !important;
        flex-wrap: wrap;
    }
    #pages .title{
        flex:0 0 100%;
    }
    #pages .breadcrumb{
        justify-content: flex-start;
        margin: var(--fBorderSize) 0 0 0;
        flex: 0 0 100%;
    }
    #pages .breadcrumb li{
        margin: 0 var(--fSize) 0 0;
    }
    #pages .navList{
        /* width: 100%; */
        flex-wrap: wrap;
    }
    #pages .navList .list{
        width: calc(50% - 2px - 1rem);
        margin: 0 var(--fSize) var(--fBorderSize) 0;
        font-size: var(--fMSize);
        line-height: 2.5;
    }
    #pages .navList .list:before{
        display:none;
    }
    #pages .pList{
        margin: var(--fSize) auto 0;
    }
    #pages .pList li{
        width: calc((100% - 12rem)/4);
    }
    #pages .pList li .flag{  
        font-size: var(--fMMSize);
    }
    #pages .pList li .imgBox{
        padding: var(--fSize) 0 0 0;
    }
    #pages .pList li .listTitle{
        width: 100%;
        margin: 0;
    }
    #pages .description{
        font-size: var(--fMMSize);
    }
    #pages .pList li .channel{
        display:none;
    }
    #pages .pList li .listTitle .pNum span{
        font-size: var(--fMMSize);
    }
    #pages .pList li .listTitle .pTitle span{
        display: -webkit-box;
        font-size: var(--fMSize);
        transition: 0.35s ease-in-out;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #pages .loadmore{
        margin: 0 auto var(--fSize);
        font-size: var(--fMMSize);
        color: var(--fDColor);
    }
    #pages .pagination{
        margin: var(--fSize) auto;
    }
    #pages .imgList .list{
        width: calc((100% - 2rem)/2);
    }
    #pages .detail{
        margin: var(--fSize) 0 0 0;
    }
    #pages .detail .imgBox{
        margin: 0 auto var(--fDSize);
        flex:0 0 100%;
        border-radius: var(--fSize);
    }
    #pages .detail .infoBox{
        width: 100%;
        padding: 0;
        flex: 0 0 100%;
    }
    #pages .detail .content{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .reProduct{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .contact{
        flex-wrap: wrap;
    }
    #pages .detail .contact .cList{
        margin: 0 var(--fBorderSize) var(--fBorderSize) 0;
    }
    #pages .detail .reProduct li{
        width: calc((100% - 6rem)/2);
    }
    #pages .detail .reProduct li .imgBox{
        margin:0;
        padding:0;
    }
    .search .findNum{
        flex-wrap: wrap;
    }
    .search .findNum .leftNum{
        flex:0 0 35%;
    }
    .search .findNum .click{
        flex:0 0 65%;
    }
    .search .sList{
        margin: var(--fSize) auto 0;
    }
    .search .sList .list{
        width: calc((100% - 10rem)/2);
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        padding: 0 var(--fSize) !important;
    }
    #pages .moveTop{
        margin: var(--fDSize) auto 0 !important;
        flex-wrap: wrap;
    }
    #pages .pList{
        margin: var(--fSize) auto 0;
    }
    #pages .pList li{
        width: calc((100% - 12rem)/4);
    }
    #pages .pList li .imgBox{
        padding: var(--fSize) 0 0 0;
    }
    #pages .pList li .listTitle{
        width: 100%;
        margin: 0;
    }
    #pages .description{
        font-size: var(--fMMSize);
    }
    #pages .detail{
        margin: var(--fSize) 0 0 0;
    }
    #pages .detail .imgBox{
        margin: 0 auto var(--fDSize);
        flex:0 0 100%;
        border-radius: var(--fSize);
    }
    #pages .detail .infoBox{
        width: 100%;
        padding: 0;
        flex: 0 0 100%;
    }
    #pages .detail .content{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .reProduct{
        margin: var(--fDSize) 0 0 0;
    }
    #pages .detail .contact{
        flex-wrap: wrap;
    }
    #pages .detail .contact .cList{
        margin: 0 var(--fBorderSize) var(--fBorderSize) 0;
    }
    #pages .detail .reProduct li{
        width: calc((100% - 12rem)/4);
    }
    #pages .detail .reProduct li .imgBox{
        margin:0;
        padding:0;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px){ 
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        margin: var(--fDDSize) auto 0;
        padding: 0 var(--fDDSize) !important;
    }
    #pages .moveTop{
        margin: var(--fDSize) auto 0 !important;
        flex-wrap: wrap;
    }
    #pages .pList{
        margin: var(--fSize) auto var(--fDSize);
    }
    #pages .pList li{
        width: calc((100% - 12rem)/4);
    }
    #pages .pList li .imgBox{
        padding: var(--fSize) 0 0 0;
    }
    #pages .pList li .listTitle{
        width: 100%;
        margin: 0;
    }
    #pages .description{
        font-size: var(--fMMSize);
    }
    #pages .detail .contact{
        flex-wrap: wrap;
    }
    #pages .detail .contact .cList{
        margin: 0 var(--fBorderSize) var(--fBorderSize) 0;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px){ 
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        margin: var(--fDDSize) auto 0;
        padding: 0 var(--fDDSize) !important;
    }
    #pages .pList{
        margin: var(--fSize) auto var(--fDSize);
    }
    #pages .pList li .imgBox{
        padding: var(--fSize) 0 0 0;
    }
    #pages .pList li .listTitle{
        width: 100%;
        margin: 0;
    }
    #pages .description{
        font-size: var(--fMMSize);
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px){
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        margin: var(--fDDSize) auto 0;
        padding: 0 var(--fDDSize) !important;
    }
    #pages .pList{
        margin: var(--fSize) auto var(--fDSize);
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px){
    .pagesBanner{
        height:auto !important;
    }
    .columnPages{
        margin: var(--fDDSize) auto 0;
        padding: 0 var(--fDDSize) !important;
    }
    #pages .pList{
        margin: var(--fSize) auto var(--fDSize);
    }
}