body,html{height:100vw;overflow: hidden; width:100vw;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;}
.ml-100{margin-left:-100vw;}
.index-main{font-family: inherit; float:left; width:100vw;}
.right-bar{position: absolute; top:1vh;right:1vw; width:15vw;transition: 1s;}
.right-bar ul{display: block; height:38px; padding:5px; background: #fff; border-radius:25px;}
.right-bar ul li{display: block;  width:46%; float:left;}
.right-bar ul li:first-child{margin-right:4%;}
.right-bar ul li a{display: block; width:94%; height:22px;cursor:pointer; font-weight: bold; line-height:22px;color:#F97276;
    border-radius: 22px; float:left;text-align: center; font-size:1.2em; padding:8px; }
.right-bar ul li a.active{ color:#fff; background: #F97276; }
.right-bar ul li a:hover{ color:#fff; background: #F97276; }
.right-bar ul.right li a{ color: #84B284; }
.right-bar ul.right li a.active{ color:#fff; background: #84B284; }
.right-bar ul.right li a:hover{ color:#fff; background: #84B284; }
.right-bar ul.right li:first-child{margin-right:8px;}
.apply{width:90vw; margin:0 auto; display:flex; flex-direction: row; height:84vh; margin-top:16vh;}
.apply .left{width:45%;margin-right:7%;}
.apply .right{width:45%;}
.apply .right .menu{ position: absolute; font-size:2.5em; font-size: 2.55em;color:#fff;}
.apply .right .img{ width : 25vw; margin-top:6vw; margin-left: 40%; position:relative;}
.apply .right .desc{padding-top:2vw; padding-left: 40%; width:25vw; font-size:1.25em;font-weight: 500; text-align:center;color:#fff;}
.apply .left .course-desc{
    color:#fff; font-size:1.25em; line-height: 1.7em;display:none;width:98%;position: relative;z-index:9;
}
.apply .left .course-desc.on{display:none;}
.apply .left .arc-text-logo{
    position: fixed; left:5vw; bottom:0vw; width:43vw;
}
.img_dv{width:100%; height:100%; position:absolute; left:0; top:0px; z-index:9; background-color:rgba(0,0,0,0.2);}
.img_dv a{padding: 6px 18px;
    margin: 28% auto;
    display: block;
    color: #FFF;
    border: 2px solid;
    font-size: 1.2em;
    width: 90px;
    text-align:center;
    border-radius: 15px;}
.img_dv a:hover{border:2px solid #F97276; background-color : #F97276}
.apply .left .course-desc.show-active{display: block;}
.menu ul li{cursor:pointer;font-size:1.9rem; font-weight:bold; margin:8px 0;}
.menu ul li:hover{
    color: #f0f0f0;}
.menu ul li.on,.menu ul li:hover{color:#000; transition:0.5s;}
.page1{background:#F97377;}
.page2{background:#6b8b75;}