.mb-4{margin-bottom: 40px;}
@media screen and (min-width: 1200px){
.layui-container {
    width: 1230px;
}
}
@media screen and (max-width: 1200px){
    .layui-hidelg {
        display: none;
    }
    .layui-form-item .layui-word-aux{line-height: 38px;}
    .login-box{width: 100%;}
    .hot-question-box div.hot-question-item{
        width: 48.75%;
    }
    .yun-school-itembox{width: 100%;}
    .yun-school-item2,.expert-box .expert-item{width: 32%;}
     .user-expert-box .expert-item{width: 100% !important;}
    .encyclopedias,.encyclopedias-right{padding: 0;}
    .encyclopedias-dl dt{margin-right: 2%; width: 30%;}
    .encyclopedias-dl dd{width: 68%;}
    .yun-school-itembox2 .yun-school-item2,.expert-box .expert-item{margin-right: 2%;}
    .yun-school-itembox2 .yun-school-item2:nth-child(4n),.expert-box .expert-item:nth-child(4n){margin-right: 2%;}
    .yun-school-itembox2 .yun-school-item2:nth-child(3n),.expert-box .expert-item:nth-child(3n){margin-right: 0;}
    .com_white-left-info{display: block;}
    .wap-mt-3{margin-top: 30px;}
    .set_top{margin-top: 20px;}
    }
