@media (min-width: 991px) {
    .header .logo img{
        width: 250px !important;
        height: 62px;
        image-rendering: -webkit-optimize-contrast;
    }

    .tags.pc{
        display: block;
    }
    .app-tag.app{
        display: none;
    }

    .pc-border-right{
        border-right:0px !important;
    }

    .pc-border-bottom{
        border-bottom: 1px solid #dddddd!important;
    }

}
@media (max-width: 991px) {
    #side{
        display: none;
    }
    .header .logo img{
        width: 230px !important;
        height: 52px;
        image-rendering: -webkit-optimize-contrast;
    }
    .header button {
        padding: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #167fff;
        color: #167fff;
        font-size: 0px;
        position: relative;
        right: 0;
        float: right;
        outline: none;
        margin-top: 11px;
        margin-bottom: 11px;
    }
    .navbar-toggler-icon{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navbar-toggler-icon i{
        font-size: 24px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child a{
        padding-right: 20px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link{
        padding: 12px 20px;
    }
    .flex-control-nav{
        bottom: 0px !important;
    }
    .more-btn-default{
        height: 40px;
        line-height: 38px;
    }
    .title-container{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .title-container .aide-title{
        padding-left: 20px;
        padding-right: 20px;
        line-height: 24px;
        font-size: 14px;
    }

    .bread_crumbs{
        display: none;
    }
    /* -------首页----------- */

    #index-page .system-container .menu ul li .tbox a{
        padding-left: 15px;
        padding-right: 15px;
    }

    #index-page .system-container .menu ul li.active .tbox:after{
        height: 35px;
        top: 40%;
    }
    #index-page .abouts-container{
        margin-top: 0px;
        margin-bottom: 10px;
    }

    #index-page .banner{
        margin-top: 80px;
    }
    #index-page .banner img{
        height: 170px !important;
    }
    #index-page .teacher-container .swiper-slide {
        margin-bottom: 0px;
    }

    #index-page .system-container .menu ul{
        width: calc(100% - 0px);
        height: 46px;
        line-height: 46px;
        font-size: 12px;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        background-color: #fff;

    }
    #index-page .system-container .menu ul::-webkit-scrollbar {
        display: none;
    }
    #index-page .abouts-container .right-box{
        height: 240px;
        background-size: cover;
    }

    #index-page .abouts-container .left-context{
        margin-top: 0px;
    }

    #index-page .abouts-container .left-context p{
        margin-bottom: auto;
    }

    #index-page .system-container .box-texts .cons{
        font-size: 12px;
    }

    #index-page .system-container .box-imgs .cons {
        font-size: 12px;
    }
    #index-page .system-container .box-texts{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 290px;
    }

    #index-page .system-container .menu ul li{
        /* display: inline-block;
        vertical-align: middle; */
        float: inherit;
        white-space: nowrap;
        /* width: 22%; */
    }
    #index-page .system-container .box-imgs .line {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #index-page .system-container .box-texts .line {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #index-page .system-container .box-texts .name{
        font-size: 17px;
    }
    #index-page .system-container .box-imgs .name {
        font-size: 17px;
    }
    #index-page .system-container .box-imgs{
        height: 290px;
    }

    #index-page .system-container .box-imgs .position-absolute{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #index-page .system-container .box-imgs img{
        height: 100%;
        object-fit: cover;
        height: 290px !important;
    }

    #index-page .support-container .list .box .name{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #index-page .support-container .list .box{
        min-height: auto;
        margin-bottom: 10px;
    }
    #index-page .support-container .list .box .name{
        min-height:auto;
    }

    #index-page .teacher-container .swiper-slide .imgs img{
        width: 110px;
        height: 110px !important;
    }

    #index-page .teacher-container .swiper-slide .imgs{
        height: 120px;
    }

    #index-page .teacher-container .swiper-slide .name{
        margin-top: 10px;
    }

    #index-page .gywm-text{
        margin-top: 0px !important;
    }

    #index-page .support-container .list{
        margin-bottom: 10px;
    }

    #index-page .moment-container .list img{
        height: 109px !important;
    }

    #index-page .abouts-container .right-box img{
        height: 198px;
    }

    #index-page .support-container .list .box .imgs{
        height: 120px;
    }
    #index-page .support-container .list .box .imgs img{
        width: 70px;
        height: 70px;
    }
    .tags.pc{
        display: none;
    }
    .app-tag.app{
        display: block;
        margin: 0px 15px;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 0px;

    }
    .app-tag.app::-webkit-scrollbar {
        display: none;
    }
    .app-tag.app span{
        color:#282828;
        border: 1px solid #cccccc;
        border-radius: 40px;
        padding: 5px 15px;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        white-space: nowrap;
        display: inline-block;
        margin-right: 5px;
    }

    .app-tag.app span.active{
        background: #267bef;
        color: #fff;
        border-color: #ffffff;
    }

    

    .footer.investment-page{
        padding-top: 10px;
    }
    .footer .about-area a{
        margin-bottom: 10px;
    }
    .footer.investment-page .links{
        display: none;
    }
    .footer .code{
        margin-top: 0px;
    }
    .footer .code img{
        width: 100px;
        margin: 0 auto;
    }

    .footer .infos .box{
        height: 60px;
    }
    .footer .logo-img{
        width: 77% !important;
    }

    /*---------- 关于我们 --------- */
    #abouts-page .bank-container .swiper-button-prev{
        top: 50%;
    }
    #abouts-page .bank-container .swiper-button-next{
        top: 50%;
    }
    #abouts-page .banner{
        height: 120px;
        background-size:cover ;
    }
    #abouts-page .bank-container{
        height:  auto;
        padding-bottom: 25px;
    }
    #abouts-page .bank-container .list{
        top: 10px !important;
    }
    #abouts-page .abouts-container .left-context{
        margin-top: 0px;
    }
    #abouts-page .abouts-container{
        margin-bottom: 20px;
        margin-top: 0px;
    }
    #abouts-page .bank-container .box{
        margin-top:10px !important;
        padding-bottom: 20px;
        height: auto;
    }

    #abouts-page .brand-container .box{
        margin-bottom: 20px;
    }
  
    #abouts-page .map-container .innerbox{
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    #abouts-page .bank-container .box .tt{
        margin-top: 20px;
    }

    #abouts-page .map-container .innerbox .right-map img{
        width: 100%;
        vertical-align: middle;
    }

    #abouts-page .map-container .left-text .line{
        margin-top: 20px;
        margin-bottom: 20px;
    }


    #abouts-page .map-container .left-text{
        margin-top: 30px;
    }

    #abouts-page .jianjie{
        margin-top: 0px !important;
    }

    #abouts-page .abouts-container .right-box{
        height: 240px;
        background-size: cover;
    }

    #abouts-page .map-container .innerbox #map{
        height: 400px !important;
    }

    #abouts-page .bank-container .box .imgbox img{
        height: 130px !important;
    }

    #abouts-page .bank-container .box .conx{
        margin-left: 10px;
        margin-right: 10px;
    }

    #abouts-page .abouts-container .right-box img{
        height: 198px;
    }
    /* -----------课程介绍---------- */
    #course_list-page .banner img{
        height: 170px !important;
    }
    #course_list-page .tab-container .box{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #course_list-page .banner{
        margin-top: 80px;
    }

    #course_list-page .course-list .inbox .rights-cons .tit {
       
        margin-top: 15px;
    }

    #course_list-page .course-list .inbox .rights-cons .show-more{
        display: none;
    }
    #course_list-page .tab-container .box{
        height: 45px;
    }

    #course_list-page .tab-container .box span{
        font-size: 14px;
    }


    /* -----------课程详情---------- */
    #course_desc-page .xg-bar{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #course_desc-page .tab-container #tab-swiper{
        margin-left: 5px;
        margin-right: 5px;
    }
    #course_desc-page .banner{
        height: 150px;
    }
    #course_desc-page .info{
        padding-left: 20px;
        padding-right: 20px;
    }

    #course_desc-page .info .right-cons .num .yibaoming{
        position: inherit;
        display: block;
        margin-top: 10px;
    }

    #course_desc-page .desc-wrap .title-bar{
        margin-left: 20px;
        margin-right: 20px;
    }

    #course_desc-page .desc-wrap .swiper-slide .imgs{
        width: 130px !important;
        height: 130px !important;
    }
    #course_desc-page .desc-wrap .swiper-slide .imgs img{
        width: 130px !important;
        height: 130px !important;
    }

    #course_desc-page .desc-wrap #lxjs-swiper{
        margin-left: 20px;
        margin-right: 20px;
    }

    #course_desc-page .desc-wrap .content-text img{
        width: 100%;
        vertical-align: middle;
    }
    #course_desc-page .desc-wrap .title-bar{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #course_desc-page .course-list .inbox{
        padding-left: 5px;
        padding-right: 5px;
    }
    #course_desc-page .desc-wrap .swiper-slide{
        padding-bottom: 10px;
    }
    #course_desc-page .course-list .inbox .rights-cons .tit{
        margin-top: 15px;
    }
    #course_desc-page .course-list .inbox .rights-cons .show-more{
        right: 0px;
    }
    #course_desc-page .info{
        height: auto;
        margin-top: -130px;
    }

    #course_desc-page .info .imgs{
        top: 0px;
    }

    #course_desc-page .info .right-cons .name{
        margin-top: 15px;
    }

    #course_desc-page .desc-wrap .tinfo .right-text {
        margin-right: 20px;
        margin-left: 20px;
        overflow: hidden;
    }

    #course_desc-page .desc-wrap .tinfo .right-text .name{
        text-align: center;
    }

    #course_desc-page .desc-wrap .tinfo .right-text .tt{
        text-align: center;
    }

    #course_desc-page .desc-wrap .tinfo .imgs{
        margin: 0 auto;
        width: 120px;
        height: 120px;
    }

    #course_desc-page .desc-wrap .tinfo .imgs img{
        width: 120px;
        height: 120px;
    }

    #course_desc-page .desc-wrap .content-text{
        margin-right: 20px;
        margin-left: 20px;
    }

    #course_desc-page .tab-container #tab-swiper a{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #course_desc-page .course-list .inbox .rights-cons{
        min-height: 60px;
    }
    
    /* 老师详情 */

    #teacher_list-page .page-container{
        padding-top: 4px !important;
    }
    
    #teacher_list-page .banner{
        height: 120px;
        background-size: cover;
    }

    #teacher_desc-page .banner{
        height: 160px !important;
    }

    #teacher_desc-page .userinfo .imgs{
        width: 100px;
        height: 100px;
        margin-top: -45px;
    }
    #teacher_desc-page .userinfo .imgs img{
        width: 100px;
        height: 100px;
    }
    #teacher_desc-page .userinfo .text{
        margin: 0px 15px;
        padding-bottom: 20px;
    }

    #teacher_desc-page .userinfo{
        height: auto;
    }

    #teacher_desc-page .userinfo .rights .name{
        text-align: center;
        font-size: 17px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #teacher_desc-page .userinfo .rights .cons{
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
    }

    #teacher_desc-page .innerbox{
        padding: 0px 15px;
    }

   
    #teacher_desc-page .tab-container .tabIndexbox{
        padding-top: 15px;
        margin-top: 10px;
    }
    #teacher_desc-page .tab-container .tabIndexbox .box{
        height: 40px;
    }

    #teacher_desc-page .tab-container .tabIndexbox .col-3{
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }


    /* 查询页面 */

    #query-page .banner{
        width: 100%;
        height: 140px;
        background-size: contain;
    }

    #query-page .banner img{
        height: 91px;
        object-fit: cover;
    }

    #query-page .main .title{
        font-size: 20px;
    }
    #query-page .main .input-container{
        margin-left: 15px;
        margin-right: 15px;
    }
    #query-page .main .input-container .col-form-label{
        margin-left: 0px;
        margin-right:0px;
        text-align: left !important;
    }
    #query-page .main .input-container .form-group{
        margin-bottom: 0px;
    }
    #query-page .main{
        background-color: white;
        border-radius: 16px;
        margin-top: -30px;
        overflow: hidden;
        /* box-shadow: 0px 0px 22px #b5d2f5; */
        margin-bottom: 0px;
    }
    #query-page .main .form-box{
        margin: 0px 25px;
        padding-top: 0px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    #query-page .main .title{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #query-page .main .input-container{
        margin-bottom: 20px;
        margin-top: 0px;
    }
    #query-page .main .right-desc{
        padding-left: 15px;
        padding-right: 15px;
    }
    #query-page .btn{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

   

    #query_result-page .banner{
        width: 100%;
        height: 140px;
        background-size: contain;
    }

    #query_result-page .banner img{
        height: 91px;
        object-fit: cover;
    }

    #query_result-page .main .left-tbar{
        margin: 0px 25px;
        margin-bottom: 8px;
    }

    #query_result-page .main .title{
        font-size: 20px;
    }
    #query_result-page .main .input-container{
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    #query_result-page .app-border-right{
        border-right: 1px solid #dee2e6!important;
    }
    .app-none{
        display: none;
    }
    #query_result-page .main .input-container .col-form-label{
        margin-left: 0px;
        margin-right:0px;
        text-align: left !important;
        font-size: 14px;
    }
    #query_result-page .main .form-control[readonly]{
        font-size: 14px;
    }
    #query_result-page .main .input-container .form-group{
        margin-bottom: 0px;
    }
    #query_result-page .main{
        background-color: white;
        border-radius: 16px;
        margin-top: -30px;
        overflow: hidden;
        /* box-shadow: 0px 0px 22px #b5d2f5; */
        margin-bottom: 0px;
    }
    #query_result-page .main .form-box{
        margin: 0px 25px;
        padding-top: 0px;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    #query_result-page .main .title{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #query_result-page .btn{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    #query_result-page .main .item-li .inner-title{
        margin: 0px 15px;
        padding-top: 16px;
    }

    #query_result-page .app-line{
        height: 15px;
    }
    #query_result-page .app-form-box{
        padding-top: 0px !important;
    }
    .pc1bg{
        display: none;
    }
    .pc2bg{
        display: none;
    }

    #bPageFirstPage{
        display: none;
    }

    #bPageInfo{
        display: none;
    }

    #bPageList {
        display: none;
    }

    #bPageLastPage{
        display: none;
    }

    #bPagePreviousPage a{
        border-left: 1px solid #dddddd;
    }

    .page-container .pagination{
        margin-bottom: 0px;
    }

    .page-container{
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .footer .f-leftcon.col-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer .f-rightcon.col-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .empty-container img{
        width: 134px !important;
        height: 109px !important;
    }
    
}