/* 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.5;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;}

.yd-hide{
  display: none;
}

.banner-bgd{
  width: 7.5rem;
  height: 5.2rem;
  margin: 0 auto;
  background: url('../images-yd/banner-bgd.png') no-repeat center;
  background-size: contain;
}
.banner{
  padding: .2rem 0 0;
  font-size: 0;
  text-align: center;
}
.banner-logo{
  width: 1.9rem;
  height: .6rem;
  margin: 0 0 .3rem .2rem;
}
.banner h2{
  width: 5.44rem;
  height: .51rem;
  font-size: .28rem;
  color: #fff;
  text-align: center;
  line-height: .51rem;
  margin: 0 auto .3rem;
  background: url('../images/banner-title-bgd.png') no-repeat center;
  background-size: contain;
}
.banner h3{
  width: 6.67rem;
  height: .87rem;
  margin: 0 auto .5rem;
  background: url('../images/banner-title.png') no-repeat center;
  background-size: contain;
}
.banner-box{
  width: 7.5rem;
  height: 1.38rem;
  background: linear-gradient(to right, transparent 0,#4765d3 50%,transparent 100%);
}
.banner li{
  display: inline-block;
  vertical-align: top;
  margin: 0 .36rem;
}
.banner li span{
  display: inline-block;
  vertical-align: top;
  width: .26rem;
  height: .26rem;
  margin: .19rem .1rem;
  background: url('../images/banner-box.png') no-repeat center;
  background-size: contain;
}
.banner li p{
  display: inline-block;
  vertical-align: top;
  font-size: .28rem;
  color: #fff;
  line-height: .64rem;
}

/* 为什么要选择教育硕士 */
.why-bgd{
  background-color: #fff;
}
.why{
  padding: .7rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.why h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .54rem;
}
.why h2 span{
  color: #1b41cc;
}
.why-box{
  margin: 0 auto;
}
.why-box li{
  width: 7.02rem;
  height: 3.45rem;
  margin: 0 auto .24rem;
  background: url('../images-yd/why-box-img.png') no-repeat center;
  background-size: contain;
}
.why-box li h3{
  padding: .31rem 0 0;
  margin-bottom: .38rem;
}
.why-box li h3 span{
  display: inline-block;
  vertical-align: top;
  width: 5.87rem;
  font-size: .3rem;
  color: #333;
  line-height: .64rem;
  text-align: left;
  font-weight: 600;
}
.why-box li h3 img{
  display: inline-block;
  vertical-align: top;
  width: .64rem;
  height: .64rem;
}
.why-box li p{
  padding: 0 .2rem;
  font-size: .24rem;
  color: #333;
  line-height: .34rem;
  text-align: left;
}
.why-box li p span{
  color: #986400;
}
.why .why-link{
  width: 6.58rem;
  height: .7rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .7rem;
  margin: 0 auto;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  box-shadow: .08rem 0 .16rem rgba(50, 50, 50, 0.59);
  border-radius: .35rem;
}

