/* reset */
/*
  *author:Y.Ray
*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
a,img { display:block; border:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;}
body, button, input, select, textarea { font-family: 'microsoft yahei','helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei',  simsun, sans-serif;overflow-x: hidden;}
select,input{appearance: none; -webkit-appearance: none; -moz-appearance: none;border-radius:0;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
body{
  width: 100%;
  overflow-x: hidden;
}
select {outline: medium none;}
textarea {resize: vertical;}

.none{ display:none;}
.left { float:left;}
.right { float:right;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix { zoom:1;}
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cont{
  width: 7.5rem;
  margin: 0 auto;
}
.yd-hide{
  display: none;
}

.banner-bgd{
  width: 7.5rem;
  height: 4.43rem;
  margin: 0 auto;
  background: #fffbfb url('../images-yd/banner-bgd.png') no-repeat center;
  background-size: contain;
}
.banner{
  padding: .4rem 0 0;
  font-size: 0;
  text-align: left;
}
.banner img{
  display: block;
  width: 1.83rem;
  height: .62rem;
  margin: 0 0 .4rem .2rem;
}
.banner h2{
  padding-left: .2rem;
  font-size: .3rem;
  color: #eb4237;
  text-align: left;
  margin-bottom: .3rem;
}
.banner h1{
  padding-left: .2rem;
  font-size: .5rem;
  color: #252525;
  text-align: left;
  font-weight: 600;
  margin-bottom: .4rem;
}
.banner .banner-link{
  display: inline-block;
  vertical-align: top;
  width: 1.6rem;
  height: .4rem;
  font-size: .22rem;
  color: #fff;
  text-align: center;
  line-height: .4rem;
  margin: 0 .1rem;
  background-color: #f65745;
  border-radius: .2rem;
}

.remark-bgd{
  background-color: #fff;
}
.remark{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.remark h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.remark-box li{
  display: inline-block;
  vertical-align: top;
  width: 3.5rem;
  margin: 0 .1rem .4rem;
}
.remark-top{
  padding: .4rem 0;
  width: 3.5rem;
  margin-bottom: .2rem;
  background-color: #fff;
  box-shadow: 3px 3px 3px #efefef,
              -3px -3px 3px #efefef;
}
.remark-top img{
  display: block;
  width: 2.16rem;
  height: 1.64rem;
  margin: 0 auto;
}
.remark-box li h3{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .15rem;
}
.remark-box li p{
  font-size: .16rem;
  color: #333;
  text-align: left;
}
.remark .remark-link{
  width: 3rem;
  height: .5rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .5rem;
  margin: 0 auto;
  border-radius: .25rem;
  background: linear-gradient(to right,#ffbc2d 0,#ff9a3a 100%);
}

.suitable-bgd{
  background-color: #fff;
}
.suitable{
  position: relative;
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.suitable h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.suitable img{
  display: none;
}
.suitable-form{
  box-sizing: border-box;
  padding: .4rem 0;
  width: 7.2rem;
  margin: 0 auto;
  background-color: #f95f4a;
}
.suitable-form li{
  width: 6rem;
  height: .7rem;
  text-align: left;
  margin: 0 auto .2rem;
  background-color: #fa7260;
}
.suitable-form li label{
  display: inline-block;
  vertical-align: top;
  padding-left: .2rem;
  width: .8rem;
  height: .7rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .7rem;
  margin-right: .2rem;
}
.suitable-form li input[type = text]{
  display: inline-block;
  vertical-align: top;
  width: 2.55rem;
  height: .68rem;
  font-size: .2rem;
  border: none;
  background-color: #fa7260;
}
.suitable-form input[type = button]{
  display: block;
  width: 6rem;
  height: .7rem;
  font-size: .4rem;
  color: #f95f4a;
  text-align: center;
  line-height: .7rem;
  margin: .5rem auto 0;
  background-color: #fff;
  border: none;
  box-shadow: 3px 3px 25px #e5533f;
}
.suitable-form .xieyi .xy {color: #fff;}
.suitable-form .xieyi span{color: #fff;}
.suitable-form .xieyi span a{color: #ff0;}

.develop-bgd{
  background-color: #fffbfb;
}
.develop{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.develop h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.develop-box img{
  display: none;
}
.develop-right{
  display: block;
  width: 7.2rem;
  margin: 0 auto;
}
.develop-right h3{
  position: relative;
  width: 7.2rem;
  font-size: .3rem;
  color: #f95f4a;
  font-weight: 600;
  line-height: .7rem;
  text-align: left;
  border-top: .02rem solid #e8e5e4;
}
.develop-right h3.on em{
  background: url('../images/develop-right-img02.png') no-repeat center;
  background-size: contain;
}
.develop-right h3 em{
  position: absolute;
  top: 50%;
  right: 0;
  width: .23rem;
  height: .12rem;
  background: url('../images/develop-right-img01.png') no-repeat center;
  background-size: contain;
}
.develop-right ul{
  display: none;
}
.develop-right li{
  padding-bottom: .3rem;
}
.develop-right li p{
  font-size: .24rem;
  color: #3e3e3e;
  line-height: .3rem;
  text-align: left;
}
.develop-right li p span{
  color: #b0aead;
}

.teacher-bgd{
  background-color: #fff;
}
.teacher{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.teacher h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.teacher-box img{
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  height: 2.33rem;
}
.teacher-box .teacher-right{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .6rem 0 0;
  width: 2.5rem;
  height: 2.33rem;
  background: url('../images/teacher-right.png') no-repeat center;
  background-size: contain;
}
.teacher-right h3{
  padding-left: .35rem;
  font-size: .22rem;
  color: #fff;
  text-align: left;
  margin-bottom: .2rem;
}
.teacher-right p{
  padding: 0 .35rem;
  font-size: .16rem;
  color: #fff;
  line-height: .26rem;
  text-align: left;
}


.course-bgd{
  background-color: #fffbfb;
}
.course{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.course h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.course .course-video{
  width: 6.75rem;
  height: 4.38rem;
  margin: 0 auto .2rem;
}
.course-right a{
  display: inline-block;
  vertical-align: top;
  width: 3rem;
  height: .7rem;
  font-size: .3rem;
  color: #fff;
  line-height: .7rem;
  margin: 0 .2rem .3rem;
  background-color: #f95f4a;
}
.course-right a:nth-of-type(2){
  color: #332b29;
  background-color: #e6e6e6;
}
.course-right .course-link{
  display: block;
  width: 6rem;
  height: .7rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .7rem;
  margin: 0 auto;
  background: linear-gradient(to right,#ffbc2d 0,#ff9a3a 100%);
  box-shadow: 3px 3px 25px #faebdc;
  border-radius: 27px;
}

.simulation-bgd{
  background-color: #fff;
}
.simulation{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.simulation h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.simulation img{
  display: inline-block;
  vertical-align: top;
  width: 2.4rem;
  height: .9rem;
  margin: .32rem 0 0;
  background: url('../images/simulation-img.png') no-repeat center;
  background-size: contain;
}
.simulation-top{
  display: inline-block;
  vertical-align: top;
  width: 5.1rem;
  margin-bottom: .3rem;
}
.simulation-top h3{
  padding: .1rem 0 0;
  font-size: .22rem;
  color: #f95f4a;
  font-weight: 600;
  margin-bottom: .15rem;
}
.simulation-top p{
  font-size: .18rem;
  color: #3e3e3e;
}
.simulation-box{
  padding: .2rem 0 .3rem;
  width: 7.2rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: .05rem;
  box-shadow: 3px 3px .25rem #e7e7e7;
}
.simulation-left{

}
.simulation-left li{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-left: .4rem;
  width: 3.5rem;
  text-align: left;
  margin-bottom: .15rem;
}
.simulation-left li span{
  display: inline-block;
  vertical-align: top;
  width: .4rem;
  height: .4rem;
  font-size: .2rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: .4rem;
  margin-right: .1rem;
  background-color: #f95f4a;
  border-radius: .1rem;
}
.simulation-left li p{
  display: inline-block;
  vertical-align: top;
  padding: .04rem 0 0;
  font-size: .2rem;
  color: #3e3e3e;
}
.simulation-video{
  width: 6.64rem;
  height: 3.7rem;
  margin: .3rem auto 0;
  background-color: #4d5860;
}

.teaching-bgd{
  background-color: #fff;
}
.teaching{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.teaching h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.teaching-left{
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 2.5rem 0 0;
  width: 5.67rem;
  height: 5.67rem;
  background: url('../images/teaching-left.png') no-repeat center;
  background-size: contain;
  animation: rotate 10s linear 0s infinite;
}
.teaching-left ul li{
  position: absolute;
  top: 0;
  left: 0;
  width: .68rem;
  height: .68rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .68rem;
  /* background-color: #684cf1; */
  border-radius: .34rem;
  animation: rotate2 10s linear 0s infinite;
}
.teaching-left ul li:nth-of-type(1){
  position: absolute;
  top: 2.49rem;
  left: .82rem;
}
.teaching-left ul li:nth-of-type(2){
  position: absolute;
  top: .66rem;
  left: 2.37rem;
  width: .88rem;
  height: .88rem;
  line-height: .88rem;
  border-radius: .44rem;
}
.teaching-left ul li:nth-of-type(3){
  position: absolute;
  top: 2.49rem;
  left: 4.2rem;
}
.teaching-left ul li:nth-of-type(4){
  position: absolute;
  top: 4.17rem;
  left: 2.49rem;
}
.teaching-left h3{
  font-size: .28rem;
  color: #464646;
  font-weight: 600;
  line-height: .33rem;
  animation: rotate1 10s linear 0s infinite;
}
.teaching-right{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .8rem 0 0;
  width: 7.2rem;
  margin-right: .2rem;
}
.teaching-right p{
  font-size: .3rem;
  color: #3e3e3e;
  line-height: .42rem;
  text-align: center;
  margin-bottom: .1rem;
}
.teaching-right p span{
  font-weight: 600;
}
.teaching-right a{
  display: block;
  width: 4rem;
  height: .6rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  margin: .4rem auto 0;
  background: linear-gradient(to right,#ffbc2d 0,#ff9a3a 100%);
  box-shadow: 3px 3px .25rem #faebdc;
  border-radius: .3rem;
}
@-webkit-keyframes rotate{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(360deg);
   }
}
@-webkit-keyframes rotate1{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(-360deg);
   }
}
@-webkit-keyframes rotate2{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(-360deg);
   }
}

