@media all and (max-width:1024px){
    body{width:100vw;overflow:hidden;overflow-y:auto;}
    .nav_content{position:relative;}
    .loginBtn{display:inline-block;width:35px;height:35px;position:absolute;right:10px;top:10px;}
    .loginBtn svg{width:100%;height:100%;opacity:.7;}
    .login_title{position:relative;}
    .login_title .close{display:inline-block;width:40px;height:40px;position:absolute;right:0;top:0;}
    .login_title .close svg{display:inline-block;width:30px;height:30px;margin:5px 5px 0 0;}
    .login_main input[type="button"]{appearance:none;-webkit-appearance:none;}
    /*.loginBtn{display:inline-block;width:30px;height:2px;background:#5588aa;position:absolute;right:15px;top:30px;}*/
    /*.loginBtn::before{display:inline-block;width:20px;height:2px;background:#5588aa;position:absolute;right:0;top:-10px;content:'';}*/
    /*.loginBtn::after{display:inline-block;width:20px;height:2px;background:#5588aa;position:absolute;right:0;top:10px;content:'';}*/


    .head{width:95%;height:auto;padding:15px;padding-left:10px;box-sizing:border-box;font-size:18px;}
    .nav_content{width:100%;}
    .nav{width:100%;float:none;margin:0 auto;padding-bottom:15px;display:flex;justify-content:space-around;}
    .nav li{border:none;}
    .nav a{padding:0;font-size:14px;}

    .fullSlide{height:200px;}
    .login_wrap{position:fixed;left:0;top:50px;right:0;margin:auto;width:90vw;z-index:99999;display:none;}
    .login_wrap::after{position:fixed;left:0;top:0;right:0;margin:auto;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:-1;content:'';}
    .fullSlide .swiper-container{width:100vw!important;height:200px!important;}
    .fullSlide .swiper-slide{height:200px;background-size:auto 200px!important;}
    .main_wrap{margin:0;width:100%;box-sizing:border-box;padding:0 15px;}
    .show_wrap,.news_wrap{width:100%;box-sizing:border-box;}
    .news_title.left, .news_title,.news_title h6{width:100%;}
    .news_title.left .col_t{width:100%;display:flex;justify-content:space-between;}
    .news_title.left .col_t li{width:auto;font-size:18px;float:none;margin-bottom:10px;}
    .news_con01{width:100%;}
    .news_con01 .news{width:100%;padding:0;}
    .top_banner_wrap01,.top_banner_wrap02,.top_banner_wrap04{height:180px;background-size:cover;}

    .teachers_wrap{width:100%;box-sizing:border-box;}
    .teachers_wrap .plan_wrap{height:290px;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
    .plan_wrap{width:100%;}
    .plan_wrap .plan{width:350px;margin-right:15px;height:280px;display:inline-block;white-space:normal;float:none;background:#fff;}
    .plan_wrap .plan_intro{width:348px;padding: 15px 0;background:#f8f8f8;}
    .plan_wrap .plan .head{top:60px;}
    .plan_wrap .plan .intro{top:140px;}
    .plan_wrap .plan .logo{top:15px;left:15px;}
    .plan_wrap .plan .views{top:20px;right:15px;}

    .advantage{width:100%;}
    .list_wrap{width:100%;padding:0 15px;box-sizing:border-box;}


    #divResource{width:100%;height:220px;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
    #divResource .kejian{width:280px;margin-right:15px;height:210px;display:inline-block;white-space:normal;float:none;}

    .process_wrap{width:100%;box-sizing:border-box;}
    .process_con{width:calc(100% - 30px);border-right:30px solid #1f93ce;height:240px;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}

    .links_wrap{width:100%;box-sizing:border-box;}
    .links_con{width:100%;height:180px;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
    .links_con a{float:none;display:inline-block;}
    .list_content{width:100%;box-sizing:border-box;}
    .list_content .article_title{text-indent:0;}
    .list_content .time{float:none;position:static;padding-left:20px;font-size:12px;margin-top:-10px;}

    .bottom_wrap{height:auto;}
    .bottom_con{width:100%;height:auto;}

    .listBox.success-container{width:100%;padding:0 15px;box-sizing:border-box;}
    .listBox.success-container .paysuccess .tips{background-position:center 15px;background-size:70px;padding:100px 0 60px;}
    .listBox.success-container .paysuccess p a{margin:0 10px;}
    .listBox.success-container .trainingList li{float:none;display:block;margin:0 auto 30px;}
    .listBox.success-container .trainingList li:nth-of-type(3n){margin:0 auto 30px;}

    .payment{width:100%;padding:50px 15px;box-sizing:border-box;top:0;height:100vh;transform:translate(-50%,0);}
    .payment .info{margin:20px auto;}
    .payment .info p span{width:100px;}
    .payment p b{width:calc(100% - 160px);}
    .payment p:nth-of-type(2) b{vertical-align:-8px;}
    .payment .mothed label{padding-right:0;}
}