﻿
@media screen and (min-width: 1600px) {
    .imgTextGrid.special .item { width: 25%; }
    .articleListWrapper.screen16 .richTextItem { width: 33.3333%;}
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
    .navside { width: 70px; }
    .navside .uk-wrap { padding: 20px 15px; }
    .navside .hd .logo { max-width: 40px; }
    .navside .hd strong, .navside .scrollWrap .navName, .navside .extendWrap{ display:none; }
    .mainbody { padding-top: 10px; margin-left: 80px; margin-right: 10px; }
}
@media screen and (max-width: 768px) {
    /*弹出层*/
    .uk-modal-close-outside{ top:auto; bottom:-80px; right: 50%; transform: translateX(50%); }
    #modal-vip .uk-modal-dialog{ padding:30px; }
    #modal-vip .user-info-ad{ padding:30px 50px 35px 30px;}


    .navside{ width:100%; height:60px; border-bottom:1px solid #eee; }
    .navside .uk-wrap { padding: 1px 15px;  }
    .navside .hd { border-bottom: 0; padding-bottom: 0; height: 60px; display: flex; }
    .navside .hd .logo { max-width: 40px; }

    .navside .user-wrap{ display: block!important;}
    .navside .close{ display: none;}
    .navside .open{ display: block;}
    .navside.active .close{ display: block;} 
    .navside.active .open{ display: none;} 

    .navside .min-menu{ position: absolute; right:10px; top:15px; }
    
    .mainbody { margin-left: 10px; padding-top:70px; margin-right: 10px; }

    .sobar .textWrapper{ width: 90%;}

    .inotice .right{ position: static!important; transform:none; top:0; margin-top:10px; }


    /* .tpllist .uk-grid{ margin-left:-10px; }
    .tpllist .uk-grid>div{ padding-left:10px; }
    .tpllist .uk-grid>div.uk-grid-margin{ margin-top:10px; } */

    .newslist .newsitem { width: 100%; }
    .newslist .newsitem .textBox{ height: auto;}
    .newslist .newsitem .article { display: block; }
    .newslist .newsitem .focusBox { width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; }
    .newslist .newsitem .focus { width: 100%; height: auto; }


    .footer .hd .statement{ padding-left: 0; padding-top:1em;}
    .footer .hd .statement .first{ position: static; display: block; top:0; }


    /**FAQ**/
    .faqlist .uk-accordion-title { padding: 20px 0 20px 35px;  position: relative;}
    .faqlist .uk-accordion-title i{ top:18px; width:26px; height: 26px; line-height: 22px; }
    .faqlist .uk-accordion-content{ padding: 0 15px 20px 35px; }
    .faqlist .uk-accordion-content i{ top:0px; width:26px; height: 26px; line-height: 22px; }    

    /*.pages 分页*/
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }

}