.science-bgd{
  background-color: #fff;
}
.science{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.science h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.science-box{
  box-sizing: border-box;
  padding: .6rem 0;
  width: 7.4rem;
  margin: 0 auto;
  box-shadow: 3px 3px .25rem #e7e7e7;
  border-radius: .07rem;
}
.science-box li{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .6rem 0 0;
  width: 3.5rem;
  margin: 0 .08rem .4rem;
  background-color: #fffaf9;
}
.science-box li img{
  width: 1.52rem;
  height: 1.34rem;
  margin: 0 auto .35rem;
}
.science-box li h3{
  font-size: .24rem;
  color: #3e3e3e;
  font-weight: 600;
  margin-bottom: .15rem;
}
.science-box li p{
  padding: 0 .45rem;
  font-size: .16rem;
  color: #3e3e3e;
  text-align: left;
  margin-bottom: .42rem;
}
.science-box a{
  width: 4rem;
  height: .6rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  margin: .4rem auto 0;
  background: linear-gradient(to right,#ffbc2d 0,#ff9a3a 100%);
  box-shadow: 3px 3px .25rem #faebdc;
  border-radius: .3rem;
}

.zsjz-bgd{
  background-color: #fff;
}
.zsjz{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.zsjz h2{
  font-size: .4rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.zsjz-table{
  width: 7.4rem;
  margin: 0 auto;
  border-left: 1px solid #c3c3c3;
}
.zsjz-table th{
  font-size: .28rem;
  color: #fff;
  line-height: .72rem;
  background-color: #f95f4a;
}
.zsjz-table th:not(:last-of-type){
  border-right: 1px solid #fee3df;
}
.zsjz-table td{
  padding: .2rem 0;
  font-size: .22rem;
  color: #343434;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.zsjz-table td span{
  font-weight: 600;
}
.zsjz-table td:nth-of-type(4){
  box-sizing: border-box;
  padding-left: .4rem;
  text-align: left;
}
.zsjz-table td a{
  width: 1.1rem;
  height: .4rem;
  font-size: .16rem;
  color: #fff;
  text-align: center;
  line-height: .4rem;
  background-color: #ffbe31;
  border-radius: .2rem;
  margin: .2rem auto 0;
}
.tips2{font-size: .16rem; color: #888; text-align: right; margin-top: .2rem;}

/* 加隐私条款 */
.xieyi {margin: 0 auto; font-size: .12rem; text-align: center; line-height: .3rem; color: #666;}
.xieyi .xy {border: none; display: inline-block; background: transparent; height: .3rem; font-size: .12rem; color: #666;}
.xieyi input[type=checkbox] {position: relative; display: inline-block; float: none; width: .17rem; height: .17rem; padding: 0; margin-bottom: 0; border: none; -webkit-appearance: checkbox;}
/* .xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; border: 1px solid #d9d9d9; border-radius: .03rem;
}
.xieyi input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background-color: #0075ff; top: 0; left: 0; width: 100%; border: 1px solid #0075ff; color: #fff; font-size: .12rem; font-weight: bold; text-align: center; line-height: .17rem;} */
.xieyi a {display: inline; background: transparent; font-size: .12rem; line-height: .3rem; color: #ed5736;}
/*协议弹窗样式*/
.es_arg_mask {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3; opacity: 0.3;z-index: 2000;}
.es_agr_box {position: fixed;top: 50%;left: 50%;width: 5.6rem;margin: -2.5rem 0 0 -2.9rem;padding: .1rem;background: #ffffff;border-radius: .08rem;z-index: 2001;}
.es_agr_title {text-align: center;font-size: .3rem;font-weight: bold;padding: .1rem .2rem;}
.es_agr_main {height: 2rem; overflow: auto;}
.es_agr_con {font-size: .16rem;color: #3a3d4b;line-height: .26rem;word-break: break-all;}
.es_agr_btn {text-align: center;padding: .2rem .2rem 0;}
.es_button {line-height: .6rem;border: none;outline: none;cursor: pointer;color: #ffffff;font-size: .24rem;border-radius: .08rem;padding: 0 .4rem;background: #1890FF;background: -webkit-linear-gradient(left, #1890FF, #90CAFF);background: -o-linear-gradient(left, #1890FF, #90CAFF);background: -moz-linear-gradient(left, #1890FF, #90CAFF);background: linear-gradient(left, #1890FF, #90CAFF);}
.es_cancel {display: block;font-size: .14rem;color: #3a3d4b;cursor: pointer; margin-top: .1rem;}
.agreement {padding: .1rem;}
.agreement p {font-size: .24rem; line-height: .4rem; text-indent: 2em; text-align: justify;}