/*This is the beginning of CSS on pc*/
*{
    margin:0;
    padding:0;
}
p{
    margin-bottom: 0!important;
}
/*show or hide/////////////////////////////////////////////////////////////////*/
.banner{
    display: block;
}
.banner-ydd{
    display: none;
}
.pc_footer{
    display: block;
}
.pcheade{
    display: block;
}
.ydheade{
    display: none;
}
.ydd-erweima{
    display: none;
}
.introduce-all{
    display: block;
}
.introduce-all-ydd{
    display: none;
}
.tab{
    display: block;
}
.tab-ydd{
    display: none;
}
.Aspirations-pc{
    display: block;
}
.Aspirations-ydd{
    display: none;
}
.teacher-authority-pc{
    display: block;
}
.teacher-authority-ydd{
    display: none;
}
/*show or hide is over*/
/*banner*/
.banner{
    background: url("../images/banner.jpg") no-repeat center;
    background-size: 100% 100%;
    height: 4.6rem;
    width: 100%;
}
/*banner is over */
/*introduce*/
.introduce{
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-top: 0.61rem;
}
.introduce p{
    font-size: 0.42rem;
    color: #1f2021;
    text-align: center;
}
.introduce span{
    color: #a4a4a7;
    text-align: center;
    font-size: 0.22rem;
    display: block;
    letter-spacing:7px;
    line-height: 0.7rem;
}
/*end introduce*/
/*tab*/
.tab{
    max-width: 1200px;
    margin: auto;
    height: auto;
    display: flex;
}
.tab-wrap{
    width: 100%;
    border-radius: 0.23rem;
}
.tab-left{
    width: 100%;
    height: auto;
    background: #f8f9fc;
    color: #626466;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.15rem;
    border-bottom: 2px solid #1b7df0;
}
.tab-left-title{
    width: 12%;
    margin-top: 0.26rem;
}
.tab-left-title p{
    font-size: 0.18rem;
    text-align: center;
    color: #333333;
}
.tab-left-titlel{
    width: 35%;
    height: 2px;
    background: #127af9;
    margin: auto;
    display: none;
}
.title-wrap-all{
    display: flex;
    margin-top: 0.3rem;
}
.tab-right .p1{
    margin-top: 0.2rem;
    font-size: 0.2rem;
}
.title-wrap-all-1{
    width: 1.5rem;
    height: 0.4rem;
    border-radius:5.0rem;
    background: #ffffff;
    box-shadow: 2px 2px 13px 2px #dee5ec;
    margin-left: 0.35rem;
    color: #1e69d9;
}
.title-wrap-all-1:hover{
    cursor: pointer;
}
.title-wrap-all-2{
    display: none;
}
.title-wrap-all-1 p{
    font-size: 0.17rem;
    text-align: center;
    line-height: 0.38rem;
}
.actived{
    background: #1e69d9;
    color: #ffffff;
}
.cur-s{
    display: block;
}
.tab-right{
    display: none;
}
.adsa{
    display: block;
}
.on{
    display: block;
}
/*end tab*/
/*from*/
.from-all-background{
    width: 100%;
    background: url("../images/from-all-background.jpg") no-repeat center;
    height: 7.50rem;
    background-size: 100% 100%;
}
.from{
    max-width: 1200px;
    height: auto;
    margin: auto;
}
.from p{
    text-align: center;
    color: #1156ff;
    font-size: 0.18rem;
    line-height: 1.0rem;
}
.form-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.form-tittle p{
    font-size: 0.22rem;
    color: #b7b7ba;
    text-align: center;
    letter-spacing: 7px;
    line-height: 0.5rem;
}
.from-wrap{
    background: #ffffff;
    width: 60%;
    margin: auto;
    margin-top: 0.35rem;
    padding-bottom: 0.86rem;
    padding-top: 0.6rem;
    border: 1px solid #127af9;
}
.from-wrap-tittle p{
    font-size: 0.28rem;
    color: #1f2021;
    text-align: center;
    padding-top: 0.45rem;
}
.neirong-wrap-1 a {
    color: #333333!important;
}
.p1 a{
    color: #333333!important;
}
.phone{
    width: 4.0rem;
    height: 0.45rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: auto;
    display: block;
    margin-top: 0.3rem;
    font-size: 0.18rem;
    padding-left: 0.2rem;
}
.name{
    width: 4.0rem;
    height: 0.45rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: auto;
    display: block;
    margin-top: 0.3rem;
    font-size: 0.18rem;
    padding-left: 0.2rem;
}
.c_select_class-a{
    width: 4.0rem;
    height: 0.45rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: auto;
    display: block;
    margin-top: 0.3rem;
    font-size: 0.18rem;
    text-align: center;
    text-align-last: center;
}
.yzm{
    display: flex;
    width: 4.0rem;
    height: 0.45rem;
    margin: auto;
    margin-top: 0.3rem;
}
.yzm-1{
    width: 2.5rem;
    height: 0.45rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: block;
    font-size: 0.18rem;
    padding-left: 0.2rem;
}
.yzm-2{
    width: 1.5rem;
    height: 0.45rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: block;
    margin-left: 0.4rem;
    color:black;
}
.yzm-2 p{
    font-size: 0.18rem;
    text-align: center;
    color:#ffffff;
    line-height: 0.45rem;
    background:rgb(65, 129, 255);
}
.submit{
    width: 55%;
    margin: auto;
    height: auto;
    background: #a6acb3;
    border-radius: 5px;
    color: #ffffff;
}
.submit p{
    color: #a38585;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.43rem;
    margin-top: 0.3rem;
}
/*from*/
/*Study materials*/
.materials{
    max-width: 1200px;
    margin: auto;
    height: auto;
    margin-top: 0.6rem;
}
.materials-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.materials-tittle p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
}
.materials-wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 0.53rem;
}
.materials-wrap-1{
    width: 23%;
    background: #ffffff;
}
.materials-wrap-1 p{
    font-size: 0.28rem;
    text-align: center;
    color: #1f2021;
    line-height: 0.6rem;
    padding-top: 0.1rem;
}
.blue{
    width:0.6rem;
    height: 0.01rem;
    background: #127af9;
    margin: auto;
}
.materials-wrap-2{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.materials-wrap-2 p{
    font-size: 0.18rem;
    color: #626466;
    text-align: center;
    line-height: 0.5rem;
    padding-top: 0.1rem;
}
/*end Study materials*/
/*teacher-authority*/
.teacher-authority{
    max-width: 1200px;
    margin: auto;
    margin-top: 0.93rem;
    height: auto;
    margin-bottom: 1.5rem;
}
.teacher-authority-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.teacher-authority-tittle{
    width: 100%;
    padding-bottom: 0.1rem;
}
.teacher-authority-tittle p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
    line-height: 0.4rem;
}

