@media screen and (min-width: 750px) {
    .echar_img {
        flex: 1;
        height: 0.3rem;
        position: absolute;
        left: 28.3%;
        bottom: -1%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        -o-box-orient: horizontal;
        box-orient: horizontal
    }

    .echar_img img {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0.248rem;
        display: block
    }

    .bottom_echar {
        width: 63.3%;
        height: 3.6rem;
        margin: 0.9rem auto;
        display: flex;
        position: relative
    }

    .bottom_echar .botechar_left {
        width: 22%;
        height: 100%;
        float: left;
        border-radius: 0.1rem;
        background: url("/student/img/2018/botechar_leftbg.png") no-repeat;
        position: relative
    }

    .bottom_echar .botechar_left dl {
        width: 1.65rem;
        height: 2.85rem;
        position: absolute;
        right: 7%;
        top: 12%
    }

    .bottom_echar .botechar_left dl .botdt {
        margin-bottom: 0.5rem;
    }

    .bottom_echar .botechar_left dl .botdt div {
        display: flex
    }

    .bottom_echar .botechar_left dl .botdt p {
        color: #4a472e;
        font-weight: bold;
        font-size: 0.2rem;
    }

    .bottom_echar .botechar_left dl .botdt h3 {
        font-weight: bold;
        font-size: 0.6rem;
    }

    .bottom_echar .botechar_left dl .botdt .font_text {
        color: #e54b4b;
    }

    .bottom_echar .botechar_left dl .botdt span {
        display: block;
        line-height: 1.12rem;
        font-size: 0.19rem;
        font-weight: bold;
        color: #383832
    }

    .botechar_right {
        width: 1.5rem;
        height: 100%;
        float: left
    }

    .botechar_right li {
        display: flex;
        align-items: center;
        margin-bottom: 0.03rem;
    }

    .botechar_right li span {
        margin-left: 0.1rem;
        font-size: 0.18rem;
        color: #666;
        line-height: 0.44rem;
    }

    .botechar_center {
        flex: 1;
        height: 100%;
        float: left;
        position: relative
    }

    .zt_dom3 {
        width: 86%;
        margin: 0 auto;
        position: relative
    }

    .zt_tcKeCheTop {
        height: 0.8rem;
        text-align: center
    }

    .zt_tcKeCheTop li {
        display: inline-block;
        height: 58px;
        padding: 0 30px;
        text-align: center;
        line-height: 58px;
        font-size: 24px;
        margin-right: 17px;
        color: #d5150e;
        cursor: pointer;
        position: relative
    }

    .zt_tcKeCheTop li.mCon_Cutbtn {
        color: #fff
    }

    .zt_tcKeCheTop {
        height: 80px;
        text-align: center
    }

    .zt_tcKeCheTop li {
        display: inline-block;
        height: 58px;
        padding: 0 30px;
        text-align: center;
        line-height: 58px;
        font-size: 24px;
        margin-right: 17px;
        color: #d5150e;
        cursor: pointer;
        position: relative
    }

    .zt_tcKeCheTop li.mCon_Cutbtn {
        color: #fff
    }

    .zt_imgTeacher {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 718px
    }

    .zt_imgTeacher li {
        float: left;
        width: 156px;
        margin-right: 10px
    }

    .zt_imgTeacher li img {
        display: block;
        width: 100%
    }

    .zt_imgTeacher li img {
        display: block;
        margin: 0 auto;
        transition: all 0.6s;
        cursor: pointer;
        margin-top: 8px;
        border-top: 8px solid #bc0000
    }

    .zt_imgTeacher li img:hover {
        transform: scale(1.1);
        -moz-box-shadow: 4px 4px 14px #434343;
        -webkit-box-shadow: 4px 4px 14px #434343;
        box-shadow: 4px 4px 14px #434343
    }

    .zt_paImgText {
        width: 27%;
        height: 235px;
        position: absolute;
        left: 50%;
        top: 51%;
        z-index: 55;
        transform: translate(-50%, -50%)
    }

    .zt_imgTeacher .zt_huUp {
        background: url("/course/img/ykb/hu1.png") no-repeat center top;
        height: 59px;
        position: absolute;
        left: 50%;
        width: 100%;
        top: 0%;
        z-index: 88;
        transform: translateX(-50%)
    }

    .zt_imgTeacher .zt_huDowe {
        background: url("/course/img/ykb/hu2.png") no-repeat center top;
        height: 52px;
        position: absolute;
        left: 50%;
        width: 1920px;
        bottom: 0;
        z-index: 88;
        transform: translateX(-50%)
    }

    .cut_box {
        width: 63%;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        justify-content: space-between
    }

    .cut_box li {
        flex: 1;
        height: 36px;
        line-height: 36px;
        color: #bc0000;
        border-radius: 5px;
        border: 2px solid #bc0000;
        padding: 4px 4px;
        text-align: center;
        margin: 10px;
        font-size: 20px
    }

    .conformity {
        width: 100%;
        position: relative
    }

    .conformity .new_datas {
        color: #666;
        font-size: 16px;
        position: absolute;
        bottom: 5%;
        z-index: 9999;
        display: block;
        width: 100%;
        text-align: center
    }

    .conformimg {
        width: 17%;
        position: absolute;
        top: 38%;
        left: 50%;
        z-index: 99;
        transform: translateX(-50%)
    }

    #envirBtn {
        width: 63%;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: -9%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99
    }

    #envirBtn li {
        flex: 1;
        height: 36px;
        line-height: 36px;
        color: #bc0000;
        border-radius: 5px;
        border: 2px solid #bc0000;
        padding: 4px 4px;
        text-align: center;
        margin: 10px;
        font-size: 20px
    }

    .actLi {
        background: #bc0000;
        border: 0;
        color: #fff !important
    }

    #swiper-envirConPic {
        width: 100%;
        height: auto
    }

    #swiper-envirConPic .swiper-wrapper, #swiper-envirConPic .swiper-slide, #swiper-envirConPic .swiper-slide img {
        width: 100%;
        height: auto
    }

    .school_count .new_data {
        color: #666;
        font-size: 16px;
        position: absolute;
        bottom: 1%;
        z-index: 9999
    }

    .school_count .sch_record {
        padding-top: 5px
    }

    .cutbtn {
        background: #bc0000;
        border: 0;
        color: #fff !important
    }

    .new_data {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #333333
    }

    .sch_record {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px
    }

    .sch_record span {
        font-style: italic;
        font-weight: 600;
        color: #b30203
    }

    .sch_record p {
        margin-left: 10px
    }

    .sign_up {
        width: 100%
    }

    .sign_up .bmlcBox {
        margin: 40px auto
    }

    .sign_up .bmlcBox img {
        width: 1093px;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .sign_up .bmlcBox div {
        width: 71.3%;
        margin: 0 auto;
        display: flex;
        padding-left: 140px;
        padding-top: 20px
    }

    .sign_up .bmlcBox div p {
        width: 172px;
        height: auto;
        margin-right: 135px;
        text-align: center;
        font-size: 18px;
        color: #666;
        line-height: 36px
    }

    #showviout {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: none
    }

    #showvideo {
        width: 53%;
        height: auto;
        margin: 235px auto 0 auto
    }

    #close {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 163px;
        right: 20%
    }

    #close img {
        width: 50px;
        height: 50px
    }

    #bottomPro {
        background: #fff
    }
}
@media screen and (min-width: 1280px){
    .mshiden{
        display: none!important;
      }
}
@media screen and (max-width: 750px) {




    .top_school .tags {
        width: 94%;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        padding-top: .4rem
    }

    .top_school .tags li {
        width: 30%;
        color: #a70000;
        background: #fff;
        border-radius: 0 0.2rem 0 0.2rem;
        border: 1px solid #a70000;
        text-align: center;
        padding: 0.2rem 0
    }

    .top_school .tags .active {
        background: #a70000;
        color: #fff
    }

    .top_school .top_cont {
        width: 94%;
        margin: 0 auto
    }

    .top_school .top_cont ul {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.4rem;
        display: none
    }

    .top_school .top_cont ul li {
        width: 31%;
        background: #fff;
        position: relative;
        margin-top: 0.2rem;
        border-radius: 0.2rem;
        overflow: hidden
    }

    .top_school .top_cont ul li .sch_img {
        width: 100%
    }

    .top_school .top_cont ul li .badge {
        position: absolute;
        width: 32%;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .top_school .top_cont ul li b {
        margin-top: 0.5rem;
        display: block;
        text-align: center;
        font-size: 0.2rem
    }

    .top_school .top_cont ul li .stars {
        width: 50%;
        margin: 0.04rem auto
    }

    .top_school .top_cont ul li .some {
        width: 96%;
        margin: 0 auto;
        padding: 0.2rem 0;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .top_school .top_cont ul li .some span {
        width: 46%;
        background: #fff;
        border: 1px solid #a70000
    }

    .top_school .top_cont ul li .some span a {
        color: #a70000;
        font-size: 0.2rem;
        text-align: center;
        display: block
    }

    .top_school .top_cont ul li .some span:last-child {
        width: 46%;
        background: #a70000
    }

    .top_school .top_cont ul li .some span:last-child a {
        color: #fff
    }

    .top_school .top_cont .more {
        background: url("/course/img/ykb/some.png") no-repeat;
        background-size: 100% 100%
    }

    .top_school .top_cont .more a {
        display: block;
        height: 3rem
    }

    .top_school .school {
        display: block !important;
        display: flex !important
    }

    .school_box {
        width: 100%;
        margin-top: 0.4rem
    }

    .school_box .mov_tag {
        width: 100%
    }

    .school_content {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .school_content li {
        width: 30%;
        border-radius: 0.2rem;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0.5rem;
        border: 1px solid #e3e3e3;
        box-shadow: 0px 4px 4px 0px rgba(149, 149, 149, 0.33);
        padding: 0.2rem 0;
        box-sizing: border-box
    }

    .school_content img {
        width: 0.8rem;
        height: 0.8rem
    }

    .school_content b {
        font-size: 0.23rem;
        margin: 0.2rem auto;
        text-align: center
    }

    .school_content p {
        font-size: 0.2rem;
        color: red;
        font-weight: 600;
        margin: 0 auto;
        text-align: center;
        animation: big 1s infinite
    }

    .school_content .school_left {
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 0;
        left: 0
    }

    @keyframes big {
        from {
            -webkit-transform: scale(1);
            -webkit-transform-origin: 50% 50%
        }

        to {
            -webkit-transform: scale(1.3);
            -webkit-transform-origin: 50% 50%
        }
    }

    .school_end {
        width: 80%;
        margin: 0.2rem auto;
        line-height: 0.4rem;
        text-indent: 1em;
        text-align: justify;
        text-align: center
    }

    .scat_box {
        width: 90%;
        margin: 0 auto;
        font-size: 0.4rem;
        text-align: center;
        margin-top: 0.2rem
    }

    .scat_box p {
        display: inline;
        font-size: 0.26rem
    }

    .scat_box b {
        color: #be1d2c;
        font-size: 0.3rem;
        font-weight: 600;
        font-style: oblique;
        margin-right: 0.1rem
    }

    .scat_box span {
        display: inline;
        margin-left: 0.1rem
    }

    .scat_box .scat_text {
        color: #000;
        font-size: 0.3rem;
        font-style: normal;
        font-weight: 500
    }

    .scat_box .scat_one {
        margin: 0.2rem 0
    }

    .scat_box img {
        width: 9%;
        margin: 0 auto
    }

    .scat_box h5 {
        color: #c51e2f
    }

    .mov_banner {
        width: 90%;
        margin: 0 auto
    }

    .mov_banner .mov-carver {
        width: 100%
    }

    .zt_zymsBox {
        width: 100%
    }

    .cut_box {
        width: 94%;
        margin: 0.4rem auto;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .cut_box li {
        width: 19%;
        padding: 0.2rem 0.1rem;
        box-sizing: border-box;
        color: #a70000;
        border: 1px solid #a70000;
        text-align: center;
        font-size: 0.2rem
    }

    .cut_box .cutbtn {
        background: #a70000;
        color: #fff
    }

    .qualified {
        width: 96%;
        margin: 0 auto;
        background: url("/course/img/ykb/mbg7.png") no-repeat;
        background-size: 100% 100%
    }

    #schoolrecord1, #schoolrecord2, #schoolrecord3, #schoolrecord4, #schoolrecord5 {
        width: 94%;
        margin: 0.4rem auto;
        padding-bottom: 0.4rem;
        display: none
    }

    #schoolrecord1 .swiper-wrapper, #schoolrecord1 .swiper-slide, #schoolrecord1 .swiper-slide img, #schoolrecord2 .swiper-wrapper, #schoolrecord2 .swiper-slide, #schoolrecord2 .swiper-slide img, #schoolrecord3 .swiper-wrapper, #schoolrecord3 .swiper-slide, #schoolrecord3 .swiper-slide img, #schoolrecord4 .swiper-wrapper, #schoolrecord4 .swiper-slide, #schoolrecord4 .swiper-slide img, #schoolrecord5 .swiper-wrapper, #schoolrecord5 .swiper-slide, #schoolrecord5 .swiper-slide img {
        width: 100%
    }

    .schoolend {
        display: block !important
    }

    #schoolrecord1 .swiper-pagination, #schoolrecord2 .swiper-pagination, #schoolrecord3 .swiper-pagination, #schoolrecord4 .swiper-pagination, #schoolrecord5 .swiper-pagination {
        bottom: 0% !important
    }

    .qua_tit {
        width: 100%
    }

    .qua_tit p {
        display: block;
        text-align: center;
        font-size: 0.2rem;
        color: #fff;
        padding: 0.2rem
    }

    .qua_titend {
        width: 100%;
        display: block;
        padding-bottom: 0.4rem;
        text-align: center;
        color: #fff
    }

    .mbmlcBox {
        width: 90%;
        margin: 0.6rem auto
    }

    .mbmlcBox img {
        width: 100%
    }

    #showviout {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9998
    }

    #close {
        position: absolute;
        top: 18%;
        right: 5%
    }

    #close img {
        width: 0.7rem;
        height: 0.7rem
    }

    #showvideo {
        width: 85%;
        margin: 50% auto;
        position: relative
    }
}