.banner-bgd{
  width: 7.5rem;
  height: 7.6rem;
  margin: 0 auto;
  background: url('../images/banner-bgd.png') no-repeat center;
  background-size: contain;
}
.banner{
  padding-top: .2rem;
  font-size: 0;
}
.banner img{
  display: block;
  width: 1.9rem;
  height: .6rem;
  margin: 0 0 .2rem .2rem;
}
.banner h3{
  box-sizing: border-box;
  padding-left: .15rem;
  width: 4.02rem;
  height: .86rem;
  font-size: .3rem;
  color: #fff;
  line-height: .52rem;
  margin: 0 0 2.75rem 1.28rem;
  background: url('../images/banner-title.png') no-repeat center;
  background-size: contain;
}
.banner h3 span{
  display: inline-block;
  vertical-align: top;
  color: #325ce3;
  line-height: .52rem;
  font-weight: 600;
  margin: .12rem 0 0 .34rem;
}
.banner p{
  padding-left: 1rem;
  font-size: .26rem;
  color: #fff;
  margin-bottom: .2rem;
}
.banner a{
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  height: .6rem;
  font-size: .32rem;
  color: #325ce3;
  line-height: .6rem;
  text-align: center;
  font-weight: 600;
  margin: .4rem .3rem 0 0;
  background-image: linear-gradient(to bottom, #ffdc9a 0,#ffcb68 100%);
  border-radius: .3rem;
  box-shadow: 0 5px 0px #5f70ba;
}
.banner a:nth-of-type(1){
  margin-left: .64rem;
}

.question-bgd{
  background: #fff;
}
.question{
  padding: .6rem 0;
  font-size: 0;
  text-align: center;
}
.question h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: 1.24rem;
}
.question h2 span{
  color: #ff9500;
}
.question-list{
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 1rem;
  width: 3rem;
  height: 2.82rem;
  margin: 0 .2rem;
  box-shadow: 3px 0px 3px rgba(244, 247, 253, 0.5),
              -3px -3px 3px rgba(244, 247, 253, 0.5);
  border-radius: .1rem .1rem 0 0;
}
.question-list img{
  display: block;
  position: absolute;
  top: -.79rem;
  left: 50%;
  width: 1.58rem;
  height: 1.58rem;
  margin-left: -.79rem;
}
.question-list h3{
  width: 1.8rem;
  height: .44rem;
  font-size: .28rem;
  color: #fff;
  font-weight: 600;
  margin: 0 auto .25rem;
  text-align: center;
  line-height: .44rem;
  background: #4469e3;
}
.question-list p{
  padding: 0 .1rem;
  font-size: .22rem;
  color: #333;
  line-height: .3rem;
  text-align: left;
}
.question-box{
  width: 7rem;
  height: 1.2rem;
  margin: 0 auto;
  border-radius: .1rem;
  background: #325ce3;
}
.question-box:nth-of-type(2){
  margin-bottom: 1.1rem;
}
.question-list0{
  display: inline-block;
  vertical-align: top;
  width: 3.5rem;
}
.question-list0 h3{
  display: inline-block;
  vertical-align: top;
  width: .6rem;
  height: .6rem;
  font-size: .4rem;
  color: #325ce3;
  font-weight: 600;
  text-align: center;
  line-height: .6rem;
  margin: .3rem .18rem 0 .4rem;
  background-image: linear-gradient(to bottom, #ffdc9a 0,#ffcb69 100%);
  border-radius: .3rem;
}
.question-right{
  display: inline-block;
  vertical-align: top;
  margin: .2rem 0;
  padding-right: .38rem;
}
.question-list0:not(:last-of-type) .question-right{
  border-right: 1px solid #c7d4ff;
}
.question-right h4{
  font-size: .28rem;
  color: #fff;
  font-weight: 600;
  text-align: left;
  margin-bottom: .05rem;
}
.question-right p{
  font-size: .22rem;
  color: #fff;
}

.process-bgd{
  width: 7.5rem;
  margin: 0 auto;
  background: url('../images/process-bgd.png') no-repeat center 1rem;
  box-sizing: border-box;
}
.process{
  font-size: 0;
  text-align: center;
}
.process h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
}
.process h2 span{
  color: #ff9500;
}
.process-box{
  box-sizing: border-box;
  padding-top: 1rem;
  width: 7.24rem;
  margin: 0 auto;
  text-align: left;
  background: url('../images/process-cont.png') no-repeat center .9rem;
  background-size: contain;
}
.process-list{
  display: inline-block;
  vertical-align: top;
  margin: 0 .4rem .52rem;
}
.process-list:nth-of-type(9){
  margin-left: 2.8rem;
}
.process-list h3{
  width: .94rem;
  height: 1.02rem;
  font-size: .36rem;
  color: #fff;
  line-height: .9rem;
  text-align: center;
  font-weight: 600;
  margin: 0 auto .1rem;
  background: url('../images/process-list__img01.png') no-repeat center;
  background-size: contain;
}
.process-list h4{
  font-size: .22rem;
  color: #333;
  text-align: center;
  font-weight: 600;
  margin-bottom: .15rem;
}
.process-list a{
  display: block;
  width: 1.6rem;
  height: .5rem;
  font-size: .22rem;
  color: #fff;
  text-align: center;
  line-height: .5rem;
  margin: 0 auto;
  background-image: linear-gradient(to bottom, #3f69f1 0,#163fc3 100%);
  border-radius: .25rem;
}

.teach-bgd{
  margin: 0 auto;
  background: url('../images/teach-bgd.png') no-repeat center 1.3rem;
  background-size: contain;
}
.teach{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.teach h2{
  font-size: .36rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .6rem;
}
.teach h2 span{
  color: #ff9500;
}
.teach .teach-box{
  padding-top: .3rem;
  width: 7rem;
  margin: 0 auto;
  background: #fff;
}
.teach-list{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 3.28rem;
  height: 5.28rem;
  margin: 0 .1rem .4rem;
  background: url('../images/teach-list__img01.png') no-repeat center;
  background-size: contain;
}
.teach-list h3{
  font-size: .28rem;
  color: #fff;
  line-height: .6rem;
  margin-bottom: .3rem;
}
.teach-list h4{
  padding-top: .2rem;
  font-size: .26rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: .1rem;
}
.teach-list i{
  display: block;
  font-size: .22rem;
  color: #fff;
  text-align: center;
  margin-bottom: .2rem;
}
.teach-list h5{
  padding: 0 .14rem 0 .36rem;
  font-size: .24rem;
  color: #325ce3;
  line-height: .6rem;
  font-weight: 600;
  margin-bottom: .15rem;
}
.teach-list p{
  padding: 0 .24rem 0 .46rem;
  font-size: .22rem;
  color: #333;
  text-align: left;
  margin-bottom: .05rem;
}
.teach-list p span{
  font-weight: 600;
}

.score-bgd{
  background: #fff;
}
.score{
  position: relative;
  font-size: 0;
  text-align: center;
}
.score h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .6rem;
}
.score h2 span{
  color: #ff9500;
}
.score-table{
  width: 7rem;
  margin: 0 auto .5rem;
  border-left: 1px solid #325ce3;
}
.score-table th{
  font-size: .24rem;
  color: #fff;
  line-height: .6rem;
  font-weight: 600;
  background: #325ce3;
}
.score-table td{
  font-size: .2rem;
  color: #333;
  line-height: .5rem;
  border-right: 1px solid #98adf1;
  border-bottom: 1px solid #98adf1;
}
.score .score-link{
  display: inline-block;
  vertical-align: top;
  width: 2.2rem;
  height: .6rem;
  font-size: .26rem;
  color: #325ce3;
  line-height: .6rem;
  background: #e6e9f8;
  margin: 0 .1rem .4rem;
  border-radius: .05rem;
}
.score-form{
  position: relative;
  width: 7.5rem;
  padding: .2rem 0;
  background: #fff;
  margin-bottom: .3rem;
  box-shadow: 0 1px 5px rgba(0,0,0,0.2),0 0 50px rgba(0,0,0,0.07) inset;
}
.score-form:before{
  left: .4rem;
  transform: skew(-24deg) rotate(-3deg);
  }
.score-form:after{
  right: .4rem;
  transform: skew(24deg) rotate(3deg);
}
.score-form:before,.score-form:after{
  position: absolute;
  bottom: .2rem;
  content: "";
  width: 6.8rem;
  height: .8rem;
  border: 1px solid #ccc;
  box-shadow: 0 .1rem .2rem rgba(0,0,0,0.4);
  background: transparent;
  z-index: -1;
}
.score-form h3{
  font-size: .3rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .2rem;
}
.score-form input[type = text]{
  display: block;
  width: 6rem;
  height: .6rem;
  font-size: .24rem;
  text-align: center;
  border: 1px solid #cfcfcf;
  margin: 0 auto .2rem;
  border-radius: .05rem;
}
.score-form input[type = button]{
  display: inline-block;
  vertical-align: top;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  background: #325ce3;
  border-radius: .05rem;
  border: none;
}

.score-form > p{
  padding: 0 .3rem;
  font-size: .22rem;
  color: #666;
  text-align: left;
}
.score-form > p span{
  color: #f00;
}

.listen-bgd{
  width: 7.5rem;
  margin: 0 auto;
  background: url('../images/listen-bgd.png') no-repeat center top;
  background-size: contain;
}
.listen{
  padding: .6rem 0;
  font-size: 0;
  text-align: center;
}
.listen h2{
  font-size: .38rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: .4rem;
}
.listen h2 span{
  color: #ffa434;
}
.listen-left{
  display: block;
  width: 4.68rem;
  height: 3.77rem;
  margin: 0 auto .4rem;
}
.listen-right{
  box-sizing: border-box;
  display: block;
  padding-top: .3rem;
  width: 6.9rem;
  height: 3.9rem;
  margin: 0 auto .4rem;
  box-shadow: 0 1px .05rem rgba(0,0,0,0.2),0 0 .5rem rgba(0,0,0,0.07) inset;
}
.listen-right ul{
  box-sizing: border-box;
  display: block;
  padding-top: .07rem;
  width: 6.9rem;
  height: 3.2rem;
  background: url('../images/listen-right.png') no-repeat .3rem center;
  background-size: contain;
}
.listen-list{
  box-sizing: border-box;
  padding-left: 10px;
  width: 6.1rem;
  height: .4rem;
  font-size: .22rem;
  color: #333;
  margin: 0 0 .28rem .7rem;
  text-align: left;
  background: #ebf0f6;
}
.listen-form{
  position: relative;
  width: 7.5rem;
  padding: .2rem 0;
  background: #fff;
  margin-bottom: .6rem;
}
.listen-form:before{
  left: .4rem;
  transform: skew(-24deg) rotate(-3deg);
  }
.listen-form:after{
  right: .4rem;
  transform: skew(24deg) rotate(3deg);
}
.listen-form:before,.listen-form:after{
  position: absolute;
  bottom: .15rem;
  content: "";
  width: 5rem;
  height: 1.2rem;
  border: 1px solid #ccc;
  box-shadow: 0 .15rem .2rem rgba(0,0,0,0.4);
  background: transparent;
  z-index: -1;
}
.listen-form h3{
  font-size: .3rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .1rem;
}
.listen-form h4{
  font-size: .22rem;
  color: #f00;
  margin-bottom: .2rem;
}
.listen-form select{
  display: block;
  padding-left: .2rem;
  width: 6rem;
  height: .6rem;
  font-size: .24rem;
  border: 1px solid #ccc;
  border-radius: .05rem;
  margin: 0 auto .2rem;
}
.listen-form input[type = text]{
  display: block;
  padding-left: .2rem;
  width: 5.8rem;
  height: .6rem;
  font-size: .24rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto .2rem;
}
.listen-form input[type = button]{
  display: inline-block;
  vertical-align: top;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  background: #325ce3;
  border-radius: .05rem;
  border: none;
}
.listen-form p{
  font-size: .22rem;
  color: #666;
}
.listen-form p span{
  color: #f00;
}

.download-bgd{
  margin: 0 auto;
  background: url('../images/download-bgd.png') no-repeat center;
  box-sizing: border-box;
}
.download{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.download h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .5rem;
}
.download h2 span{
  color: #ffa434;
}
.download-left{
  box-sizing: border-box;
  display: block;
  padding-top: .4rem;
  width: 7.1rem;
  margin: 0 auto .4rem;
  background: #fff;
  border-top: .08rem solid #325ce3;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2),
              -3px -1px 5px rgba(0,0,0,0.2);
}
.download-left-list{
  display: inline-block;
  vertical-align: top;
  margin: 0 .24rem .4rem;
}
.download-left-list a{
  display: block;
}
.download-left-list img{
  display: block;
  width: .92rem;
  height: .92rem;
  margin: 0 auto .05rem;
}
.download-left-list h3{
  font-size: .22rem;
  color: #333;
  margin-bottom: .1rem;
}
.download-left-list p{
  padding: .05rem .1rem;
  font-size: .26rem;
  color: #325ce3;
  border: 1px solid #325ce3;
  border-radius: .05rem;
}
.download-form{
  display: inline-block;
  vertical-align: top;
  padding: .3rem 0;
  width: 7.1rem;
  background: #fff;
  margin-bottom: .6rem;
  border-top: .08rem solid #325ce3;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2),
              -3px -1px 5px rgba(0,0,0,0.2);
}
.download-form h3{
  font-size: .3rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .25rem;
}
.download-list{
  margin-bottom: .15rem;
}
.download-list label{
  display: inline-block;
  vertical-align: top;
  width: .6rem;
  height: .58rem;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: .05rem 0 0 .05rem;
}
.download-list label span{
  display: block;
  width: .58rem;
  height: .58rem;
  margin: 0 auto;
  background: url('../images/download-list__img01.png') no-repeat center;
  background-size: contain;
}
.download-list:nth-of-type(2) label span{
  background: url('../images/download-list__img02.png') no-repeat center;
  background-size: contain;
}
.download-list input[type = text]{
  display: inline-block;
  vertical-align: top;
  width: 5.4rem;
  height: .58rem;
  font-size: .24rem;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 .05rem .05rem 0;
}
.download-form input[type = button]{
  display: block;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  margin: 0 auto .1rem;
  background: #ffa434;
  border: none;
  border-radius: .05rem;
}
.download-form > a{
  display: block;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  margin: 0 auto;
  background: #325ce3;
  border: none;
  border-radius: .05rem;
}
.download-form > p{
  padding: 0 .15rem;
  font-size: .22rem;
  color: #666;
  text-align: center;
}
.download-form > p span{
  color: #f00;
}
.download-box{
  box-sizing: border-box;
  padding-top: .15rem;
  width: 7.5rem;
  height: 3.6rem;
  background: url('../images/download-box.png') no-repeat center;
  background-size: contain;
}
.download-box li{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-top: .3rem;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .5rem .5rem;
  background: url('../images/download-box__img.png') no-repeat center;
  background-size: contain;
}
.download-box a{
  display: block;
}
.download-box h3{
  font-size: .24rem;
  color: #fff;
  margin-bottom: .1rem;
}
.download-box p{
  width: 1.02rem;
  height: .3rem;
  font-size: .22rem;
  color: #325ce3;
  line-height: .3rem;
  margin: 0 auto;
  background: #fff;
  border-radius: 15px;
}

.database-bgd{
  background: #fff;
}
.database{
  padding: .6rem 0;
  font-size: 0;
  text-align: center;
}
.database h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.database h2 span{
  color: #ffa434;
}
.database img{
  display: block;
  width: 7.34rem;
  height: 1.81rem;
  margin: 0 auto .5rem;
}
.database-form{
  box-sizing: border-box;
  padding-top: .4rem;
  width: 7.1rem;
  height: 5.98rem;
  margin: 0 auto;
  background: url('../images/database-form.png') no-repeat center;
  background-size: contain;
}
.database-form h3{
  font-size: .3rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: .15rem;
}
.database-form h4{
  font-size: .22rem;
  color: #ffce5c;
  margin-bottom: .1rem;
}
.database-form select{
  display: inline-block;
  vertical-align: top;
  padding-left: .2rem;
  width: 6rem;
  height: .6rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .05rem;
  margin: 0 auto .25rem;
}
.database-form input[type = text]{
  display: block;
  padding-left: .2rem;
  width: 5.8rem;
  height: .6rem;
  font-size: .24rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .05rem;
  margin: 0 auto .25rem;
}
.database-form input[type = button]{
  display: inline-block;
  vertical-align: top;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #325ce3;
  font-weight: 600;
  text-align: center;
  line-height: .6rem;
  background-image: linear-gradient(to bottom, #fef0ca 0,#fccc7a 100%);
  border: none;
  border-radius: .05rem;
}
.database-form > p{
  font-size: .2rem;
  color: #fff;
}

.teacher-bgd{
  margin: 0 auto;
  background: url('../images/teacher-bgd.png') no-repeat bottom center;
}
.teacher{
  padding: 0 0 .6rem;
  font-size: 0;
  text-align: center;
}
.teacher h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: 1.15rem;
}
.teacher h2 span{
  color: #ffa434;
}
.teacher-list{
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: .85rem 0 .4rem;
  width: 2.2rem;
  margin: 0 .15rem;
  background: #fff;
  box-shadow: .03rem .03rem .03rem rgba(0, 0, 0, 0.2),
              -.03rem -.03rem .03rem rgba(0, 0, 0, 0.2);
  border-radius: .1rem;
}
.teacher-list img{
  position: absolute;
  top: -.72rem;
  left: 50%;
  display: block;
  width: 1.32rem;
  height: 1.45rem;
  margin-left: -.65rem;
}
.teacher-list h3{
  position: relative;
  font-size: .24rem;
  color: #325ce3;
  font-weight: 600;
  margin-bottom: .25rem;
}
.teacher-list h3 i{
  position: absolute;
  left: 50%;
  bottom: -.1rem;
  width: .34rem;
  height: .04rem;
  margin-left: -.17rem;
  background: #e6e6e6;
}
.teacher-list p{
  padding: 0 .2rem;
  height: 3rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
  margin-bottom: .2rem;
}
.teacher-list a{
  display: block;
  width: 1.9rem;
  height: .5rem;
  font-size: .26rem;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  line-height: .5rem;
  background: #325ce3;
  border-radius: .25rem;
}

.housekeeper-bgd{
  background: #fff;
}
.housekeeper{
  padding: .6rem 0 .3rem;
  font-size: 0;
  text-align: center;
}
.housekeeper h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .4rem;
}
.housekeeper h2 span{
  color: #ffa434;
}
.housekeeper-list{
  display: inline-block;
  vertical-align: top;
  padding: .15rem 0 .3rem;
  width: 3.42rem;
  margin: 0 .12rem .25rem;
  box-shadow: .03rem .03rem .03rem rgba(0, 0, 0, 0.2),
              -.03rem -.03rem .03rem rgba(0, 0, 0, 0.2);
  border-radius: .05rem;
}
.housekeeper-list img{
  display: block;
  width: .9rem;
  height: .9rem;
  margin: 0 auto .15rem;
}
.housekeeper-list h3{
  font-size: .26rem;
  color: #325ce3;
  font-weight: 600;
  margin-bottom: .18rem;
}
.housekeeper-list p{
  height: 1.28rem;
  padding: 0 .15rem;
  font-size: .22rem;
  color: #1a1a1a;
  line-height: .32rem;
  text-align: left;
  margin-bottom: .2rem;
}
.housekeeper-list a{
  display: block;
  width: 2.6rem;
  height: .5rem;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  line-height: .5rem;
  background: #325ce3;
  border-radius: .05rem;
  margin: 0 auto;
}