.teacher-lunbo-2>img:hover{
    border:2px solid #1156ff;
    border-radius: 0.6rem;
}
.authority-wrap-1{
    float: left;
}
.authority-wrap-2{
    float: right;
}
.authority-wrap-2 p{
    font-size: 0.36rem;
    color: #333333;
}
.authority-wrap-2 span{
    font-size: 0.24rem;
    color: #848484;
    margin-top: 0.2rem;
    display: block;
    margin-bottom: 0.2rem;
}
.authority-wrap-1 img{
    width: 6.0rem;
    height: 3.2rem;
}
.authority-wrap-1-shipin img{
    width: 6.0rem;
    height: 3.2rem;
}
.authority-wrap-1-shipin{
    float: left;
}
.authority-wrap-2{
    width: 43%;
    margin-left: 0.2rem;
}
.teacher-lunbo{
    margin-top: 0.3rem;
}
.teacher-lunbo-2 img{
    margin: auto;
    display: block;
}
.teacher-lunbo-2 p{
    text-align: center;
}

.teacher-authority-wrap{
    display: none;
}
.cur-teacher{
    display: block;
}
.teacher-authority-wrap-all{
    margin-top: 0.5rem;
}
/*End teacher-authority*/
/*Face-to-face-courses*/
.courses{
    max-width: 1200px;
    margin: auto;
    margin-top: 0.93rem;
}
.courses-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.courses-tittle{
    width: 100%;
    padding-bottom: 0.1rem;
}
.courses-tittle p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
    line-height: 0.4rem;
}
.all-wrap{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}
.all-wrap-ssss{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}
.courses-wrap{
    width: 19%;
    height: auto;
    margin-top: 0.3rem;
}
.courses-wrap-1{
    width: auto;
    height: auto;
    padding: 10px 10px 16px 10px;
    background: #ffffff;
    border-radius: 10px;
}
.courses-wrap-1 img {
    width: 100%;
}
.courses-wrap-2{
    justify-content: space-between;
}
.courses-wrap-2 p{
    color: #ea2532;
    font-size: 0.14rem;
}
.courses-wrap-2 span{
    color: #626466;
    font-size: 0.15rem;
    padding-top: 0.04rem;
    display: flex;
}
.courses-submit{
    display: flex;
    justify-content: space-between;
    margin-top: 0.1rem;
}
.submit-1{
    width: 0.8rem;
    background: #ea2532; 
    color:#ffffff;
    border-radius: 5px;
    height: 0.3rem;
 }
