/*开始颜色,中间颜色,结束颜色,开始方向 ,结束方向,ie执行方向(0从上到下,1从左到右)*/
#box,
body {
  width: 7.5rem;
}
#box {
  position: relative;
  background: url(../images/bg.png) repeat #fff;
  background-size: 100% 100%;
}
/* 头部 */
.header {
  background: url(../images/bg01.png) repeat center;
  background-size: 100% 100%;
}
.header_content {
  width: 100%;
  height: 6rem;
  background: url(../images/bg03.png?v=1.9) no-repeat center;
  background-size: 100% 100%;
}
.header_main {
  width: 7.5rem;
  margin: 0 auto;
}
.logo {
  display: block;
  padding: 0.2rem 0 0 0.22rem;
}
.titlebanner img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.head_warping {
  width: 7rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  margin: 0.3rem auto 0 auto;
}
.head_warping > h2 {
  padding-top: 1.5rem;
}
.teacher_icon {
  width: 9.6rem;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  margin: 0 auto;
  padding-left: 0.25rem;
}
.teacher_icon > li img {
  width: 80%;
}
.teacher_icon > li:nth-child(3) {
  margin-right: -0.35rem;
}
.banner_btn > li > a {
  display: block;
  text-align: center;
  margin-top: 0.36rem;
}
.banner_btn > li > a > img {
  width: 2.97rem;
}
/* .banner_btn>li>a>img{
    transition: transform 0.5s ease;
}
.banner_btn>li>a:hover img{
    transform: scale(1.1);
}  */
/*  */
.leftcloud {
  position: fixed;
  left: 1.18rem;
  top: 7.72rem;
  width: 1.62rem;
  height: 0.78rem;
  z-index: 1;
}
.rightcloud {
  position: fixed;
  right: 1.43rem;
  top: 5.42rem;
  width: 0.94rem;
  height: 0.76rem;
  z-index: 1;
}
@media screen and (max-width: 14rem) {
  .leftcloud,
  .rightcloud {
    display: none;
  }
}
/*  */
.start_list {
  width: 100%;
  overflow: hidden;
}
.startlist_main {
  width: 7.5rem;
  margin: 0 auto;
}
.shan {
  width: 2rem;
  height: 1rem;
}
.startlist_bgpic {
  width: 7rem;
  height: 5rem;
  background: url(../images/bg2.png) no-repeat center;
  background-size: 100% 100%;
  margin: 1.2rem auto 0;
  position: relative;
}
.startlist_bgpic > div {
  position: absolute;
  bottom: 0.15rem;
  right: 0;
}
/*  */
.newstudent_day {
  width: 100%;
  overflow: hidden;
}
.newstudent_main {
  width: 7.5rem;
  margin: 0 auto;
}
.newstudent_title {
  text-align: center;
  padding-top: 0.1rem;
}
.newway_student {
  width: 10.99rem;
  height: 10.16rem;
  background: url(../images/l34.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
}
.newway_student > li {
  position: absolute;
}
.newway_student > li:nth-child(1) {
  left: 1.69rem;
  top: 0;
}
.newway_student > li:nth-child(2) {
  left: 4.9rem;
  top: 0.15rem;
}
.newway_student > li:nth-child(3) {
  left: 6.5rem;
  top: 2.3rem;
}
.newway_student > li:nth-child(4) {
  left: 0.7rem;
  top: 2.55rem;
}
.newway_student > li:nth-child(5) {
  left: 3.42rem;
  top: 5.8rem;
}
.newway_student > li:nth-child(6) {
  right: 0;
  bottom: 0.05rem;
}
.newway_student > li:nth-child(7) {
  left: 8.6rem;
  top: 3.3rem;
}
.newway_student > li:nth-child(8) {
  left: 2.14rem;
  top: 3.36rem;
}
.newway_student > li:nth-child(9) {
  left: 2.86rem;
  top: 6.2rem;
}
/*  */
.mathenglishpico_tab {
  width: 100%;
  overflow: hidden;
}
.mpenglish_main {
  width: 7.5rem;
  margin: 0 auto;
  padding-top: 0.8rem;
  position: relative;
}
.szy_tab {
  padding: 0 0.2rem;
  display: flex;
  justify-content: space-around;
}
.szy_tab > li {
  cursor: pointer;
}
.syzactive {
  margin-top: -0.07rem;
}
.mpenglish_content > div:nth-of-type(1) {
  margin-top: -0.035rem;
}
/* 数学课表 */
/* 书 */
.math_book {
  width: 7.5rem;
  height: 10.09rem;
  background: url(../images/bg21.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.math_book > ul > li {
  text-align: center;
  width: 5rem;
  margin: 0 auto;
}
.math_book > ul > li:nth-child(1) {
  padding-top: 2rem;
  padding-bottom: 0.25rem;
}
/* 至尊服务 */
.supreme_service {
  width: 7.5rem;
  height: 12rem;
  background: url(../images/bg22.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.supreme_service > ul {
  width: 5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding-top: 1.8rem;
}
.supreme_service > ul > li {
  width: 2.3rem;
  padding-bottom: 0.3rem;
}
.supreme_service > a {
  width: 3rem;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.supreme_service > a img{
    margin-top:10rem;
}
/*  老师*/
.math_teacher {
  width: 7.5rem;
  height: 13.89rem;
  background: url(../images/bg23.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.mathteacher_btn {
  width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding: 1.8rem 0 0.45rem 0;
}
.mathteacher_btn > li {
  cursor: pointer;
}
.mathteacher_btn > li:nth-child(1) {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/l65.png) no-repeat;
  background-size: 100% 100%;
}
.mathteacher_btn > li:nth-child(2) {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/l58.png) no-repeat;
  background-size: 100% 100%;
}
.mathteacher_btn > li:nth-child(1).mactive {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/l57.png) no-repeat;
  background-size: 100% 100%;
}
.mathteacher_btn > li:nth-child(2).mactive {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/l66.png) no-repeat;
  background-size: 100% 100%;
}
.mathteacher_content {
  width: 7rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.mathteacher_content > ul {
  /* width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between; */
}
.mathteacher_content > ul {
  padding-bottom: 0.3rem;
}
.mathteacher_warp > div,
.mpenglish_content > div {
  display: none;
}
.mathteacher_active {
  display: block !important;
}
.mathteacher_warp{
    width: 90%;
    margin: 0 auto;
}
.mathmain_teacher>li:nth-of-type(1) img,
.mathcoach_teacher>li:nth-of-type(1) img{
    /* width: 6.6rem; */
    height: 2.35rem;
}
.mathmain_teacher>li:nth-of-type(2) img{
    width: 6.61rem;
    height: 2.4rem;
}
.mathmain_teacher>li:nth-of-type(3) img,
.mathcoach_teacher>li:nth-of-type(3) img{
    width: 6.59rem;
    height: 1.87rem;
}
.mathmain_teacher>li:nth-of-type(4) img,
.mathcoach_teacher>li:nth-of-type(4) img{
    width: 6.59rem;
    height: 1.93rem;
}
.mathcoach_teacher>li:nth-of-type(2) img{
    width: 6.66rem;
    height: 2.4rem;
}
/* 政治部分 课表 */
.politics_curriculum {
  margin: -0.05rem auto 0 auto;
}
/* 书 */
.politics_book {
  width: 7.5rem;
  height: 9rem;
  background: url(../images/bg12.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.politics_book > ul > li {
  text-align: center;
  width: 5rem;
  margin: 0 auto;
}
.politics_book > ul > li:nth-child(1) {
  padding-top: 2rem;
  padding-bottom: 0.25rem;
}
/*  老师*/
.politics_teacher {
  width: 7.5rem;
  height: 18.59rem;
  background: url(../images/bg14.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.politicsteacher_btn {
  width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding: 1.9rem 0 0.35rem 0;
}
.politicsteacher_btn > li {
  cursor: pointer;
}
.politicsteacher_btn > li:nth-child(1) {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/l65.png) no-repeat;
  background-size: 100% 100%;
}
.politicsteacher_btn > li:nth-child(2) {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/l58.png) no-repeat;
  background-size: 100% 100%;
}
.politicsteacher_btn > li:nth-child(1).pactive {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/y4.png) no-repeat;
  background-size: 100% 100%;
}
.politicsteacher_btn > li:nth-child(2).pactive {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/y5.png) no-repeat;
  background-size: 100% 100%;
}
.politicsteacher_content {
  width: 6rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 0.35rem;
}
.politicsteacher_content > ul {
  /* width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  padding: 0.2rem 0; */
}
.politicsteacher_warp > div:nth-of-type(1) ul {
  padding: 0.6rem 0;
}
.politicsteacher_content > ul > li:nth-of-type(1) {
  margin-right: 0.25rem;
}
.politicsteacher_warp > div {
  display: none;
}
/* 英语部分 */
.english_curriculum {
  margin: -0.05rem auto 0 auto;
}
/* 书 */
.english_book {
  width: 7.5rem;
  height: 9rem;
  background: url(../images/bg7.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.english_book > ul > li {
  text-align: center;
  width: 5rem;
  margin: 0 auto;
}
.english_book > ul > li:nth-child(1) {
  padding-top: 2rem;
  padding-bottom: 0.25rem;
}
/*  */
.mpenglish_content > div:nth-of-type(2) .supreme_service {
  width: 7.5rem;
  height: 12rem;
  background: url(../images/bg8.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.mpenglish_content > div:nth-of-type(3) .supreme_service {
  width: 7.5rem;
  height: 12rem;
  background: url(../images/bg13.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.mpenglish_content > div:nth-of-type(3) .supreme_service ul,
.mpenglish_content > div:nth-of-type(4) .supreme_service ul {
  padding-top: 2rem;
}
.mpenglish_content > div:nth-of-type(4) .supreme_service {
  width: 7.5rem;
  height: 12rem;
  background: url(../images/bg27.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
/*  老师*/
.english_teacher {
  width: 7.5rem;
  height: 14.72rem;
  background: url(../images/bg9.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.englishteacher_btn {
  width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding: 1.8rem 0 0.3rem 0;
}
.englishteacher_btn > li:nth-child(1) {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/l65.png) no-repeat;
  background-size: 100% 100%;
}
.englishteacher_btn > li:nth-child(2) {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/l58.png) no-repeat;
  background-size: 100% 100%;
}
.englishteacher_btn > li:nth-child(1).eactive {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/y6.png) no-repeat;
  background-size: 100% 100%;
}
.englishteacher_btn > li:nth-child(2).eactive {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/y7.png) no-repeat;
  background-size: 100% 100%;
}
.englishteacher_btn > li {
  cursor: pointer;
}
.englishteacher_content {
  width: 7rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 0.1rem;
}
.englishteacher_content > ul {
  /* width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex; */
}
.englishteacher_content > ul {
  padding: 0.18rem 0;
}
.englishteacher_warp > div {
  display: none;
}
.englishteacher_content > ul > li:nth-child(1) {
  margin-right: 0.35rem;
}
/*  */
.payment_money {
  width: 100%;
  overflow: hidden;
  padding-top: 0.25rem;
  padding-bottom: 1.5rem;
}
.payment_main {
  width: 7.5rem;
  height: 6.02rem;
  margin: 0 auto;
  background: url(../images/bg17.png) no-repeat center;
  background-size: 100% 100%;
}
.payment_main > h2 {
  width: 2.2rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 0.88rem;
}
.payment_main > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  width: 7rem;
  margin: 0 auto;
  padding-top: 1.2rem;
}
.payment_main > ul > li {
  width: 25%;
}
.payment_main > ul > li > img {
  -webkit-transform: perspective(0.01rem) translateZ(0);
  transform: perspective(0.01rem) translateZ(0);
}
.payment_main > ul > li:hover img {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(0.03rem) rotate(2deg);
    transform: translateX(0.03rem) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-0.03rem) rotate(-2deg);
    transform: translateX(-0.03rem) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(0.03rem) rotate(2deg);
    transform: translateX(0.03rem) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-0.03rem) rotate(-2deg);
    transform: translateX(-0.03rem) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(0.02rem) rotate(1deg);
    transform: translateX(0.02rem) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-0.02rem) rotate(-1deg);
    transform: translateX(-0.02rem) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(0.02rem) rotate(1deg);
    transform: translateX(0.02rem) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-0.02rem) rotate(-1deg);
    transform: translateX(-0.02rem) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(0.01rem) rotate(0);
    transform: translateX(0.01rem) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-0.01rem) rotate(0);
    transform: translateX(-0.01rem) rotate(0);
  }
}
/* 侧边导航 */
.stairs {
  position: absolute;
  top: 22%;
  right: 0;
  z-index: 111;
}
.stairs > ul > li {
  margin-bottom: 0.06rem;
  cursor: pointer;
}
.stairs > ul > li:nth-child(1) a {
  display: block;
  width: 1.45rem;
  height: 1.46rem;
  background: url(../images/y1.png) no-repeat;
  background-size: 100% 100%;
}
.stairs > ul > li:nth-child(2) a {
  display: block;
  width: 1.45rem;
  height: 1.36rem;
  background: url(../images/y2.png) no-repeat;
  background-size: 100% 100%;
}
.stairs > ul > li:nth-child(3) {
  display: block;
  width: 1.45rem;
  height: 1.5rem;
  background: url(../images/y3.png) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 10.8rem) {
  .stairs > ul > li:nth-child(1) a {
    display: block;
    width: 2.24rem;
    height: 2.26rem;
    background: url(../images/y8.png) no-repeat;
    background-size: 100% 100%;
  }
  .stairs > ul > li:nth-child(2) a {
    display: block;
    width: 2.24rem;
    height: 2.11rem;
    background: url(../images/y9.png) no-repeat;
    background-size: 100% 100%;
  }
  .stairs > ul > li:nth-child(3) {
    display: block;
    width: 2.24rem;
    height: 2.31rem;
    background: url(../images/y10.png) no-repeat;
    background-size: 100% 100%;
  }
}
/* 点缀********************************************** */
.embellish > ul > li {
  position: absolute;
}
.embellish > ul > li:nth-child(1) {
  top: 16.2rem;
  left: 1.93rem;
}
.embellish > ul > li:nth-child(2) {
  top: 18.2rem;
  right: 0.73rem;
}
.embellish > ul > li:nth-child(3) {
  top: 24.15rem;
  right: 1.92rem;
}
.embellish > ul > li:nth-child(4) {
  top: 25.4rem;
  left: 0;
}
.embellish > ul > li:nth-child(5) {
  top: 32.9rem;
  right: 0.8rem;
}
.embellish > ul > li:nth-child(6) {
  top: 39.65rem;
  left: 1.13rem;
}
.embellish > ul > li:nth-child(7) {
  top: 51.54rem;
  right: 0.47rem;
}
.embellish > ul > li:nth-child(8) {
  top: 52.51rem;
  left: 0.25rem;
}
.embellish > ul > li:nth-child(9) {
  top: 66.23rem;
  left: 1.42rem;
}
.embellish > ul > li:nth-child(10) {
  top: 69.58rem;
  right: 1.22rem;
}
.embellish > ul > li:nth-child(11) {
  top: 75rem;
  left: 1.07rem;
}
.embellish > ul > li:nth-child(12) {
  top: 86.3rem;
  right: 0.73rem;
}
.embellish > ul > li:nth-child(13) {
  top: 90.05rem;
  left: 0.83rem;
}
.embellish > ul > li:nth-child(14) {
  top: 94.73rem;
  right: 0.16rem;
}
.embellish > ul > li:nth-child(15) {
  top: 102.96rem;
  left: 0.25rem;
}
.embellish > ul > li:nth-child(16) {
  top: 108.76rem;
  right: 1.85rem;
}
.embellish > ul > li:nth-child(17) {
  top: 113.14rem;
  left: 2.04rem;
}
.embellish > ul > li:nth-child(18) {
  top: 116.32rem;
  right: 0.97rem;
}
.embellish > ul > li:nth-child(19) {
  top: 123rem;
  right: 0;
}
.embellish > ul > li:nth-child(20) {
  top: 118rem;
  left: 0.69rem;
}
.embellish > ul > li:nth-child(21) {
  bottom: 18rem;
  right: 0.59rem;
}
.embellish > ul > li:nth-child(22) {
  top: 128rem;
  left: 0.92rem;
}
.embellish > ul > li:nth-child(23) {
  bottom: 6rem;
  right: 1.86rem;
}
@media screen and (max-width: 14rem) {
  .embellish > ul > li {
    display: none;
  }
}
/*  */
.theplane {
  text-align: center;
}
/* 你的座位 */
.Your_seat {
  width: 100%;
  overflow: hidden;
  padding-top: 0.45rem;
}
.Yourseat_main {
  width: 7.5rem;
  margin: 0 auto;
}
.Yourseat_content {
  width: 7rem;
  height: 8.08rem;
  background: url(../images/bg19.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.Yourseat_content > div {
  text-align: center;
  padding-top: 3.65rem;
  margin-left: 0.12rem;
  width: 1.2rem;
  margin: 0 auto;
}
.Yourseat_content > a {
  width: 4rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-top: 0.9rem;
}
.guard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  box-pack: center;
}
/*  */
.floatbot_pop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 125;
  display: none;
}
.floatbot_pop > i {
  position: absolute;
  right: 0.35rem;
  top: -0.44rem;
  cursor: pointer;
}
.floatbot_pop > i > img {
  width: 0.5rem;
  height: 0.5rem;
}
/* .floatbot_pop>img{
    width: 553/@x;
    height: 312.9/@x;
} */
/* 名师弟子班 */
.banner_sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 0.1rem;
}
.banner_sale > span {
  display: block;
}
.banner_sale > span:nth-of-type(1) {
  margin-left: -0.28rem;
}
.banner_sale > span:nth-of-type(1) img {
  width: 1.45rem;
}
.banner_sale > span:nth-of-type(2) {
  width: 6rem;
  height: 3rem;
  margin: 0 auto;
  background: url(../images/t2.png?v=1.9) no-repeat;
  background-size: 100% 100%;
}
/* .banner_sale>span:nth-of-type(2) img{
    width: 206/@x;
    margin-left:625/@x;
    margin-top:116/@x;
} */
/* 新生报到新加按钮 */
.newstudent_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-box-pack: space-around;
  box-pack: space-around;
  padding: 0.7rem 0 0.92rem 0;
}
/* 校园环境 */
.environment {
  width: 100%;
  overflow: hidden;
  padding-top: 0.9rem;
}
.environment_main {
  width: 7.5rem;
  margin: 0 auto;
}
.environment_part {
  width: 7.5rem;
  height: 7.8rem;
  background: url(../images/bg20.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab {
  width: 7rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding-top: 2.1rem;
}
.envir_tab > li {
  cursor: pointer;
}
.envir_tab > li:nth-of-type(1) {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t7.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab > li:nth-of-type(2) {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t5.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab > li:nth-of-type(3) {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t6.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab > li:nth-of-type(1).tab_active {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t4.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab > li:nth-of-type(2).tab_active {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t8.png) no-repeat;
  background-size: 100% 100%;
}
.envir_tab > li:nth-of-type(3).tab_active {
  width: 2.52rem;
  height: 1.04rem;
  background: url(../images/t9.png) no-repeat;
  background-size: 100% 100%;
}
.environment_content {
  width: 91%;
  height: 100%;
  margin: 0 auto;
  padding: 0.35rem 0;
}
.all_env > div:nth-of-type(2) {
  margin-top: -4.49rem;
}
.all_env > div:nth-of-type(3) {
  margin-top: -4.49rem;
}
/* 修改分页符样式 */
.swiper-pagination-bullet-active {
  background: #81aafc !important;
  opacity: 1!important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.1rem;
  box-sizing: border-box;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  border: 0.01rem solid #81aafc;
  background: #fff;
  opacity: 1;
}
.all_env > div {
  opacity: 0;
}
.show_active {
  opacity: 1 !important;
  z-index: 111!important;
}
/* 新加管综 */
.tubeheald_book {
  width: 7.5rem;
  height: 9rem;
  background: url(../images/bg26.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.tubeheald_book > ul > li {
  text-align: center;
  width: 5rem;
  margin: 0 auto;
}
.tubeheald_book > ul > li:nth-child(1) {
  padding-top: 2rem;
  padding-bottom: 0.25rem;
}
/*  老师*/
.tubeheald_teacher {
  width: 7.5rem;
  height: 18.75rem;
  background: url(../images/bg28.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.tubehealdteacher_btn {
  width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding: 2.1rem 0 0.45rem 0;
}
.tubehealdteacher_btn > li {
  cursor: pointer;
}
.tubehealdteacher_btn > li:nth-child(1) {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/l65.png) no-repeat;
  background-size: 100% 100%;
}
.tubehealdteacher_btn > li:nth-child(2) {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/l58.png) no-repeat;
  background-size: 100% 100%;
}
.tubehealdteacher_btn > li:nth-child(1).tactive {
  width: 2rem;
  height: 1.17rem;
  background: url(../images/y11.png) no-repeat;
  background-size: 100% 100%;
}
.tubehealdteacher_btn > li:nth-child(2).tactive {
  width: 2rem;
  height: 1.14rem;
  background: url(../images/y12.png) no-repeat;
  background-size: 100% 100%;
}
.tubehealdteacher_content {
  width: 7rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 0.35rem;
}
.tubehealdteacher_content > ul {
  /* width: 6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  padding: 0.35rem 0; */
}
.tubehealdteacher_content > ul > li:nth-of-type(1) {
  margin-right: 0.3rem;
}
.tubehealdteacher_warp > div {
  display: none;
}
.zhiteeth {
  cursor: pointer;
}
.bottom_header {
  width: 100%;
  height: 9rem;
  background: url(../images/bg02.png?v=2.23) no-repeat center;
  background-size: 100% 100%;
}
.header_main {
  margin: 0 auto;
}
.bottomcenter_main {
  width: 100%;
  height: 10rem;
  background: url(../images/bg04.png) no-repeat center;
  background-size: 150% 100%;
}
.curricula_mian {
  margin: 0 auto;
  padding-top: 0.45rem;
}
.curricula_mian {
  margin: 0 auto;
  padding-top: 0.45rem;
}
.spring {
  display: block;
  width: 0.4rem;
  height: 0.34rem;
  background: url(../images/bg06.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0.08rem;
}
.top_option > ul > li:last-child:before {
  content: none;
}
.top_option > ul > li {
  position: relative;
  width: 25%;
  height: 0.42rem;
  text-align: center;
  font-size: 0.2rem;
  color: #fff;
  background: #5d8d32;
  cursor: pointer;
  padding: 0.08rem 0;
}
/* .top_option>ul>li:nth-child(1), */
.top_option > ul > li:last-child {
  line-height: 0.42rem;
}
.top_option > ul > li > em {
  display: block;
  font-size: 0.14rem;
}
.bottom_part {
  padding: 0 0.55rem 0.3rem 0.55rem;
  box-sizing: border-box;
}
.p_all {
 height: 0.4rem;
  width: 100%;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.44rem;
  color: #1f0a40;
  background: #f4f7f1;
}
.Course_option > ul {
  display: flex;
  height: 0.4rem;
  align-items: center;
  border-bottom: 0.01rem solid #8daf6f;
  border-top: 0.01rem solid #8daf6f;
  color: #1f0a40;
}
.Course_option > ul > li {
  width: 8%;
  text-align: center;
  font-size: 0.16rem;
}
.Course_option > ul > li:nth-child(1) {
  width: 18%;
  text-align: center;
}
.Course_option > ul > li:nth-child(2) {
    width: 16%;
  }
.Course_option > ul > li:nth-child(3) {
    width: 9%;
  }
.Course_option > ul > li:nth-child(4) {
  width: 17%;
  padding-left: 0.4rem;
}
.Course_option > ul > li:nth-child(5) {
  width: 16%;
}
.Course_option > ul > li:nth-child(6){
    width: 15%;
}
.Course_option > ul > li:nth-child(7) {
  width: 10%;
}
.politics_course,
.course {
    height: 0.4rem;
  display: flex;
  line-height: 0.4rem;
}
.politics_course span{
    font-size:0.16rem !important;
}
.politics_course span a{
    color:#333;
}
.way_course {
  display: flex;
}
.politics_course > span,
.way_course > span,
.course {
  text-align: center;
}
.politics_course > span:nth-child(1),
.course > span:nth-child(1) {
  display: flex;
  text-align: left;
  font-size: 0.22rem;
  width: 26%;
}
.way_course > span:nth-child(1) {
  display: flex;
  text-align: left;
  padding-top: 0.05rem;
  margin-left: 0.35rem;
  font-size: 0.22rem;
  width: 54%;
  line-height: 0.7rem;
  color: #815900;
}
.video-btn,.zx{
    width:0.3rem !important;
    height: 0.3rem;
    display: inline-block;
}
.politics_course > span:nth-child(2),
.course > span:nth-child(2) {
  width: 8%;
  font-size: 0.16rem;
  color: #391617;
}
.politics_course > span:nth-child(3),
.course > span:nth-child(3) {
  width: 21%;
  font-size: 0.16rem;
  color: #391617;
}
.politics_course > span:nth-child(1) > img,
.way_course > span:nth-child(1) > img,
.course > span:nth-child(1) > img {
    width: 0.2rem;
    height: 0.2rem;
  margin-top: 0.1rem;
  margin-right: 0.1rem;
}
img {
  border: none;
  vertical-align: middle;
}
.politics_course > span:nth-child(4),
.course > span:nth-child(4) {
  width: 15%;
  font-size: 0.26rem;
  color: #ff6600;
}
.politics_course > span:nth-child(5),
.course > span:nth-child(5) {
  width: 36%;
  font-size: 0.2rem;
  color: #391617;
}
.politics_course > span:nth-child(7),
.politics_course > span:nth-child(6),
.course > span:nth-child(6),
.course > span:nth-child(7) {
  width: 7.5%;
}
.way_course > span > span > a {
  font-size: 0.2rem;
  color: #ff6600;
  font-weight: bold;
}
.interim {
  font-size: 0.18rem;
  color: #a6a6a6;
  font-weight: normal;
  text-decoration: line-through;
}
.politics_course .unittop_pricr {
  display: inline-block;
  /* width: 80/@x;
    height: 33/@x;
    background: url(../images/l2.png) no-repeat; */
  text-align: center;
  line-height: 0.32rem;
  position: relative;
}
.politics_course .unittop_pricr > i {
  display: inline-block;
  font-size: 0.16rem;
  font-weight: bold;
  color: #ff6600;
}
.politics_course .unittop_pricr > em {
  display: inline-block;
  font-size: 0.16rem;
  font-weight: bold;
}
.public_main > li {
  padding-bottom: 0.03rem;
  border-bottom: 0.01rem dashed #e6e6e6;
}
.politics_choose {
  background: #f4f7f1;
  line-height: 0.4rem;
}

.politics_choose > span > a {
  font-size: 0.22rem;
  color: #a6a6a6;
  font-size:0.16rem;
}
.politics_choose > span > img {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  vertical-align: -0.06rem;
  cursor: pointer;
}
.father_img {
  cursor: pointer;
}
.Research_way {
  margin-top: 0.27rem;
  width: 100%;
  height: 2.8rem;
  background: url(../images/y13.png) no-repeat center;
  background-size: 100% 100%;
  border-bottom: none !important;
}
.way > span:nth-of-type(2) {
  line-height: 0.42rem;
  margin-right: 0.18rem;
  margin-top: 0.2rem;
  font-size: 0.2rem;
  color: #b07900;
  text-decoration: line-through;
}
.way > span:nth-of-type(3) {
  font-size: 0.2rem;
  line-height: 0.42rem;
  margin-top: 0.16rem;
  color: #ff6600;
  font-weight: bold;
}
.way > span:nth-of-type(3) > em {
  font-size: 0.3rem;
}
.insurance_content > ul {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  padding: 0.1rem 0.17rem;
  margin: 0 0.24rem;
  border-top: 0.01rem solid #ffc138;
  border-bottom: 0.01rem dashed #815900;
}
.insurance_content > ul > li {
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: #815900;
}
.insurance_content > ul > li > img,
.insurance_content > ul > span > img {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.08rem;
}
.insurance_content > ul > li:nth-child(1) > i {
  font-size: 0.16rem;
}
.insurance_content > ul > span {
  display: block;
  font-size: 0.2rem;
  color: #815900;
  font-weight: bold;
  line-height: 0.52rem;
}
.insurance_content > ul > span > a {
  font-size: 0.16rem;
  color: #815900;
  font-weight: normal;
  text-decoration: underline;
  margin-left: 0.08rem;
}
.insurance_content > span {
  display: inline-block;
  color: #815900;
  font-size: 0.12rem;
  line-height: 0.3rem;    
  padding: 0.1rem 0.42rem;
}
.price {
  display: flex;
  margin: 0 0.55rem;
}
/* 新增分期 */
.fq {
  position: relative;
}
.fq > b {
  font-size: 0.16rem;
  color: #391617;
  font-weight: bold;
}
.fq_tips {
    position: absolute;
    top: 0.58rem;
    right: -1rem;
    width: 4rem;
    padding: 0 0.2rem;
    height: 0.83rem;
    background: #ff6600;
    border-radius: 0.1rem;
    display: none;
    z-index: 1;
}
.fq_tips > ul > li:nth-child(1) {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.32rem;
  text-align: left;
}
.fq_tips > ul > li:nth-child(1) b {
  color: #ffe772;
}
.fq > strong {
    display: inline-block;
    box-sizing: border-box;
    /* width: 0.51rem; */
    height: 0.25rem;
    line-height: 0.25rem;
    font-size: 0.14rem;
    color: #ff6600;
    font-weight: normal;
    border: 0.01rem solid #ff6600;
    padding: 0 0.05rem;
    border-radius: 0.04rem;
    margin-left: 0.05rem;
    cursor: pointer;
}
.fq_tips > ul > li:nth-child(2) {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
}
.fq_tips > ul > li:nth-child(2) strong {
    padding: 0.1rem 0.02rem;
    border-radius: 0.05rem;
    font-size: 0.12rem;
    font-weight: normal;
    color: #263e60;
    background: #fff;
}
.four_part .public_main > li:nth-child(1) .fq_tips > ul > li:nth-child(2) strong {
  padding: 0.1rem 0.05rem !important;
}
.fq_tips::before {
  position: absolute;
  top: -28%;
  right: 34%;
  content: "";
  width: 0;
  height: 0;
  border-width: 0.12rem;
  border-style: solid;
  border-color: transparent transparent #ff6600 transparent;
}
.fq > strong:hover div.fq_tips {
  display: block;
}
.unittop_pricr > strong.old_salemoney {
  font-size: 0.16rem;
  color: #999;
  font-weight: normal;
  text-decoration: line-through;
  display: none;
}
.vipteacher_content {
  width: 7.54rem;
  margin: -1.05rem auto 0 auto;
}
.vipteacher_content > a:nth-of-type(1) {
  margin-right: 2.35rem;
}
/* 试听 */
.zx-btn {
  font-size: 0.17rem;
  color: #ffffff;
  width: 1rem;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  background: #5ba4ed;
  border-radius: 0.17rem;
  right: -0.05rem;
  top: -0.34rem;
  position: absolute;
  cursor: pointer;
}
.zx-btn:hover {
  background: #5ba4ed8a;
}
.vid {
  width: 8rem;
  height: 4.2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 133;
  background: url(../images/ing.jpg) no-repeat center;
  background-size: 100% 100%;
  background-size: contain;
}
.vid-btn {
  background: #ff6600;
}
.vid-btn:hover {
  background: rgba(129, 89, 0, 0.7);
}
.video-btn {
  cursor: pointer;
}
/* 试听结束 */
.buy_text {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  background: #5a5959;
  width: 81%;
  padding: 0 0.2rem;
}
.buy_text > p {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.85rem;
}
.unit-price {
  font-weight: bold;
  font-size: 0.2rem;
  color: #f6371e;
}
.buy_btn {
    width: 1rem;
  background: #ff4e00;
  font-size: 0.16rem;
  color: #fff;
  cursor: pointer;
  border: none;
}
.coursemoney {
  align-self: center;
}
.coursemoney > div {
  text-align: right;
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.1rem;
}
.coursemoney > div:nth-of-type(2) {
  font-size: 0.16rem;
}
.gift_pic {
  z-index: 134;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.gray{
    position: fixed;
    width: 5000px;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0.7;
    background: #000;
    z-index: 122;
    display: none;
}