.zsjz-bgd{
  background: #fff;
}
.zsjz{
  padding: 0 0 .6rem;
  font-size: 0;
  text-align: center;
}
.zsjz h2{
  font-size: .36rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .1rem;
}
.zsjz h2 span{
  color: #ffa434;
}
.zsjz h3{
  font-size: .2rem;
  color: #333;
  text-align: center;
  margin-bottom: .3rem;
}
.zsjz-table{
  width: 7.4rem;
  margin: 0 auto .6rem;
  box-shadow: .03rem .03rem .03rem rgba(0, 0, 0, 0.2),
              -.03rem -.03rem .03rem rgba(0, 0, 0, 0.2);
  border-radius: .2rem;
}
.zsjz-table th{
  height: .79rem;
  font-size: .26rem;
  color: #333;
  font-weight: 600;
  line-height: .79rem;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.zsjz-table th:nth-of-type(1){
  color: #fff;
  background-image: linear-gradient(to bottom, #1742d1 0,#325be3 100%);
  border-radius: .2rem 0 0 0;
  border: none;
}
.zsjz-table th:last-of-type{
  border-radius: 0 .2rem 0 0;
}
.zsjz-table td{
  position: relative;
  font-size: .18rem;
  color: #333;
  line-height: .36rem;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.zsjz-table td i{
  position: absolute;
  top: .12rem;
  left: 50%;
  width: .56rem;
  height: .56rem;
  margin-left: -.28rem;
  background: url('../images/zsjz-icon.png') no-repeat center;
  background-size: contain;
}
.zsjz-table td:nth-of-type(1){
  box-sizing: border-box;
  width: .8rem;
  padding: 0 10px;
  font-size: .44rem;
  color: #fff;
  line-height: .6rem;
  font-weight: 600;
  background-image: linear-gradient(to bottom, #1742d1 0,#325be3 100%);
  border-radius: .2rem 0 0 .2rem;
  border: none;
}
.zsjz-table tr:nth-of-type(2) td:nth-of-type(1){
  border-top-left-radius: 0;
}
.zsjz-table tr:nth-of-type(3) td:nth-of-type(1){
  background-image: linear-gradient(to bottom, #f04c3e 0,#ff685e 100%);
}
.zsjz-table td:nth-of-type(6){
  padding: .05rem 0 .05rem .2rem;
  text-align: left;
}
.zsjz img{
  display: block;
  width: 7.26rem;
  height: 4.1rem;
  margin: 0 auto .3rem;
}
.zsjz a{
  display: block;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  line-height: .6rem;
  text-align: center;
  margin: 0 auto;
  background: #325ce3;
  border-radius: .05rem;
}

.course-bgd{
  background: #fff;
}
.course{
  font-size: 0;
  text-align: center;
}
.course h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .1rem;
}
.course h2 span{
  color: #ffa434;
}
.course h3{
  font-size: .26rem;
  color: #4c4c4c;
  margin-bottom: .45rem;
}
.course img{
  display: block;
  width: 7.5rem;
  height: .6rem;
}
.course-form{
  position: relative;
  width: 6.38rem;
  padding: .1rem 0;
  background: #fff;
  margin: 0 auto .6rem;
}
.course-form:before{
  left: .4rem;
  transform: skew(-24deg) rotate(-3deg);
  }
.course-form:after{
  right: .4rem;
  transform: skew(24deg) rotate(3deg);
}
.course-form:before,.course-form:after{
  position: absolute;
  bottom: .2rem;
  content: "";
  width: 6.38rem;
  height:1.2rem;
  border: 1px solid #ccc;
  box-shadow: 0 .15rem .2rem rgba(0,0,0,0.4);
  background: transparent;
  z-index: -1;
}
.course-list{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .75rem 0 0;
  width: 1.54rem;
  height: 2.91rem;
  margin: 0 .02rem;
  background: url('../images/course-list__img.png') no-repeat center;
  background-size: contain;
}
.course-list h4{
  padding-bottom: .1rem;
  font-size: .54rem;
  color: #fff;
  font-weight: 600;
  margin: 0 .1rem .2rem;
  border-bottom: 1px dashed #ffce99;
}
.course-list i{
  display: block;
  width: 1.38rem;
  height: .4rem;
  font-size: .18rem;
  color: #f83a00;
  line-height: .4rem;
  font-weight: 600;
  background: #fff;
  margin: 0 auto .1rem;
  border-radius: .2rem;
}
.course-list p{
  font-size: .16rem;
  color: #fff;
}
.course-form > p{
  padding: 0 .2rem;
  font-size: .22rem;
  color: #2e2e2e;
  line-height: .36rem;
  text-align: left;
  margin-bottom: .2rem;
}
.course-form > p span{
  font-weight: 600;
}
.course-form select{
  display: block;
  padding-left: .2rem;
  width: 6rem;
  height: .6rem;
  font-size: .24rem;
  margin: 0 auto .2rem;
  border: 1px solid #ccc;
  border-radius: .05rem;
}
.course-form input[type = text]{
  display: inline-block;
  vertical-align: top;
  padding-left: .2rem;
  width: 5.8rem;
  height: .6rem;
  font-size: .24rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto .2rem;
}
.course-form input[type = button]{
  display: block;
  width: 6rem;
  height: .6rem;
  font-size: .3rem;
  color: #fff;
  background: #325ce3;
  border-radius: .05rem;
  border: none;
  margin: 0 auto;
}

.footer-bgd{
  background: #fff;
}
.footer{
  padding: .3rem 0;
  font-size: 0;
  text-align: center;
}
.footer h2{
  font-size: .38rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .45rem;
}
.footer h2 span{
  color: #ffa434;
}
.footer ul{
  width: 7.5rem;
  height: 4.1rem;
  margin: 0 auto;
  background: url('../images/footer-bgd.png') no-repeat center;
  background-size: contain;
}
.footer-list{
  display: inline-block;
  vertical-align: top;
  padding-top: .95rem;
  width: 1.5rem;
}
.footer-list img{
  display: block;
  width: 1.5rem;
  height: 1.25rem;
  margin: 0 auto;
}
.footer-list h3{
  font-size: .36rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-bottom: .2rem;
}
.footer-list h4{
  font-size: .18rem;
  color: #fff;
}

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