.submit-1:hover{
    background: #ffffff;
    color: #ea2532;
    cursor: pointer;
    -webkit-box-shadow: #e0e0e0 0px 0px 10px;
}
.submit-1 p{
    font-size: 0.15rem;
    text-align: center; 
    line-height: 0.3rem;
}
.submit-2{
    width: 0.8rem;
    background: #127af9;
    color:#ffffff;
    border-radius: 5px;
    height: 0.3rem;
}
.submit-2 p{
    font-size: 0.15rem;
    text-align: center; 
    line-height: 0.3rem;
}
.submit-2:hover{
    background: #ffffff;
    color: #127af9;
    cursor: pointer;
    -webkit-box-shadow: #e0e0e0 0px 0px 10px;
}
a:hover{
    color: #127af9;
}
/*End Face-to-face-courses*/
/*evaluation*/
.evaluation{
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-top: 0.8rem
}
.evaluation-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.evaluation-tittle{
    width: 100%;
    padding-bottom: 0.1rem;
}
.evaluation-tittle p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
    line-height: 0.4rem;
}
.evaluation-wrap{
    width: 100%;
    height: auto;
}
.Aspirations-1{
    box-shadow: -1px 0px 14px #e0e4e9;
    height: 3.32rem;
    width: 5.0rem;
    background-size: 100% 100%;
    overflow: auto;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-left: 0.3rem;
    border-radius: 0.15rem;
}
.Aspirations-2{
    display: flex; 
    margin-top: 0.4rem;
}
.Aspirations-2 img{
    width: 13%;
    margin-left: 0.3rem;
    height: 13%;
}
.Aspirations-3{
    margin-left: 0.2rem;
}
.Aspirations-3 p{
    font-size: 0.24rem;
    color: #252628;
}
.Aspirations-3 .p2{
    font-size: 0.16rem;
    color: #252628;
}
.Aspirations-4{
    width: 93%;
    margin: auto;
    margin-top: 0.15rem;

}
.Aspirations-4 p{
    font-size: 0.16rem;
    color: #252628;
    text-align: justify;
    line-height: 0.23rem;
}
.caikelogo{
    margin-left: 1.3rem!important;
}

/*End evaluation*/
/*Famous-teacher*/

.Famous-teacher{
    max-width: 1200px;
    margin: auto;
    height: auto;
}
.Famous-teacher span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.Famous-teacher{
    width: 100%;
    padding-bottom: 0.1rem;
    margin-top: 1.2rem;
}
.Famous-teacher p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
    line-height: 0.4rem;
}
.Famous-teacher-wrap{
    margin-top: 0.5rem;
    display: flex;
}
.Famous-teacher-wrap-2{
    display: flex;
    justify-content: space-between;
}
.Famous-teacher-wrap-6{
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem;
}
.Famous-teacher-wrap-3 img{
    width:2.92rem;
    height: 2.19rem;
}
.Famous-teacher-wrap-4{
    margin-top: 0.2rem;
}
.Famous-teacher-wrap-4 img{
    width: 5.95rem;
    height: 3.8rem;
}
.Famous-teacher-wrap-5 img{
    width:5.95rem;
    height:4.0rem;
}
.Famous-teacher-wrap-7 img{
    width:1.95rem;
    height:1.97rem;
}