/* 教育硕士考试常见问题汇总 */
.question-bgd{
  background-color: #fff;
}
.question{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.question h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .2rem;
}
.question h2 span{
  color: #1b41cc;
}
.question-box{

}
.question-left{
  box-sizing: border-box;
  padding: .6rem 0 0;
  width: 7.2rem;
  height: 8.08rem;
  margin: 0 auto;
  background: url('../images-yd/question-box.png') no-repeat center;
  background-size: contain;
}
.question-left h3{
  width: 4rem;
  height: .36rem;
  font-size: .28rem;
  color: #fff;
  font-weight: 600;
  margin: 0 auto .2rem;
  background: url('../images-yd/question-left-title.png') no-repeat center .1rem;
  background-size: 4rem .27rem;
}
.question-left ul{
  box-sizing: border-box;
  padding: .13rem 0 0 0;
  width: 6.34rem;
  height: 5rem;
  margin: 0 auto .2rem;
  background: url('../images-yd/question-ul.png') no-repeat center;
  background-size: contain;
}
.question-left li{
  padding-bottom: .02rem;
  font-size: .22rem;
  color: #fff;
  text-align: left;
  margin: 0 .2rem .14rem .5rem;
}
.question-left li:not(:last-of-type){
  border-bottom: .02rem dashed #fff;
}
.question-left p{
  box-sizing: border-box;
  padding: .14rem .26rem 0;
  width: 5.9rem;
  height: 1.18rem;
  font-size: .26rem;
  color: #976300;
  line-height: .36rem;
  margin: 0 auto;
  text-align: left;
  background: url('../images/question-left.png') no-repeat center;
  background-size: contain;
}
.question-right{
  box-sizing: border-box;
  position: relative;
  padding: .6rem 0 .3rem;
  width: 7.2rem;
  margin: 0 auto .4rem;
  box-shadow: 3px 3px 3px #eee,
              -3px -3px 3px #eee;
}
.question-right .question-img{
  position: absolute;
  bottom: .3rem;
  right: .04rem;
  width: 1.11rem;
  height: 2.12rem;
  background: url('../images/question-box-img.png') no-repeat center;
  background-size: 1.11rem 2.12rem;
}
.question-right h3{
  box-sizing: border-box;
  padding: .18rem 0 0;
  width: 6.54rem;
  height: 1.05rem;
  font-size: .28rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin: 0 auto .24rem;
  background: url('../images/question-right-title.png') no-repeat center;
  background-size: contain;
}
.question-right li{
  width: 6.54rem;
  height: .5rem;
  text-align: left;
  margin: 0 auto;
}
.question-right li:nth-of-type(odd){
  background: #f5f5f5;
}
.question-right li:nth-of-type(even){
  padding: .1rem 0;
}
.question-right li span{
  display: inline-block;
  vertical-align: top;
  width: .24rem;
  height: .24rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .24rem;
  border-radius: .12rem;
  margin: .13rem .12rem 0 .1rem;
  background: linear-gradient(to bottom, #2953ff 0,#1b41cc 100%);
}
.question-right li p{
  display: inline-block;
  vertical-align: top;
  font-size: .26rem;
  color: #333;
  line-height: .5rem;
}
.question-right li i{
  display: inline-block;
  vertical-align: top;
  width: .21rem;
  height: .24rem;
  margin: .1rem .1rem 0 0;
  background: url('../images/question-right-img.png') no-repeat center;
  background-size: contain;
}
.question-right:hover p{
  text-decoration: underline;
}
.question .question-link{
  width: 6.58rem;
  height: .7rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .7rem;
  margin: 0 auto;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  box-shadow: .08rem 0 .16rem rgba(50, 50, 50, 0.59);
  border-radius: .35rem;
}

/* 哪些人适合考教育硕士，有你吗？ */
.who-bgd{
  margin: 0 auto;
  background: url('../images-yd/why-box.png') no-repeat center 1.4rem;
  background-size: 7.5rem 10.47rem;
}
.who{
  padding: .35rem 0 .5rem;
  font-size: 0;
  text-align: center;
}
.who h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 9.8rem;
}
.who h2 span{
  color: #1b41cc;
}
.who .who-link{
  width: 6.58rem;
  height: .7rem;
  font-size: .3rem;
  color: #976300;
  font-weight: 600;
  text-align: center;
  line-height: .7rem;
  margin: 0 auto;
  background: linear-gradient(to right, #ffea8a 0,#eacb3c 100%);
  box-shadow: .08rem 0 .16rem rgba(50, 50, 50, 0.59);
  border-radius: .35rem;
}

/* 教育硕士考试详情分析 */
.detail-bgd{

}
.detail{
  padding: .7rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.detail h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .1rem;
}
.detail h2 span{
  color: #1b41cc;
}
.detail h3{
  font-size: .16rem;
  color: #333;
  margin-bottom: .54rem;
}
.detail img{
  width: 7.5rem;
  height: 9.34rem;
  margin: 0 auto;
}

/* 梯度教学模式层层递进 */
.step-bgd{
  background-color: #fff;
}
.step{
  padding: .35rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.step h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .28rem;
}
.step h2 span{
  color: #1b41cc;
}
.step-box{
  box-sizing: border-box;
  padding: 4.5rem 0 0;
  margin: 0 auto;
  background: url('../images-yd/step-box.png') no-repeat center top;
  background-size: 1.98rem 4.45rem;
}
.step-box li{
  display: inline-block;
  vertical-align: top;
  width: 3.4rem;
  height: 3.12rem;
  margin: 0 .11rem .2rem;
  background: linear-gradient(to bottom, #fff 0,#fdf4f3 100%);
}
.step-box li h3{
  padding-left: .16rem;
  font-size: .24rem;
  color: #333;
  line-height: .4rem;
  text-align: left;
  font-weight: 600;
  margin-bottom: .1rem;
  border-left: .1rem solid #df4a35;
}
.step-box li h3 span{
  color: #df4a35;
  margin: 0 .14rem 0 0;
}
.step-box li p{
  padding: 0 .24rem;
  font-size: .2rem;
  color: #333;
  text-align: left;
  margin-bottom: .2rem;
}
.step-box li p span{
  color: #df4a35;
}
.step-box li:nth-of-type(2){
  background: linear-gradient(150deg, #fff 0,#eff2fb 100%);
}
.step-box li:nth-of-type(2) h3{
  border-color: #1b41cc;
}
.step-box li:nth-of-type(2) h3 span{
  color: #1b41cc;
}
.step-box li:nth-of-type(2) span{
  color: #1b41cc;
}

.step-box li:nth-of-type(3){
  background: linear-gradient(-150deg, #fff 0,#fefbf1 100%);
}
.step-box li:nth-of-type(3) h3{
  border-color: #f3c438;
}
.step-box li:nth-of-type(3) h3 span{
  color: #f3c438;
}
.step-box li:nth-of-type(3) span{
  color: #f3c438;
}

.step-box li:nth-of-type(4){
  background: linear-gradient(150deg, #fff 0,#edfaf8 100%);
}
.step-box li:nth-of-type(4) h3{
  border-color: #03b49f;
}
.step-box li:nth-of-type(4) h3 span{
  color: #03b49f;
}
.step-box li:nth-of-type(4) span{
  color: #03b49f;
}

/* 三大备考难题逐个突破 */
.breakthrough-bgd{
  background-color: #fff;
}
.breakthrough{
  padding: .35rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.breakthrough h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .28rem;
}
.breakthrough h2 span{
  color: #1b41cc;
}
.breakthrough-box{
  box-sizing: border-box;
  padding: .24rem 0 0;
  width: 7.5rem;
  height: 9.14rem;
  margin: 0 auto;
  background: url('../images-yd/breakthrough-box.png') no-repeat center;
  background-size: contain;
}
.breakthrough-box li{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .4rem .12rem 0 .06rem;
  width: 3.5rem;
  height: 4.3rem;
  text-align: left;
  margin: 0 .06rem;
  background: url('../images/breakthrough-box-bgd.png') no-repeat center;
  background-size: contain;
}
.breakthrough-box li h3{
  margin-bottom: .22rem;
}
.breakthrough-box li h3 i{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .3rem 0 0;
  width: .7rem;
  height: .67rem;
  font-size: .24rem;
  color: #fff;
  line-height: .35rem;
  text-align: center;
  margin: 0 .24rem 0 .38rem;
  background: url('../images/breakthrough-box-img01.png') no-repeat center;
  background-size: contain;
}
.breakthrough-box li:nth-of-type(2) h3 i{
  background: url('../images/breakthrough-box-img02.png') no-repeat center;
  background-size: contain;
}
.breakthrough-box li:nth-of-type(3) h3 i{
  background: url('../images/breakthrough-box-img03.png') no-repeat center;
  background-size: contain;
}
.breakthrough-box li h3 span{
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: .68rem;
}
.breakthrough-box li h3 span em{
  font-size: .22rem;
  color: #333;
  font-weight: 600;
}
.breakthrough-box li h3 span{
  font-size: .2rem;
  color: #333;
}
.breakthrough-box li h4{
  width: 2.55rem;
  font-size: .26rem;
  color: #976300;
  text-align: center;
  line-height: .41rem;
  margin-bottom: .2rem;
}
.breakthrough-box li h4 span{
  display: inline-block;
  vertical-align: top;
  font-size: .26rem;
  color: #fff;
  line-height: .41rem;
  font-weight: 600;
  margin-left: .2rem;
}
.breakthrough-box li p{
  padding-left: .55rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
  margin-bottom: .15rem;
}
.breakthrough-box li a{
  width: 2.6rem;
  height: .5rem;
  font-size: .28rem;
  color: #fff;
  margin: .22rem auto 0;
  text-align: center;
  line-height: .5rem;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  box-shadow: .08rem .08rem .16rem rgba(50, 50, 50, 0.59);
  border-radius: .25rem;
}

/* 甑选硬核师资亲倾授课 */
.teacher-bgd{
  background-color: #fff;
}
.teacher{
  padding: .35rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.teacher h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .28rem;
}
.teacher h2 span{
  color: #1b41cc;
}
.teacher-box1{
  position: relative;
}
.teacher-box1 .tempWrap{
  margin: 0 auto;
}
.teacher-list{
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 3.03rem 0 0;
  width: 2.7rem;
  height: 3.8rem;
  margin: 0 .17rem;
  background: url('../images/teacher-box-img01.png') no-repeat center;
  background-size: contain;
}
.teacher-list01{
  background: url('../images/teacher-box-img01.png') no-repeat center;
  background-size: contain;
}
.teacher-list02{
  background: url('../images/teacher-box-img02.png') no-repeat center;
  background-size: contain;
}
.teacher-list03{
  background: url('../images/teacher-box-img03.png') no-repeat center;
  background-size: contain;
}
.teacher-list04{
  background: url('../images/teacher-box-img04.png') no-repeat center;
  background-size: contain;
}
.teacher-list05{
  background: url('../images/teacher-box-img05.png') no-repeat center;
  background-size: contain;
}
.teacher-list06{
  background: url('../images/teacher-box-img06.png') no-repeat center;
  background-size: contain;
}
.teacher-list07{
  background: url('../images/teacher-box-img07.png') no-repeat center;
  background-size: contain;
}
.teacher-list08{
  background: url('../images/teacher-box-img08.png') no-repeat center;
  background-size: contain;
}
.teacher-list09{
  background: url('../images/teacher-box-img09.png') no-repeat center;
  background-size: contain;
}
.teacher-top{
  box-sizing: border-box;
  padding: .1rem 0 0;
  width: 2.7rem;
  height: .74rem;
  background: rgba(38, 52, 60, 0.6);
  border-radius: .1rem;
}
.teacher-top h3{
  padding-left: .24rem;
  font-size: .24rem;
  color: #fff;
  text-align: left;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .1rem;
}
.teacher-top p{
  padding-left: .24rem;
  font-size: .18rem;
  color: #fff;
  text-align: left;
  line-height: 1;
}
.teacher-box1 .next{
  position: absolute;
  left: 0;
  top: 50%;
  width: .4rem;
  height: .4rem;
  font-size: .32rem;
  color: #bdbec5;
  margin: -.2rem 0 0;
  text-align: center;
  line-height: .34rem;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  border-radius: 20px;
}
.teacher-box1 .prev{
  position: absolute;
  right: 0;
  top: 50%;
  width: .4rem;
  height: .4rem;
  font-size: .32rem;
  color: #e2e3eb;
  margin: -.2rem 0 0;
  text-align: center;
  line-height: .34rem;
  background-color: #c7c7ce;
  border-radius: .2rem;
}

.teacher-bottom{
  box-sizing: border-box;
  padding: .64rem 0 0;
  width: 7.02rem;
  height: 5.51rem;
  font-size: 0;
  text-align: center;
  margin: 0 auto;
  background: url('../images-yd/teacher-form.png') no-repeat center;
  background-size: contain;
}
.teacher-bottom h3{
  font-size: .28rem;
  color: #fff;
  font-weight: 600;
  line-height: .8rem;
  margin-bottom: .48rem;
}
.teacher-phone{
  width: 6.12rem;
  height: .5rem;
  text-align: left;
  margin: 0 auto .32rem;
  border: .02rem solid #333;
  border-radius: .05rem;
  background-color: #fff;
  border: .02rem solid #333;
}
.teacher-phone label{
  display: inline-block;
  vertical-align: top;
}
.teacher-phone label img{
  width: .42rem;
  height: .42rem;
  margin: .04rem .22rem;
}
.teacher-phone select{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: .2rem;
  width: 5.24rem;
  height: .5rem;
  font-size: .28rem;
  border: none;
  background-color: #fff;
}
.teacher-phone input[type = text]{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: .2rem;
  width: 5.24rem;
  height: .5rem;
  font-size: .28rem;
  border: none;
  background-color: #fff;
}
.teacher-bottom input[type = button]{
  display: inline-block;
  vertical-align: top;
  width: 6.12rem;
  height: .5rem;
  font-size: .3rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: .5rem;
  margin: 0 auto .2rem;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  box-shadow: .08rem .08rem .16rem rgba(50, 50, 50, 0.59);
  border-radius: .35rem;
  border: none;
}
.teacher-bottom p{
  padding: 0 .44rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
  line-height: .34rem;
  background: linear-gradient(to right, transparent 0, #edf0fb 50%,transparent 100%);
}

/* 精品学习资料配套赠送 */
.database-bgd{

}
.database{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.database h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .28rem;
}
.database h2 span{
  color: #1b41cc;
}
.database-box{
  text-align: left;
}
.database-box li{
  box-sizing: border-box;
  padding: .23rem .18rem;
  width: 7.02rem;
  margin: 0 auto .12rem;
  background-color: #1b41cc;
}
.database-list{
  width: 6.56rem;
  border: .02rem solid #fff;
}
.database-left{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .2rem .2rem 0 .24rem;
  width: 4.2rem;
}
.database-left h3{
  font-size: .26rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  text-align: left;
  margin-bottom: .2rem;
}
.database-left p{
  font-size: .24rem;
  color: #fff;
  line-height: .34rem;
  text-align: left;
}
.database-list img{
  display: inline-block;
  vertical-align: top;
  width: 1.86rem;
  height: 1.86rem;
}

/* 多维服务体系细致入微 */
.system-bgd{

}
.system{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.system h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .28rem;
}
.system h2 span{
  color: #1b41cc;
}
.system-box{
  width: 7.02rem;
  margin: 0 auto .24rem;
  border-left: .24rem solid #1b41cc;
  box-shadow: .03rem .03rem .03rem #eee;
}
.system-box:nth-of-type(2){
  border: none;
  border-right: .24rem solid #1b41cc;
  box-shadow: -.03rem .03rem .03rem #eee;
}
.system-box li{
  box-sizing: border-box;
  padding: .2rem 0;
  width: 6.33rem;
  height: .97rem;
  margin: 0 .25rem;
  text-align: left;
}
.system-box li:not(:last-of-type){
  border-bottom: .02rem dashed #333;
}
.system-box li img{
  display: inline-block;
  vertical-align: top;
  width: .53rem;
  height: .53rem;
  margin-right: .2rem;
}
.system-right{
  display: inline-block;
  vertical-align: top;
}
.system-right h3{
  padding: .05rem 0 0;
  font-size: .18rem;
  color: #333;
  line-height: 1;
  text-align: left;
  font-weight: 600;
  margin-bottom: .04rem;
}
.system-right p{
  font-size: .18rem;
  color: #333;
}

/* 底部版权 */
.title h2{font-size: .4rem;text-align: center;margin-bottom: .2rem;}
.title h2 span{padding-right: .04rem;}
.wrap{width:100%;margin: 0 auto;}

.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.s14-cont{ background: #1459c1; width: 100%;}
.s14-cont ul{width: 825px; margin: 0 auto;}
.s14-cont ul li{width: 275px; float:left; display: block; position: relative; height: 451px;}
.s14-cont ul li.item1{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img02.png) no-repeat center;}
.s14-cont ul li.item2{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img03.png) no-repeat center;}
.s14-cont ul li.item3{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img04.png) no-repeat center;}
.s14-cont ul li .item-show{width: 100%; padding: 60% 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}

/*底部通用*/
.s14-cont ul{width: 100%;}
.s14-cont ul li{width: 50%;float: left;height: 5rem;}
.s14-cont .item-img{ height: auto;}
.s14-cont .item-img img{width: 24%;}
.s14-cont .item-tit{ margin-top: .4rem; font-size: .24rem;}
.s14-cont .info p{height: auto;}
.s14-cont .info a{margin: 0 auto; line-height: 30px; margin-top: .2rem;}



/* 加隐私条款 */
.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;}