@media screen  and (max-width: 992px){
    .login-box-right{width: 100%;border-radius: 2px;padding-left: 20px;padding-right: 20px;}
    .layui-hidemd{display: none;}
    nav .logo{padding: 0;}
    html {font-size: 1.00806452vw;}
    #banner_index{height:419px;}
    header nav .mid_nav,header .right_nav  {display: none;}
    .banner-item a{position: relative;display: block;}
    .left-banner-item{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 555;}
    .right-banner-item{position: absolute;bottom: 3rem;z-index: 222;width: 27rem;right: 0;}
    .left-banner-item h2{font-size: 5rem;margin-bottom: 2rem;}
    .left-banner-item p{font-size: 2.2rem;margin-bottom: 3rem;}
    .banner_index{height: 30rem;padding: 0;}
    .left-banner-item .banner-item-gradual{font-size: 1.8rem;width: 100%;line-height: 3.8rem;}
    .com_wap_title{position: relative;background-color: #fff;margin: 15px 0 0px 0;padding-bottom: 2.5rem;padding-top: 3rem;font-size: 20px;text-align: left;padding-left: 28px;}
    .com_wap_title::after{position: absolute;content: '';height: 20px;width: 3px;background-color: #3860f5;left: 15px;top: 53%;transform: translateY(-50%);}
    .left-yun-list-tab li{display: inline-block;}   
    .left-yun-list-tab li.cur{background-image: none;color: #3860f4;}
    .left-yun-lists{padding: 0;}
    .left-yun-list-tab li.cur::before{content: normal;}
    .right-yun-item{padding: 3rem 15px 0rem 15px;border: 0;}
    .wap-right-yun-item-btn{
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    }
    .right-yun-item .wap-right-yun-item-btn>a{margin-top: 0;}
    .yun-lists{margin-bottom: 15px;}
    .right-yun-lists{min-height: auto;border: 0;padding-bottom: 4rem;}
    .mt-0{margin-top: 0;margin-left: -15px;}
    .tech-column-box:first-child{padding-right: 0;}
    .tech-column-box:nth-child(2){padding:0;}
    .tech-column-box:last-child{padding-left:0;margin-bottom:0;}
    .tech-column-box{margin-bottom: 20px;}
    .grad-a{margin-top: 4rem;width: 100%;border-radius: 2px;}
    .com_bd{background-color: #fff;padding-bottom: 4rem;margin-top: 15px;}
    .com_bg{padding-bottom:4rem;margin-top: 15px;}
    .hot-question-box div.hot-question-item{padding: 5px 0px 0 0px;height: auto;border: 0;}
    .hot-question-item h2,.hot-question-item p{height: auto;}
    .quest-more-btn{width: 100%;}
    .quest-more-btn>div{width: 45%;}
    .yun-school-item2{height: auto;}
    .encyclopedias-dl dt{margin-right: 16px; width: 288px;}
    .encyclopedias-dl dd{width: 416px;}
    .solutions-box .solutions-box-item{width: 48%;height: auto;}
    .left-footer{max-width: 100%;}
    .com_banner{height: 25rem;}
    .com_banner_left h3 span{font-size: 5rem;}
    .com_banner_left h3 i{font-size: 4rem;}
    .com_banner_right img{width: 30rem;}
    .com_white-left{padding-right: 0px;}
    .com_white-right{padding-left: 0px;}
    .com_white{padding: 4rem 0 4.5rem 0;}
    .com_white-expert,.com_white-user-expert{padding-top: 8rem;}
    .com_layuiright-box{margin-top: 4rem;margin-bottom: 0;}
    .hot-tags-info a:nth-child(3n){margin-right: 16px;}
    .top-com-title{font-size: 18px;margin-bottom: 4rem;}
    .yun-school-itembox2 .yun-school-item2{margin-bottom: 4rem;}
    .expert-box .expert-item{width: 48%;margin-bottom: 8rem;}
    .user-expert-box .expert-item{margin-bottom: 5rem;}

    .expert-box .expert-item{margin-right: 4%;}
    .expert-box .expert-item:nth-child(3n){margin-right: 4%;}
    .expert-box .expert-item:nth-child(2n){margin-right: 0;}
    .expert-com-pages,.user-com-pages{margin-top: -3rem;}
    .com_white-column-left,.com_white-column-right{padding: 0;}
    .com_white-column-right{margin-top: 4rem;}
    .site-tree-mobile {
        display: block!important;
        position: fixed;
        z-index: 998;
        bottom: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 2px;
        text-align: center;
        background-color: #9f9f9f;
        color: #fff;
    }
    .site-mobile .site-mobile-shade {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.8);
        z-index: 996;
    }
    .site-wrap-right{
        width: 300px;
        position: fixed;
        top: 0;
        padding:0 10px;
        bottom: 0;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 997;
        right: -300px;
        background-color: #fff;
        transition: all .3s;
    }
    .site-wrap-right>div{padding-top: 7rem;padding-bottom: 4rem;}
    .site-mobile .site-wrap-right {
        right: 0;
    }
    .site-mobile .site-tree-mobile {
        display: none !important;
    }
    .site-wrap-left{width: 100%;}
    .ds_tags_box>li{width: 100%;margin-top: 4rem;}
}
   
    @media screen and (max-width: 768px){
        .pay-jin_e>button{width: 31%;margin-right: 0;}
        .ask_release .layui-form-label{font-size: 14px;}
      .ask_release .layui-form-checkbox{margin-left: 0;}
      .layui-form-item .layui-lanmu{display: block;margin-left: 130px;float: none;margin-bottom: 12px;width: auto;}
      .pre-next-page{display: block;}
      .thiefbox{width: 80%;}
      .pre-next-page li{margin-bottom: 10px;}
        .left-yun-list-tab li{line-height: normal;padding-left: 15px;font-size: 14px;}
        .left-yun-list-more{padding-left: 15px;}
        .wap_pd{padding: 0;}
        html {font-size: 1.33333333vw;}
        #banner_index{height:auto;padding-bottom: 3rem;}
        .top-home{border-radius: 0;margin-top: 0;}
        .top-home ul li{border-right: 0;}
        .right-banner-item{width: 20rem;}
        .banner_index{height: 22rem;padding: 0;}
        #banner .layui-carousel-ind{top: -2.4rem !important;}
        .layui-carousel-ind ul{background-color: transparent !important;}
        .wrap_nav{height: 8.4rem;}
        nav{height: 8.4rem;}
        nav .logo img{width: 23.5rem;}
        .top-home ul li h3{color: #3860f4;}
        .media_pd{padding: 3rem 0;}
        .top-home ul li p{font-size: 1.8rem;}
        .encyclopedias-dl dt{margin-right: 2%; width: 35%;}
        .encyclopedias-dl dd{width: 63%;}
        .encyclopedias-dl dd:last-child{margin-bottom: 20px;}
        .copyright{line-height: 150%;padding: 10px;}
        footer{padding: 4rem 0;}
        .copyright{margin-top: 4rem;}
        .left-footer h6{margin-bottom: 2.4rem;}
        .left-footer h6 img{width: 23.5rem;}
        .com_banner{height: 22rem;}
        .com_banner_left h3 span{font-size: 4rem;}
       .com_banner_left h3 i{font-size: 3.5rem;}
       .sort_com_box{padding-right: 0;}
       .sort_com dd{height: 28px;overflow: hidden;white-space: nowrap;}
       .sort_com div,.com_white-left-top{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
       .cur-position{padding-bottom: 10px;}
       .sort_com dd div::-webkit-scrollbar,.com_white-left-top::-webkit-scrollbar{display: none;}
      .com_white-left-top-box{height: 32px;overflow: hidden;white-space: nowrap;}
      .mtop-com-pages{margin-top: 15px;}
      .com_white-left-top li{min-width: 90px;}
      .com_white-left-top li:last-child{padding: 0;}
      .com_white-left-mid,.com_white-left-mid li,.user-ask-list,.user-ask-list li{padding:2.5rem 0;}
      .site-body-set-top{width: 85%; -webkit-justify-content: space-between;
        justify-content: space-between;}
      .site-body-set div>a, .site-body-set div>button{width: 32%;margin-right: 0;}
      .site-body-depict{margin: 3rem 0 5rem 0;}
      .site-box-head{margin-bottom: 4rem;}
      .wap-mt-3{margin-top: 3rem;}
      .site-content-answer-body{font-size: 14px;line-height: 24px;}
      .site_comments_box_group textarea{height: auto;font-size: 12px;}
      .mt-64{margin-top:6rem;}
      .pre-next-page li:last-child{text-align: left;}
      .xcp-publish-main{margin-bottom: 4rem;}
      .site-seo-depict{margin-top: 4rem;}
      .about_topicone-mid{padding-bottom: 4rem;}
      .com_white-left-mid li h2 span:nth-child(2){margin-left: 0;}
      .ask_white-left-mid li h2{line-height: 180%;}
      .tag-miaoshu .tag-miaoshu-left{max-width: 18.2rem;min-width: 18.2rem;height: 12.2rem;margin-right: 1.5rem;}
      .tag-miaoshu .tag-miaoshu-right{font-size: 14px;line-height:150%;}
      .pass-main-body{padding:20px 20px;}
      #model_register{width: 90%;}
      .ykd-wap-block{margin-left: 0;}
      .com-profile-left{padding-right: 0px;}
       .com-profile-right{padding-left: 0px;padding-top: 20px;margin-top: 20px; border-left: 0;border-top: 1px dotted #ebf0fc;}
       .com-profile-right .com_white-left-top li a{font-size: 15px;}
       .com-profile-left .left-yun-list-tab{margin-left:-15px;}
    }
    @media screen and (min-width: 640px) and (max-width: 768px){
            .layui-follow-user{width: 50%;}
    }
     
    @media screen  and (max-width: 640px){
        .user-list-kc span img{width: 5.5rem;height: 5.5rem;}
        .user-list-kc span{line-height: 12.2rem;}
        #hot-tags-content{width: 300px;}
        .tags-info> a{margin-right: 5px;}
        .site-body-set >span{font-size: 12px;}
        .atricle-list-left,.atricle-list-left-right{max-width: 18.2rem; min-width: 18.2rem;height: 12.2rem;margin-right: 2rem;margin-top: 5px;}
        .atricle-list-left-right{margin-right: 0;margin-left: 2rem;}
        .layui-hide64{display: none;}
        .sort_com_box{padding-bottom: 22px;}
        .yun-school-item2{width: 48%;}
        .sort_com dd a{margin: 0 1rem 1rem;}
        .hot-question-box div.hot-question-item{width: 100%;}
        .com_white-left-info{display: block;}
        .atricle-list-box li,.com_white-column-mid li .com_white-column-midt,.tag_all_list .tag_atriclelist{-webkit-align-items:normal;align-items:normal;}
        .yun-school-itembox2 .yun-school-item2:nth-child(4n){margin-right: 4%;}
        .yun-school-itembox2 .yun-school-item2:nth-child(3n){margin-right: 4%;}
        .yun-school-itembox2 .yun-school-item2{margin-right: 4%;}
        .yun-school-itembox2 .yun-school-item2:nth-child(2n){margin-right: 0;}
        .expert-box .expert-item{margin-right: 0; height: auto; width: 100%;border: 0;border-bottom: 1px solid #ebefff;padding-left: 80px;padding-right: 0;}
        .expert-box .expert-item:nth-child(3n){margin-right: 0;}
        .expert-item .expert-item-avatar{transform:none;left: 0;width: 65px;height: 65px;}
        .expert-box .expert-item h3{margin-top: 0;text-align: left;margin-bottom: 15px;}
        .expert-box .expert-item h3::after{content: normal;}
        .expert-box .expert-item p{margin-bottom: 15px;}
        .expert-box .expert-item h5{position: absolute;left: 0;top: 65px;border-radius: 15px;}
        .expert-box .expert-item>a{margin: 0;}
        .com_white-column-left>ul li{height: auto;padding: 10px 5px 10px 10px;}
        .com_white-column-left>ul li h2{margin-bottom: 10px;}
        .com_white-column-adbox{padding: 0 10px;}
        .com_white-column-adbox h1{font-size: 14px;}
        .com_white-column-adbox h1 em{font-size: 24px;}
        .com_white-column-adbox{margin: 4rem 0;}
        .site-content-answer .site-content-answer-avatar{margin-right: 5px;}
        #layui_dialog_invate{width: 500px;padding: 25px 10px;height: auto;}
        .dialog_invate_header-right{margin-top: 15px;}
        .dialog_invate_header{display: block;}
        .user_body_com .layui-table tr td:first-child,.user_body_com .layui-table tr th:first-child{display: none;}
        .dongtai{padding-bottom: 2rem;}
        .set_top{margin-top: 10px;}
        .set_tips{height: auto;line-height: normal;background-color: transparent;}
        .set_tips span, .set_tips b{display: inline;background-color: transparent;}
        .set_tips b{margin-left: 0px;line-height: 24px;}
    }
    @media screen  and (max-width: 500px){  
        .user_form_label{font-size: 14px;}
        .set_form_label{box-sizing: border-box;padding-left: 0;font-size: 14px;} 
        #cate_view{display: block;margin-left: 0;}
        .set_top{margin-left: 0;} 
        #layui_dialog_invate{width:auto;height: auto;}  
        .site-body-set{display: block !important;}
        .site-body-set-top{width: 100%;margin-bottom: 20px;}
        .encyclopedias-dl dt{margin-right: 0; width: 100%;margin-bottom: 10px;}
        .encyclopedias-dl dd{width: 100%;padding: 20px 0px 15px 0px;}
        .banner-item-gradual{display: none;}
        .code_box{display: block;}
        .code_box >button{margin-top: 3rem;}
        .site-content-answer-group{line-height: 180%;}
        .verifycode{margin-left: 110px;}
    }
    @media screen  and (max-width: 450px){
        .mt-send-code{margin-left: 110px;}
      }
    @media screen  and (max-width: 370px){
        .code-input{width: 130px;}
        .layui-tab-yaoqing ul li{font-size: 13px;padding: 0 5px;}
        .com_white-left-infol >a,.com_white-left-infol time{margin-right: 1rem;}
        .com_white-left-infol>span{margin-right: 1rem;}
        .com-pages li.layui-hide37{display: none;}
        .hot-tags-info a{margin-right: 10px;}
        .hot-tags-info a:nth-child(3n){margin-right: 0;}
        .thiefbox{width: 100%;}
    }
   @media screen and (max-width: 768px){

     
       .com_white-left-top-box-a{position: relative;}
       .com_white-left-top li.com_white-left-top-box-a a{ color: #374567;font-size: 16px;}
}