@charset "UTF-8";
/* reset */
/*
  *author:Y.Ray
*/
*{margin:0; padding:0;}
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;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.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;}
.clear{clear: both;}
.cont {width: 7.5rem; margin: auto;}


.banner-form select{
  background: #fff url(../images/select-img.png) no-repeat 4.75rem center;
  -webkit-appearance: none;
}
.copyright {width: 7.5rem;bottom: 0;padding: .15rem 0;  font-size: .18rem;color: #fcfcfc;text-align: center; line-height: .25rem;
  margin: 0 auto;background-color: #a7a7a7;}
.copyright p{display:inline;color:#fcfcfc}
.copyright a{display:inline;color:#fcfcfc}

/* 加隐私条款 */
.xieyi {margin: .1rem auto; font-size: .22rem; text-align: center; line-height: .19rem; color: #666;}
.xieyi .xy {border: none; display: inline-block; background: transparent; height: .19rem;}
.xieyi input[type=checkbox] {position: relative; display: inline-block; float: none; width: .24rem; height: .19rem; padding: 0; margin-bottom: 0; border: none; -webkit-appearance: checkbox;-webkit-appearance: none;}
.xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; width: 100%;  height: 100%; background: url(../images/uncheck.png) no-repeat center; background-size: .24rem auto;}
.xieyi input[type=checkbox]:checked::before {position: absolute; background: url(../images/checked.png) no-repeat center; background-size: .24rem auto; top: 0; left: 0; width: 100%;}
.xieyi a {display: inline; background: transparent; color: #ed5736;}
.ejy .xieyi .xy {width: 2rem;}

/*协议弹窗样式*/
.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;}

body .yd-hide{
  display: none;
}

.banner-bgd{
  width: 7.5rem;
  height: 7rem;
  margin: 0 auto;
  background: url('../images-yd/banner-bgd.png') no-repeat center;
  background-size: contain;
}
.banner{
  position: relative;
  padding: 1.2rem 0 0;
}
.banner-logo{
  position: absolute;
  top: .2rem;
  left: .2rem;
  width: 1.6rem;
  height: .5rem;
}
.banner h2{
  width: 3.3rem;
  height: .56rem;
  font-size: .36rem;
  color: #034daf;
  margin: 0 auto;
  text-align: center;
  line-height: .56rem;
  background-color: #fff;
  border-radius: .28rem;
}

/* 我们的优势   成就你的光彩 */
.advance-bgd{
  background-color: #f5f5f7;
}
.advance{
  padding: .7rem 0 0;
  font-size: 0;
  text-align: center;
}
.advance h2{
  position: relative;
  width: 6.2rem;
  height: 1.2rem;
  font-size: .46rem;
  color: #333;
  line-height: 1.6rem;
  font-weight: 600;
  margin: 0 auto .2rem;
  background: url('../images/banner-title.png') no-repeat center;
  background-size: 6.2rem 1.2rem;
}
.advance h2 i{
  position: absolute;
  top: .64rem;
  left: -.6rem;
  width: .53rem;
  height: .38rem;
  background: url('../images/quality-title-icon.png') no-repeat center;
  background-size: contain;
}
.advance h2 i:nth-of-type(2){
  top: .64rem;
  left: 6.3rem;
  transform: rotate(180deg);
}
.advance h2 span{
  position: absolute;
  top: 0;
  left: 50%;
  width: .5rem;
  height: .5rem;
  font-size: .24rem;
  color: #fff;
  font-weight: 400;
  line-height: .5rem;
  margin-left: -.25rem;
  background: url('../images/quality-title-top.png') no-repeat center;
  background-size: contain;
}
.advance h3{
  padding: 0 .44rem;
  font-size: .26rem;
  color: #333;
  line-height: .4rem;
  text-align: left;
  margin: 0 0 .5rem .2rem;
}
.advance-box{
  padding: 0 0 .7rem;
  text-align: left;
  background: url('../images-yd/advance-box.png') no-repeat bottom right;
  background-size: 4.09rem 3.01rem;
}
.advance-box li{
  display: inline-block;
  vertical-align: top;
  width: 3.55rem;
  text-align: left;
  margin-bottom: .2rem;
}
.advance-box li:nth-of-type(odd){
  margin-left: .2rem;
}
.advance-box li h4{
  display: inline-block;
  vertical-align: top;
  padding: 0 .2rem;
  font-size: .28rem;
  color: #fff;
  line-height: .5rem;
  background-color: #3044c3;
  border-radius: .25rem;
  margin: 0 0 .2rem .2rem;
}
.advance-box li p{
  padding: 0 0 0 .2rem;
  font-size: .26rem;
  color: #666;
  line-height: .4rem;
  text-align: left;
}
.advance-box li p span{
  color: #3044c3;
}

/* 对症下药   专注打磨课程质量 */
.quality-bgd{
  background-color: #fff;
}
.quality{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.quality h2{
  position: relative;
  width: 6.2rem;
  height: 1.2rem;
  font-size: .46rem;
  color: #333;
  line-height: 1.6rem;
  font-weight: 600;
  margin: 0 auto;
  background: url('../images/banner-title.png') no-repeat center;
  background-size: 6.2rem 1.2rem;
}
.quality h2 i{
  position: absolute;
  top: .64rem;
  left: -.6rem;
  width: .53rem;
  height: .38rem;
  background: url('../images/quality-title-icon.png') no-repeat center;
  background-size: contain;
}
.quality h2 i:nth-of-type(2){
  top: .64rem;
  left: 6.3rem;
  transform: rotate(180deg);
}
.quality h2 span{
  position: absolute;
  top: 0;
  left: 50%;
  width: .5rem;
  height: .5rem;
  font-size: .24rem;
  color: #fff;
  font-weight: 400;
  line-height: .5rem;
  margin-left: -.25rem;
  background: url('../images/quality-title-top.png') no-repeat center;
  background-size: contain;
}
.quality h3{
  font-size: .3rem;
  color: #334fc8;
  font-weight: 600;
  margin-bottom: .48rem;
}
.quality-box{
  text-align: left;
}
.quality-box li{
  margin-bottom: .2rem;
}
.quality-box li h4{
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  height: .7rem;
  font-size: .28rem;
  color: #fff;
  line-height: .7rem;
  margin-left: .1rem;
  background: url('../images-yd/quality-box-h4.png') no-repeat center;
  background-size: contain;
}
.quality-box li h4 span{
  display: inline-block;
  vertical-align: top;
  width: .4rem;
  height: .4rem;
  font-size: .3rem;
  color: #334fc8;
  text-align: center;
  line-height: .4rem;
  margin: .15rem .1rem 0 .1rem;
  background-color: #fff;
  border-radius: .2rem;
}
.quality-box li P{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-left: .3rem;
  width: 4.8rem;
  height: .7rem;
  font-size: .26rem;
  color: #333;
  line-height: .7rem;
  margin: .2rem 0 0;
  background: url('../images/quality-box-p.png') no-repeat center;
  background-size: contain;
}

/* 阶段学习促提升 */
.study-bgd{
  background-color: #f5f5f7;
}
.study{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.study h2{
  font-size: .3rem;
  color: #334fc8;
  font-weight: 600;
  margin-bottom: .25rem;
}
.study h3{
  font-size: .26rem;
  color: #333;
  line-height: .4rem;
  margin-bottom: .5rem;
}
.study h3 i{
  color: #334fc8;
}
.study-box{
  position: relative;
  width: 7.5rem;
  text-align: left;
  background: url('../images-yd/study-box-img.png') no-repeat bottom right;
  background-size: 3.75rem 2.8rem;
}
.study-box li{
  display: inline-block;
  vertical-align: top;
  padding: .3rem 0 0;
  width: 3.3rem;
  height: 2.12rem;
  background-color: #fff;
  box-shadow: 0 0 .08rem rgba(51, 79, 200, .17);
  border-radius: .1rem;
  margin-bottom: .3rem;
}
.study-box li:nth-of-type(odd){
  margin: 0 .2rem 0 .36rem;
}
.study-box li h4{
  padding-left: .2rem;
  font-size: .28rem;
  color: #333;
  text-align: left;
  font-weight: 600;
  margin: 0 0 .2rem .3rem;
  border-left: .04rem solid #334fc8;
}
.study-box li p{
  padding: 0 .2rem;
  font-size: .26rem;
  color: #666;
  line-height: .4rem;
  text-align: left;
}

/* 精心服务  督学伴学成就学业 */
.service-bgd{
  background-color: #fff;
}
.service{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.service h2{
  position: relative;
  width: 6.2rem;
  height: 1.2rem;
  font-size: .46rem;
  color: #333;
  line-height: 1.6rem;
  font-weight: 600;
  margin: 0 auto;
  background: url('../images/banner-title.png') no-repeat center;
  background-size: 6.2rem 1.2rem;
}
.service h2 i{
  position: absolute;
  top: .64rem;
  left: -.6rem;
  width: .53rem;
  height: .38rem;
  background: url('../images/quality-title-icon.png') no-repeat center;
  background-size: contain;
}
.service h2 i:nth-of-type(2){
  top: .64rem;
  left: 6.3rem;
  transform: rotate(180deg);
}
.service h2 span{
  position: absolute;
  top: 0;
  left: 50%;
  width: .5rem;
  height: .5rem;
  font-size: .24rem;
  color: #fff;
  font-weight: 400;
  line-height: .5rem;
  margin-left: -.25rem;
  background: url('../images/quality-title-top.png') no-repeat center;
  background-size: contain;
}
.service h3{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 0 0;
  width: 6.6rem;
  height: .8rem;
  font-size: .36rem;
  color: #fff;
  line-height: .8rem;
  font-weight: 600;
  background:linear-gradient(to bottom,#478fe5,#2e40c2);
}
.service-box{
  box-sizing: border-box;
  padding: .4rem 0 0;
  width: 6.6rem;
  height: 3.8rem;
  margin: 0 auto .3rem;
  background-color: #fafafc;
}
.service-box li{
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .26rem 0 0;
  width: 2.2rem;
  height: 1.02rem;
  margin: 0 .5rem .68rem;
  background-color: #fff;
  border-top: .04rem solid #3954ca;
  box-shadow: 0 0 .1rem rgba(178, 178, 178, 0.3);
}
.service-box li.yd-hide{
  display: none;
}
.service-box li:nth-of-type(1)::after{
  position: absolute;
  top: .4rem;
  right: -.6rem;
  width: 0;
  height: 0;
  content: '';
  border-top: .09rem solid transparent;
  border-left: .2rem solid #334fc8;
  border-bottom: .09rem solid transparent;
}
.service-box li:nth-of-type(2)::after{
  position: absolute;
  bottom: -.52rem;
  right: 1rem;
  width: 0;
  height: 0;
  content: '';
  border-left: .09rem solid transparent;
  border-top: .2rem solid #334fc8;
  border-right: .09rem solid transparent;
}
.service-box li:nth-of-type(5)::after{
  position: absolute;
  top: .4rem;
  right: -.6rem;
  width: 0;
  height: 0;
  content: '';
  border-top: .09rem solid transparent;
  border-right: .2rem solid #334fc8;
  border-bottom: .09rem solid transparent;
}
.service-box li h4{
  font-size: .28rem;
  color: #333;
  margin-bottom: .28rem;
}
.service-box li p{
  width: .34rem;
  height: .34rem;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  line-height: .34rem;
  margin: 0 auto;
  background-color: #334fc8;
  border-radius: .17rem;
}
.service-bottom li{
  display: inline-block;
  vertical-align: top;
  width: 3.4rem;
  height: 2.4rem;
  text-align: left;
  margin: 0 .1rem .2rem;
  background-color: #f7f7fa;
  border-radius: .12rem;
}
.service-bottom li:nth-of-type(1){
  background: #f7f7fa url('../images-yd/service-bottom-icon01.png') no-repeat;
  background-position: 2.74rem 1.76rem;
  background-size: .4rem .5rem;
}
.service-bottom li:nth-of-type(2){
  background: #f7f7fa url('../images-yd/service-bottom-icon02.png') no-repeat;
  background-position: 2.74rem 1.76rem;
  background-size: .4rem .5rem;
}
.service-bottom li:nth-of-type(3){
  background: #f7f7fa url('../images-yd/service-bottom-icon03.png') no-repeat;
  background-position: 2.74rem 1.76rem;
  background-size: .4rem .5rem;
}
.service-bottom li:nth-of-type(4){
  background: #f7f7fa url('../images-yd/service-bottom-icon04.png') no-repeat;
  background-position: 2.74rem 1.76rem;
  background-size: .4rem .5rem;
}
.service-bottom li h4{
  width: 3.4rem;
  height: .5rem;
  font-size: .26rem;
  color: #fff;
  line-height: .5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: .2rem;
  background-color: #3f77da;
  border-radius: .12rem .12rem 0 0;
}
.service-bottom li h4 i{
  display: inline-block;
  vertical-align: top;
  width: .3rem;
  height: .3rem;
  margin: .1rem .05rem;
  background: url('../images-yd/service-bottom-title01.png') no-repeat center;
  background-size: contain;
}
.service-bottom li:nth-of-type(1) h4 i{
  background: url('../images-yd/service-bottom-title01.png') no-repeat center;
  background-size: contain;
}
.service-bottom li:nth-of-type(2) h4 i{
  background: url('../images-yd/service-bottom-title02.png') no-repeat center;
  background-size: contain;
}
.service-bottom li:nth-of-type(3) h4 i{
  background: url('../images-yd/service-bottom-title03.png') no-repeat center;
  background-size: contain;
}
.service-bottom li:nth-of-type(4) h4 i{
  background: url('../images-yd/service-bottom-title04.png') no-repeat center;
  background-size: contain;
}
.service-bottom li h4 em{
  font-size: .22rem;
}
.service-bottom li p{
  display: inline-block;
  vertical-align: top;
  width: 2.7rem;
  padding: 0 .1rem 0 0;
  font-size: .2rem;
  color: #666;
  text-align: left;
  line-height: .36rem;
  margin-right: .1rem;
}
.service-bottom li span{
  display: inline-block;
  vertical-align: top;
  width: .06rem;
  height: .06rem;
  margin: .15rem .1rem 0 .3rem;
  background-color: #334fc8;
}

.service-tip{
  width: 6.6rem;
  height: .62rem;
  font-size: .24rem;
  color: #333;
  line-height: .62rem;
  text-align: center;
  margin: 0 auto .4rem;
  background-color: #f7f7fa;
  border-radius: .31rem;
}
.service-tip span{
  color: #f00;
}
.service .service-link{
  display: block;
  width: 6.6rem;
  height: .8rem;
  font-size: .4rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  line-height: .8rem;
  background:linear-gradient(to bottom,#478fe5,#2e40c2);
  border-radius: .4rem;
  box-shadow: 0 .05rem .1rem rgba(63, 119, 218, 0.5);
}














a{}