/*End Famous-teacher*/
/*download*/
.download{
    max-width: 1200px;
    margin: auto;
    height: auto;
    margin-top:0.5rem;
    margin-bottom: 1.5rem;
}
.download-tittle span{
    display: block;
    font-size: 0.42rem;
    text-align: center;
    color: #1f2021;
}
.download-tittle{
    width: 100%;
    padding-bottom: 0.1rem;
}
.download-tittle p{
    text-align: center;
    color: #a6acb3;
    font-size: 0.22rem;
    letter-spacing: 10px;
    line-height: 0.4rem;
}
.download-wrap{
    width: 100%;
}
.download-wrap-1 {
    display: flex;
    width: 40%;
    margin: auto;
    margin-top: 0.3rem;
}
.download-wrap-1 p{
    font-size: 0.23rem;
    line-height: 0.5rem;
}
.select-1{
    width: 2.97rem;
    height: 0.5rem;
    border-radius:20px ;
    background: white;
    box-shadow: -1px 0px 14px #e0e4e9;
    text-align: center;
    text-align-last: center;
    font-size: 0.25rem;
}
.download-wrap-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
    margin: auto;
    margin-top: 0.2rem;
}
.download-wrap-3{
    display: flex;
    width: 30%;
        margin-top: 0.2rem;
}
.download-wrap-4{
    width: 0.14rem;
    height: 0.14rem;
    background: blue;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-5{
    width: 0.14rem;
    height: 0.14rem;
    background: green;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-6{
    width: 0.14rem;
    height: 0.14rem;
    background: yellow;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-7{
    width: 0.14rem;
    height: 0.14rem;
    background: red;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-8{
    width: 0.14rem;
    height: 0.14rem;
    background: purple;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-9{
    width: 0.14rem;
    height: 0.14rem;
    background: black;
    border-radius: 0.5rem;
    margin-top: 0.085rem;
    margin-right: 0.05rem;
}
.download-wrap-3 p{
    font-size: 0.24rem;
}
.submit-lesson-100{
    width: 22%;
    margin: auto;
    background: #1a70ff;
    font-size: 0.24rem;
    color: white;
    border-radius: 0.2rem;
    text-align: center;
    margin-top: 0.5rem;
    line-height: 0.43rem;
    margin-bottom: 0.4rem;
}
.submit-lesson-100:hover{
    background: none;
    border:1px solid #127af9;
    color: #127af9;
}
/*End download*/
/*mask_block*/
.mask_block{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background: rgba(0,0,0,0.8);
    z-index: 10;
    display: none;
}
.mask_alert{
    width:max-content;
    height:4.359375rem;
    background: url("../images/form-background.png");
    background-size: 100% 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    margin:auto;
    padding: 60px 100px 50px 100px;
}
.mask_block .close_btn{
    position: absolute;
    width: 42px;
    opacity: 0.5;
    right: 19px;
    top: 19px;
}
.mask_block .close_btn:hover{
    opacity: 1;
}
.mask_block .title{
    font-size: 24px;
    color:white;
    font-family: Adobe 黑体 Std;
    padding-bottom: 0.078125rem;
}
.mask_block .input_items{
    margin-top: -1px;
    display: flex;
    flex-direction: column;
}
.mask_block .input_row{
    width:300px;
    height:54px;
    border:1px solid white;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.mask_block .input_row:before{
    content: " ";
    width:34px;
    height:26px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}
.mask_block .input_row:nth-child(1):before{background: url("../images/people.png") no-repeat;}
.mask_block .input_row:nth-child(2):before{background: url("../images/phone.png") no-repeat;}
.mask_block .input_row:nth-child(3):before{background: url("../images/class.png") no-repeat;}
.mask_block .input_row:nth-child(4):before{background: url("../images/yan.png") no-repeat;margin-top: 15px;}
.mask_block .c_input_name,
.mask_block .c_input_phone,
.mask_block .c_select_class,.c_select_class-1{
    width:100%;
    height:100%;
    text-indent: 60px;
    outline: none;
    border: 0;
    background: none;
    font-size: 0.2042rem;
}
.mask_block .code_item{
    border:0;
    display: flex;
    flex-direction: row;
}

.mask_block .c_code_input,.mask_block .c_code_gobtn{
    width:48%;
    height: 50px;
    border:1px solid white;
    text-indent: 60px;
    border-radius: 5px;
    outline: none;
    background: none;
    font-size: 0.2042rem;
    color: #ffffff;
}
.mask_block .c_code_gobtn{
    text-indent: 0;
    text-align: center;
    line-height: 50px;
    margin-left: 4%;
}
.mask_block .alert_form_btn{
    width:150px;
    height:50px;
    background: white;
    color:#870606;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    border-radius: 5px;
    margin-top: -1px;
    cursor: pointer;
}
.footer_div1 .a{
    color: #333!important;
}
/*mask_block over*/
/*footer*/
.footer .a{
    color: #ffffff!important;
}
.footer p{
    color: #ffffff!important;
}
.banxue{
    color: #ffffff!important;
}
/*End footer*/



@media screen and (max-width: 1200px){
    body{
        font-size: 0!important;
    }
    /*show or hide/////////////////////////////////////////////////////////////////*/
    .banner{
        display: none!important;
    }
    .banner-ydd{
        display: block!important;
    }
    .pcheade{
        display: none!important;
    }
    .ydheade{
        display: block!important;
    }
    .pc_footer{
        display: none!important;
    }
    .ydd-erweima{
        display: block!important;
    }
    .introduce-all{
        display: block!important;
    }
    .introduce-all-ydd{
        display: block!important;
    }
    .tab{
        display: none!important;
    }
    .tab-ydd{
        display: block!important;
    }
    .Aspirations-pc{
        display: none!important;
    }
    .Aspirations-ydd{
        display: block!important;
    }
    .teacher-authority-pc{
        display: none;
    }
    .teacher-authority-ydd{
        display: block;
    }
    /*show or hide is over*/

    /*banner-ydd*/
    .banner-ydd{
        background: url("../images/banner-ydd.jpg") no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        height: 1.8rem;
    }
    /*banner-ydd is over*/
    /*introduce-all-ydd*/
    .introduce-ydd-1{
        width: 95%;
        height: auto;
        display: flex;
    }
    .introduce-ydd-1{
        overflow: hidden;
    }
    .introduce-ydd-1 p{
        font-size: 0.34rem;
        margin-right: 0.1rem;
        margin-left: 0.1rem;
        line-height: 1.5rem;
    }
    .menu-list {
        display: inline-block;
        white-space: nowrap;
        transition-duration: 0ms;
        transform: translateX(0px);
    }
    .menu-list-item {
        display: inline-block;
        height: auto;
    }
    .menu-list-item span {
        width: 27px;
        margin: 0 3px;
        text-align: center;
    }
    .introduce-font{
        color: #333333;
    }
    .cur-1{
        color: #1b7df0;
    }
    .introduce-ydd-wrap{
        display: none;
    }
    .ons{
        display: block;
    }
    /*end introduce-all-ydd*/
    /*from*/
    h1{
        font-size: 0.35rem;
    }
    .from-wrap{
        width: 95%;
        background:none;
        padding-bottom: 0.26rem;
    }
    .from-wrap-tittle p{
        padding: 0;
        display: none;
    }
    .phone {
        width: 6.0rem;
        height: 0.85rem;
        font-size: 0.3rem;
    }
    .name {
        width: 6.0rem;
        height: 0.85rem;
        font-size: 0.3rem;
    }
    .c_select_class-a{
        width: 6.0rem;
        height: 0.85rem;
        font-size: 0.3rem;
    }
    .yzm {
        width: 6.0rem;
        height: 0.85rem;
    }
    .yzm-1 {
        width: 3.5rem;
        height: 0.85rem;
        font-size: 0.3rem;
    }
    .yzm-2{
        width: 2.5rem;
        height: 0.85rem;
        color: black;
        font-size: 0.3rem;
        line-height: 0.8rem;
        text-align: center;
    }
    .yzm-2 p {
        font-size: 0.3rem;
        text-align: center;
        color:black;
        line-height: 0.85rem;
    }
    .submit p {
        color:#ffffff;
        text-align: center;
        font-size: 0.35rem;
        line-height: 0.83rem;
        margin-top: 0.3rem;
    }
    .from p{
        font-size: 0.3rem;
        color: #1b7df0;
    }
    .yzm-2 p{
        color:black;
    }
    .submit p{
        color: #ffffff;
    }
    .form-tittle p{
        padding-top: 0.2rem;
    }
    /*end from*/
    /*materials-ydd*/
    .materials-wrap{
        width: 95%;
        margin: auto;
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
    .materials-wrap-1{
        width: 49%;
        margin-top: 0.2rem;
    }
    .materials-tittle span {
        font-size: 0.4rem;
    }
    /*end materials-ydd*/
    /*Face-to-face-courses*/
    .all-wrap-ssss {
        width: 97%;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin: auto;
        margin-top: 0.35rem;
        flex-wrap: wrap;
    }
    .courses-wrap {
        width: 49%;
        height: auto;
        display: flex;
    }
    .courses-tittle span{
        font-size: 0.42rem;
    }
    .submit-1 {
        width: 1.4rem;
    }
    .submit-2 {
        width: 1.4rem;
    }
    /*End Face-to-face-courses*/




    .navigation{
        width: 100%;
        height:auto;
        border-bottom:1px solid #f2f2f2;
        background:#ffffff ;
    }
    .navigation-wrap{
        width:95%;
        height:auto;
        margin: auto;
        display: flex;
    }
    .navigation-wrap-1 {
        margin-left: 0.15rem;
    }
    
    .navigation-wrap-1 p{
        font-size: 0.29rem;
        line-height: 0.9rem;
        color: #333333;
    }
    .navigation-wrap-buttom {
        width: 23%;
        height: auto;
        line-height: 0.3rem;
        margin-left: 0.2rem;
        box-shadow: -4px 1px 5px #EBECED;  
    }
    .navigation-wrap-hidewrap{
        background: #f0f1f2;
        overflow: auto;
        padding-bottom: 0.4rem;
        width: 100%;
    }
    .navigation-wrap-buttom img{
        width: 115%;
        padding-top: 0.28rem;
    }
    .navigation-wrap-hidewrap-1{
        width: 100%;
        height: auto;
        display: flex;
    }
    .navigation-wrap-hidewrap-1 p{
        font-size: 0.28rem;
        color: #333333;
        width: 30%;
        margin-left: 0.28rem;
        margin-top: 0.6rem;
    }
    .navigation-wrap-hidewrap-2{
        width: 10%;
        margin-left: 53%;
    }
    .navigation-wrap-hidewrap-2 p{
        font-size: 0.58rem;
        color: #333333;
        line-height: 0.3rem;
        transform:rotate(45deg);
    }
    .navigation-wrap-hidewrap-3{
        width: 25%;
        height: auto;
        display: flex;
        margin-top: 0.3rem;
    }
    .hidewrap-title-1 {
        background: #ffffff;
        border-radius: 50px;
        width: 80%;
        margin: auto;
    }
    .hidewrap-title-1 p{
        color: #666666;
        font-size: 0.23rem;
        text-align: center;
        line-height: 0.6rem;
    }
    .class-title{
        display: flex;
        flex-wrap: wrap;
    }
    .wrap-tab-1 {
        border-bottom: none;
        width: 41%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ml {
        width: 100%;
    }
    .ml .div .span {
        font-size: 0.14rem;
    }
    .ml .div .span1 {
        font-size: 0.14rem;
    }
    img{
        width: 100%;
        height: auto;
    
    }
    /*三级菜单*/
    .three-menu{
        width: 95%;
        margin: auto;
        height: auto;
     
    }
    .three-menu-1{
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .three-menu-2{
        width: 23%;
        border: 1px solid #b7b7ba;
        padding: 0.2rem;
        border-radius:50px;
        text-align: center;
        padding: 0.05rem 0.1rem 0.05rem 0.1rem;
        margin-top: 0.3rem;
        color: #666666;
    }
    .three-menu-2 p{
        font-size: 0.25rem;
        line-height: 0.35rem;
        padding-top: 0.05rem;
    }
    .three-3{
        width: 32%!important;
    }
    .cur-ydd{
        background: #319ce5;
        color: #ffffff;
        border: none;
    }
    .three-menu{
        display: none;
    }
    .lc{
        display: block!important;
    }
   
    .neirong-wrap-1{
        display:none;
    }
    .onl{
        display: block!important;
    }
    .neirong-wrap-1 p{
        font-size: 0.25rem;
        line-height: 0.5rem;
    }
    .neirong-wrap-1{
        width: 95%;
        margin: auto;
        padding-top: 0.3rem;
    }
    .three-header{
        width: 95%;
        height: auto;
        margin: auto;
    }
    .three-header p{
        font-size: 0.25rem;
        line-height: 0.35rem;
        padding-top: 0.05rem;
    }
    .bblue{
        color: #1b7df0;
    }
    /*end三级菜单*/
    /**/
    .download-wrap-1{
        width: 64%;
    }
    .download-wrap-3 {
        display: flex;
        width: 42%;
    }
    /**/
    /*mask_block*/
    .mask_block{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background: rgba(0,0,0,0.8);
        z-index: 10;
        display: none;
    }
    .mask_alert{
        width: 99% !important;
        height: 9rem !important;
        background-size: 100% 100% !important;
        border-radius: 10px!important;
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center!important;
        position: fixed!important;
        left:0!important;
        right: 0!important;
        top:0!important;
        bottom: 0!important;
        margin:auto!important;
        padding: 0.3rem 0!important;
    }
    .mask_block .close_btn{
        position: absolute!important;
        width: 0.5rem!important;
        opacity: 0.5!important;
        right: 0.25rem;!important;
        top: 0.5rem!important;
    }
    .mask_block .close_btn:hover{
        opacity: 1!important;
    }
    .mask_block .title{
        font-size: 0.5rem!important;
        color:white!important;
        font-family: Adobe 黑体 Std;
        padding-bottom: 10px !important;
    }
    .mask_block .input_items{
        margin-top: 0.26rem!important;
        display: flex!important;
        flex-direction: column!important;
    }
    .mask_block .input_row{
        width:6rem!important;
        height:0.8rem!important;
        border:1px solid white;
        margin-bottom: 10px!important;
        border-radius: 5px!important;
        position: relative!important;
        overflow: hidden!important;
        font-size: 0.3rem!important;
    }
    .mask_block .input_row:before{
        content: " "!important;
        width:0.8rem!important;
        height:0.6rem!important;
        display: block!important;
        position: absolute!important;
        top: 0!important;
        bottom: 0!important;
        left: 10px!important;
        margin: auto!important;
        background-size: 100%!important;
    }
    .mask_block .input_row:nth-child(1):before{background: url("../images/people.png") no-repeat;}
    .mask_block .input_row:nth-child(2):before{background: url("../images/phone.png") no-repeat;}
    .mask_block .input_row:nth-child(3):before{background: url("../images/class.png") no-repeat;}
    .mask_block .input_row:nth-child(4):before{background: url("../images/yan.png") no-repeat;margin-top: 7px;}
    .mask_block .c_input_name,
    .mask_block .c_input_phone,
    .mask_block .c_select_class,.c_select_class-1{
        width:100%!important;
        height:100%!important;
        text-indent: 1.3rem!important;
        outline: none!important;
        border: 0!important;
        font-size: 0.3rem !important;
        line-height: 0.542rem!important;
    }
    .c_code_gobtn{
        font-size:0.504rem !important;
    }
    .mask_block .code_item{
        border:0!important;
        display: flex!important;
        flex-direction: row!important;
    }
    .mask_block .c_code_input,.mask_block .c_code_gobtn{
        width:48%!important;
        border:1px solid white;
        text-indent: 1.3rem!important;
        border-radius: 5px!important;
        outline: none!important;
        font-size: 0.3rem !important;
        line-height: 0.35rem !important;
    }
    .mask_block .title {
        margin-top: 0.5rem !important;
    }
    .mask_block .input_row{
        height: 45px!important;
    }
    .c_code_gobtn{
        height: 45px!important;
    }
    .c_code_input{
        height: 45px!important;
        font-size: 0.542rem!important;
    }
    .mask_block .c_code_gobtn{
        text-indent: 0!important;
        text-align: center!important;
        line-height:0.85rem!important;
        margin-left: 4%!important;
        font-size: 0.24rem;
        background: #ffffff;
        color: #333;
    }
    .mask_block .alert_form_btn{
        width:3rem!important;
        height: 0.8rem !important;
        background: white;
        color:#CE66FF;
        text-align: center!important;
        line-height: 1.8 !important;
        font-size: 0.42rem!important;
        border-radius: 5px!important;
        cursor: pointer!important;
        margin-top: 0.3rem;
    }
    .mask_block .close_btn{
        right: 21px!important;
    }
    /*mask_block over*/
    /*EVALUATION*/
    .Aspirations-1 {
        width: 100%;
    }
    .Aspirations-1-ydd{
        box-shadow: -1px 0px 14px #e0e4e9;
        height: 4.0rem;
        width: 7.0rem;
        background-size: 100% 100%;
        overflow: auto;
        margin-top: 0.3rem;
        margin-bottom: 0.5rem;
        margin-left: 0.2rem;
        border-radius: 6px;
    }
   
    .Aspirations-2-ydd{
        display: flex; 
        margin-top: 0.4rem;
    }
    .Aspirations-2-ydd img{
        width: 10%;
        height: 20%;
        margin-left: 0.7rem;
    }
    .Aspirations-3-ydd{
        margin-left: 0.2rem;
    }
    .Aspirations-3-ydd p{
        font-size: 0.24rem;
        color: #252628;
    }
    .Aspirations-3-ydd .p2{
        font-size: 0.16rem;
        color: #252628;
    }
    .Aspirations-4-ydd{
        width: 77%;
        margin: auto;
        margin-top: 0.25rem;
    }
    .Aspirations-4-ydd p{
        font-size: 0.16rem;
        color: #252628;
        text-align: left;
        line-height: 0.28rem;
    }
    .button img{
        width: 32%;
    }
    /*END EVALUATION*/
    /*Famous-teacher*/
    .Famous-teacher{
        width: 95%;
        margin:auto;
    }
    .Famous-teacher-wrap{
        margin-top: 0.5rem;
        display: flex;
    }
    .Famous-teacher-wrap-2{
        display: flex;
        justify-content: space-between;
    }
    .Famous-teacher-wrap-6{
        display: flex;
        justify-content: space-between;
        margin-top: 0.2rem;
    }
    .Famous-teacher-wrap-3 img{
        width: 1.55rem;
        height: 1.19rem;
    }
    .Famous-teacher-wrap-4{
        margin-top: 0.2rem;
    }
    .Famous-teacher-wrap-4 img{
        width: 3.25rem;
        height: 2.3rem;
    }
    .Famous-teacher-wrap-5 img{
        width: 3.65rem;
        height: 2.3rem;
    
    }
    .Famous-teacher-wrap-7 img{
        width: 1.15rem;
        height: 1.17rem;
    }
    /*End Famous-teacher*/
    /*teacher-authority*/
    .teacher-authority{
        width: 95%;
        margin: auto;
        margin-top: 0.8rem;
    }
    .teacher-lunbo-ydd{
        margin-top: 0.3rem;
        width: 100%;
    }
    .teacher-lunbo-2-ydd img{
        margin: auto;
        display: block;
        width: 84%;
    }
    .teacher-lunbo-2-ydd p{
        text-align: center;
    }
    .teacher-authority-wrap-all{
        margin-top: 0.5rem;
    }
   
    .authority-wrap-1-ydd{
        
    }
    .authority-wrap-2-ydd p{
        margin-top: 0.3rem;
    }
    .teacher-authority-wrap-ydd{
        display: none;
    }
    .cur-teacher-ydd{
        display: block;
    }
    video{
        width: 100%;
        height: auto;
    }
    .authority-wrap-2-ydd  p{
        font-size: 0.38rem;
    }
    .authority-wrap-2-ydd  span{
        font-size: 0.28rem;
    }
    .authority-wrap-1-shipin{
        float: none;
    }
    .authority-wrap-1-shipin img{
        width: 100%;
        height: auto;
    }
    /*end teacher-authority*/
    /*from*/
    .from-all-background{
        background: none;
        height: auto;
    }
}