@charset "UTF-8";
/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input,
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
textarea {
  resize: none;
  border: 1px solid #ccc;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
del {
  text-decoration: line-through;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
  visibility: hidden;
}
html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}
body {
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 80px;
}
@keyframes scale2 {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-webkit-keyframes scale2 {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@keyframes ballon6{
  0%{transform: translateX(-3px);}
  50%{transform: translateX(0);}
  100%{transform: translateX(-3px);}
}
@keyframes ballon7{
  0%{transform: translateY(-3px);}
  50%{transform: translateY(0);}
  100%{transform: translateY(-3px);}
}
.content100 {
    width: 100%;
    padding: 0 0.75rem;
    box-sizing: border-box;
}
.wrapper {
    width: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
/* 在线网课班 */
.content1_bg{
    height: 12rem;
    background: url(../images/ban1_bg.jpg) top center no-repeat;
    background-size: 100% 12rem;
    box-sizing: border-box;
    padding-top: 6rem;
}
.content1_bg .zxwkb_text{
    font-size: 3.825rem;
    color:#fff;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.5rem;
}
.content1_bg ul{
  width:80%;
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
  margin-top: 0.7rem;
}
.content1_bg ul li{
  width: 3.575rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #fff;
  font-size:0.6rem;
  font-weight: bold;
  border-right: 0.025rem solid #fff;
  text-align: center;
}
.content1_bg ul li:last-child{
    border-right: 0 solid #fff;
}
.content1_bg a.ban1_btn{
  display: block;
  width: 8.625rem;
  height: 1.725rem;
  text-align: center;
  line-height: 1.725rem;
  font-size: 0.9rem;
  color: #c40e41;
  background: linear-gradient(to bottom, #fde8d3, #f0af64);
  background: -webkit-linear-gradient(to bottom, #fde8d3, #f0af64);
  background: -o-linear-gradient(to bottom, #fde8d3, #f0af64);
  background: -ms-linear-gradient(to bottom, #fde8d3, #f0af64);
  background: -moz-linear-gradient(to bottom, #fde8d3, #f0af64);
  cursor: pointer;
  border-radius: 1rem;
  margin:0 auto;
  margin-top: 0.8rem;
  animation: scale2 2s linear infinite;
  font-weight: bold;
}
/* 新航道在线网课，全真模拟线下课堂 */
.content100 h3.title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto 0.5rem auto;
    height: 1rem;
    line-height: 1rem;
    font-size:0.75rem;
    font-weight: bold;
    color: #d91048;
}
.content100 h3.title::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.275rem;
    margin-right: 0.375rem;
    background: url(../images/left_icon.png) no-repeat 0 0;
    background-size: 100% 0.275rem;
}
.content100 h3.title::after {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.275rem;
    margin-left: 0.375rem;
    background: url(../images/right_icon.png) no-repeat 0 0;
    background-size: 100% 0.275rem;
}
.content2_bg{
    height: 20.55rem;
    background: #f6fafe url(../images/ban2_bg.jpg) bottom center no-repeat;
    background-size: 100% 20.55rem;
    padding-top: .5rem;
    box-sizing: border-box;
    text-align: center;
}
.content2_bg ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
}
.content2_bg ul li{
    width:50%;
    height:8rem;
    margin-bottom: 0.9rem;
} 
.content2_bg ul li .sec2_img{
    width:4.775rem;
    height:4.275rem;
    margin:0 auto;
}
.content2_bg ul li .sec2_img img{
    width:4.775rem;
    height:4.275rem;
}
.content2_bg ul li .sec2_text{
    text-align: center;
}
.content2_bg ul li .sec2_text p{
    font-size:0.8rem;
    color:#d91048;
    position: relative;
    z-index:1;
}
.content2_bg ul li .sec2_text p:after{
    position: absolute;
    content: '';
    width: 0.8rem;
    height: 0.125rem;
    background-color: #fef004;
    bottom: 0.325rem;
    left: 50%;
    margin-left: -0.4rem;
    z-index: -1;
}
.content2_bg ul li .sec2_text dl dt{
    font-size:0.6rem;
    color:#2c2c2c;
}
.content2_bg ul li .sec2_text dl dd{
    font-size:0.5rem;
    color:#737475;
    text-align:left;
    padding-left: 1rem;
}
/* 新航道在线网课课程设置 */
.content3_bg{
    padding: 1rem 0; 
}
.content3_bg .kecheng_secm{
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
}
.content3_bg .kecheng{
    /* margin-bottom: 1rem; */
} 
.content3_bg .kecheng .navbar_bx{
   background: #f81957;
   height:1.6rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: nowrap;
   border-radius:0.5rem 0.5rem 0 0;
 }
 .content3_bg .kecheng .navbar_bx .item{
   border-radius:0.5rem 0.5rem 0 0;
   width: 33.33%;
   height: 1.5rem;
   line-height: 1.5rem;
   float: left;
   margin: 4px 0px 0 0;
 
   font-size: 0.575rem;
 
   color: #fff;
 
   text-align: center;
 
   cursor: pointer;
   font-weight: bold;
 
 }
 .content3_bg .kecheng .navbar_bx .active{
   color: #ee1652;
   background: linear-gradient(to bottom, #fde8d3, #f0af64);
   background: -webkit-linear-gradient(to bottom, #fde8d3, #f0af64);
   background: -o-linear-gradient(to bottom, #fde8d3, #f0af64);
   background: -ms-linear-gradient(to bottom, #fde8d3, #f0af64);
   background: -moz-linear-gradient(to bottom, #fde8d3, #f0af64);

 }
 .content3_bg .kecheng .kecheng_banxiang{
    width: 100%;
  
 }
 .content3_bg .kecheng .kecheng_banxiang table{
    border: 2px solid #ffce95;
    border-top:none;
 }
 .content3_bg .kecheng .kecheng_banxiang table tr:nth-child(odd){
    background: #fafbfd;
}
 .content3_bg .kecheng .kecheng_banxiang table tr:nth-child(even){
    background: #ebeef6;
}
 .content3_bg .kecheng .kecheng_banxiang table tr td{
    text-align: center;
    font-size: 0.375rem;
    color:#333;
    line-height: 0.65rem;
    vertical-align: middle;
  }
 .content3_bg .kecheng .kecheng_banxiang table tr.firstTr{
    height: 1.6rem;
    color:#d91048;
    font-size:0.55rem;
}
 .content3_bg .kecheng .kecheng_banxiang table tr.firstTr th{
    border-right:1px solid #ffe1e9;
    border-bottom:1px solid #ffe1e9;
    vertical-align: middle;
}
 .content3_bg .kecheng .kecheng_banxiang table tr.firstTr th.shitingHot{
    position: relative;
    
}
 .content3_bg .kecheng .kecheng_banxiang table tr th.borR0{
    border-right:0 solid #ffe1e9;
}
 .content3_bg .kecheng .kecheng_banxiang table tr td.borR0{
    border-right:0 solid #e6e6e6;
}
 .content3_bg .kecheng .kecheng_banxiang table tr td{
    color:#5f5f5f;
    font-size:0.5rem;
    border-right:1px solid #ffe1e9;
    border-bottom:1px solid #ffe1e9;
    padding:0.375rem 0.125rem;
   
}
.content3_bg .kecheng .kecheng_banxiang table tr td:first-child{
    font-size:0.5rem;
    color:#d91048;
}
.content3_bg .kecheng .kecheng_banxiang table tr td:nth-child(3){
   width: 3.5rem;
}
.content3_bg .kecheng .kecheng_banxiang table tr td:nth-child(4){
    width: 3.5rem;
}
 .content3_bg .kecheng .kecheng_banxiang table tr:nth-child(odd){
    background:#fff9fb;
}
 .content3_bg .kecheng .kecheng_banxiang table tr:nth-child(even){
    background:#fff;
}
 .content3_bg .kecheng .kecheng_banxiang table tr td a {
    display: block;
    width: 3rem;
    height: 0.925rem;
    margin: 0 auto;
    line-height: 0.925rem;
    text-align: center;
    transition: all .2s;
    animation: ballon7 1s linear infinite;
    font-size: 0.6rem;
    color: #ff5c1d;
    background: linear-gradient(to bottom, #ff8028, #ff551c);
    background: -webkit-linear-gradient(to bottom, #ff8028, #ff551c);
    background: -o-linear-gradient(to bottom, #ff8028, #ff551c);
    background: -ms-linear-gradient(to bottom, #ff8028, #ff551c);
    background: -moz-linear-gradient(to bottom, #ff8028, #ff551c);
    border-radius: 0.25rem;
    color:#fff;
}
/* 学课程 就上新航道在线 */
.content4_bg {
    height: 15rem;
    background: url(../images/ban4_bg.jpg) top center no-repeat;
    background-size: 100% 15rem;
    box-sizing: border-box;
    text-align: center;
    padding-top: 1px;
    margin-top: 0.5rem;
}
.content4_bg .sec4_mainl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.content4_bg .sec4_mainl .sec4_list{
    width: 8.45rem;
    height:5.625rem;
    margin-top: 0.4rem;
    background:#fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius:0.625rem;
}
.content4_bg .sec4_mainl .sec4_list h5{
    width: 2.95rem;
    height:0.9rem;
    line-height: 0.9rem;
    background:#d91048;
    margin:0 auto;
    border-radius:0 0 0.3rem 0.3rem;
    font-size: 0.6rem;
    color: #fff;
    font-weight: bold;

}
.content4_bg .sec4_mainl .sec4_list ul{
  width: 100%;
  box-sizing: border-box;
  /* display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; */
  padding:0 0.45rem;
}
.content4_bg .sec4_mainl .sec4_list ul li{
    /* margin-top: 0.2rem; */
}
.content4_bg .sec4_mainl .sec4_list ul li dt{
    font-size:0.55rem;
    color: #d91048;
    text-align: center;
}
.content4_bg .sec4_mainl .sec4_list ul li dd{
    font-size:0.5rem;
    color: #5e5e5e;
    text-align: left;
}
.content4_bg .sec4_mainl .sec4_list ul li dd p{
    position: relative;
    padding-left: 0.25rem;
}
.content4_bg .sec4_mainl .sec4_list ul li dd p:before{
    position: absolute;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background:#d91048;
    left: 0;
    top: 5px;
}
/* 师资 */
.content6_bg{
    padding: 1rem 0;
}
.content6_bg .cont6_main{
    box-sizing: border-box;
    padding-top: 0.125rem;
}
#jiaoshi_da{
   position: relative;
}
.content6_bg .cont6_main .gallery-top .main_jiaoshi{
    height: 8.5rem;
    width:100%;
    margin:0 auto;
} 
.content6_bg .cont6_main .gallery-top .main_jiaoshi img{
    float: left;
    width:4.475rem;
}
.content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj {
    width: 12.5rem;
    float: right;
  }
 .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj h6 {
    height: 1.275rem;
   margin-top: 0.9rem;
   font-size: 0.75rem;
   color: #333;
   font-weight: bold;
   text-align: left;
   line-height: 1.275rem;
  }
 .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj h6 b {
   font-weight: normal;
   font-size: 0.5rem;
   color: #333;
   margin-left: 0.325rem;
  }
 .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj a {
   width: 5.05rem;
   height: 1.25rem;
   display: block;
   position: absolute;
   right: 0.25rem;
   top: 0.725rem;
   background: url(../images/js_btnbg.png) no-repeat;
    animation: scale2 3s infinite;
  }

 .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj p {
      margin-top: 0.3rem;
      font-size: 0.5rem;
      color: #333;
      line-height:0.8rem;
  }
 .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj p b {
      width: 3rem;
      height: 0.85rem;
      float: left;
      margin-right: 0.3rem;
      font-size: 0.5rem;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: normal;
      color: #d91048;
      border: 1px dashed #d91048;
      border-radius: 0.5rem 0 0.5rem 0;
  }
  .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj h6 span{
      font-size: 0.5rem;
      color:#333333;
      font-weight: normal;
      display: inline-block;
      margin-left: 0.25rem;
  }
  .content6_bg .cont6_main .gallery-top .main_jiaoshi .js_jj p:last-child b {
    margin-bottom: 3rem;
}
.content6_bg .cont6_main #rightBtn{
    background: url(../images/left_btn.png) top center no-repeat;
    width: 0.8rem;
    height: 0.95rem;
    opacity: 1;
    border-radius: 0.5rem;
    cursor: pointer ;
    transition: all .3s;
    left: 0.775rem;
}
.content6_bg .cont6_main #leftBtn{
  background: url(../images/rig_btn.png) top center no-repeat;
    width: 0.8rem;
    height: 0.95rem;
    opacity: 1;
    border-radius: 0.5rem;
    cursor: pointer ;
    transition: all .3s;
    right: 0.775rem;
}
.content6_bg .swiper-button-prev:after, .content6_bg .swiper-container-rtl .swiper-button-next:after {
  content: '' !important;
}
.content6_bg .swiper-button-next:after, .content6_bg.swiper-container-rtl .swiper-button-prev:after {
  content: ' ' !important;
}
.content10_bg .swiper-button-prev:after, .content10_bg .swiper-container-rtl .swiper-button-next:after {
content: '' !important;
}
.content10_bg .swiper-button-next:after, .content10_bg.swiper-container-rtl .swiper-button-prev:after {
content: ' ' !important;
}
/* .content6_bg .cont6_main #leftBtn:hover{
  background:#2A62BF ;
} */
.content6_bg h4{
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
/*师资小图*/
.content6_bg .gallery-thumbs{
  width: 100%;
  margin-bottom: 0.75rem;
}
.content6_bg .gallery-thumbs .swiper-slide {
    width: 2.425rem;
    height: 2.425rem;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.content6_bg .gallery-thumbs .swiper-slide img{
    width: 2.425rem;
    height: 2.425rem;
  margin:0 auto;
  border:2px solid #ffcf97;  
  border-radius: 50%;
  box-sizing: border-box;
} 
.content6_bg .gallery-thumbs .swiper-slide-thumb-active  img{
  border:2px solid #d91048;
}
.content6_bg .cont6_main a.shiting_public{
  display: block;
  width: 6.775rem;
  height: 1.35rem;
  line-height: 1.35rem;
  margin: 0 auto;
  margin-top: 0.25rem;
  color: #fff;
  font-size: 0.625rem;
  font-weight: bold;
  background: url(../images/stlskc_btn.png)  no-repeat;
  border-radius: 1rem;
  box-sizing: border-box;
  padding-left: 1.75rem;
  animation: scale2 2s linear infinite;
}

.content6_bg .wdfwtx_main{
   margin-top: 1.5rem;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list{
    width: 25rem;
    margin: 0 auto;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li {
  width: 4.3rem;
  height: 11.025rem;
  box-sizing: border-box;
  margin-top: 1rem;
  text-align: center;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li .top_main{
  width: 1.525rem;
  height: 1.725rem;
  margin:0 auto;
  background: url(../images/futx_top01.png)  no-repeat;
  font-size:0.5rem;
  color:#001f64;
  line-height: 1.475rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li:nth-child(2n) .top_main{
  width: 1.525rem;
  height: 1.725rem;
  margin:0 auto;
  background: url(../images/futx_top02.png)  no-repeat;
  margin-bottom: 0.25rem;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li .fuwutix_main h5{
  width: 4.3rem;
  height: 0.875rem;
  background: #002b8a;
  color:#fff;
  font-size: 0.5rem;
  line-height: 0.875rem;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li .fuwutix_main dl dt{
  font-size: 0.4rem;
  color:#002b8a;
  margin-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-bottom:0.025rem dashed #ccc;
}
.content6_bg .wdfwtx_main .wdfwtx_mian_list ul li .fuwutix_main dl dd{
  width: 4.3rem;
  height: 3.7rem;
  border:0.125rem solid #f6f6f5;
  border-top:0;
  margin-top: 0.2rem;
  text-align: left;
  box-sizing: border-box;
  padding:0.075rem;
  font-size:0.325rem;
}
 /* 四重免费好礼 等你来领 */
 .content5_bg {
    height:7.5rem;
    background: url(../images/ban5_bg.jpg) top center no-repeat;
    background-size: 100% 7.5rem;
    box-sizing: border-box;
    text-align: center;
    padding-top: 1px;
}
.content5_bg  h3.title {
    color:#fff;
}
.content5_bg h3.title::before {
     background: url(../images/left_icon02.png) no-repeat 0 0;
     background-size: 100% 0.275rem;
}
.content5_bg  h3.title::after {
    background: url(../images/right_icon02.png) no-repeat 0 0;
    background-size: 100% 0.275rem;
}
.content5_bg ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.content5_bg ul li{
    width: 4.125rem;
    height: 3.95rem;
    margin-top: 0.3rem;
    background: url(../images/sec5_listbg.png) no-repeat 0 0;
    background-size: 100% 3.95rem;
    box-sizing: border-box;
    padding-top: 1.3rem;
}
.content5_bg ul li dl dt{
    font-size:0.5rem;
    color:#d91048;
    font-weight: bold;
}
.content5_bg ul li dl dd{
    font-size:0.5rem;
    color:#fff;
    font-weight: bold;
    margin-top: 0.47rem;
}
/* 新航道线上课程优势  */
.content7_bg{
    padding: 1rem 0 1.5rem;
}
.content7_bg ul{
    display: flex;
    justify-content:space-around;
    align-items: center;
    flex-wrap: wrap;
}
.content7_bg ul li{
    width: 4.525rem;
    height: 3.55rem;
    margin-top: 0.625rem;
    background: url(../images/yslist_bg.png) no-repeat 0 0;
    background-size: 100% 3.55rem;
    box-sizing: border-box;
    text-align: center;
    margin-left: -0.25rem;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    overflow:hidden;
}
.content7_bg ul li dl dt{
    font-size:0.5rem;
    color:#fff;
}
.content7_bg ul li dl dd{
    font-size:0.5rem;
    color:#585858;
    margin-top: 0.4rem;
}
.content7_bg ul li:first-child dl dd{
    font-size:0.5rem;
    color:#585858;
    margin-top: 0.15rem;
}
.content7_bg ul li:last-child dl dd{
  font-size:0.5rem;
  color:#585858;
  margin-top: 0.15rem;
}
.btn_public {
    display: block;
    width: 5.5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 auto;
    margin-top: 0.25rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    background: #f01754;
    border-radius: 0.7rem;
    text-align: center;
    animation: scale2 2s linear infinite;
}
/* 新航道在线网课全平台支持 */
.content8_bg {
  height: 10.9rem;
  background: url(../images/ban8_bg.jpg) top center no-repeat;
  background-size: 100% 10.9rem;
  box-sizing: border-box;
  text-align: center;
  padding-top: 1px;
}
.content8_bg h4{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  font-weight: bold;
  color: #333;
}
.content8_bg h3.title{
  margin-bottom: 0;

}

/* 语培 + 留学模块 */
.content11_bg .mokuai_main{
  width: 17.35rem;
  height:5.975rem;
  background: url(../images/ban11_bg.png) 0 0 no-repeat;
  background-size: 100% 5.975rem;
  margin:0 auto;
  box-sizing: border-box;
  text-align: center;
  padding-top: 0.025rem;
  position: relative;
  margin-bottom: 0.75rem;
  margin-top: 0.8rem;
}
.content11_bg .mokuai_main div{
position: absolute;
}
.content11_bg .mokuai_main div.yl_sec01{
  top: 0.5rem;
  left: 0.5rem;
}
.content11_bg .mokuai_main div.yl_sec02{
  top:0.9rem;
  left: 4.8rem;
}
.content11_bg .mokuai_main div.yl_sec03{
  top: 0.9rem;
  left:9.3rem;
}
.content11_bg .mokuai_main div.yl_sec04{
  top: 0.9rem;
  right:0.5rem;
}
.content11_bg .mokuai_main div dl dt{
  font-size:0.65rem;
  color:#d9315a;
}
.content11_bg .mokuai_main div dl  dd{
  font-size:0.5rem;
  color:#fff;
  margin-top: 0.7rem;
}
/* 一对一备考规划，名额抢报中 */
.content12_bg {
  height: 12.8rem;
  background: url(../images/ban12_bg.jpg) bottom center no-repeat;
  background-size: 100% 10.375rem;
  box-sizing: border-box;
  text-align: center;
  padding-top: 1px;
  position: relative;
}
.content12_bg .sec12_main{
  width: 15rem;
  height: 8rem;
  margin:0 auto;
  margin-top: 2.8rem;
  background: #fff;
  box-shadow: 0 0 0.5rem rgba(158,2,48,.3);
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding-top:1px;
}
.content12_bg .form-container{
  width: 11.375rem;
  margin:0 auto;
  margin-top: 0.75rem;
}
.content12_bg input{

  display: block;

  width:100%;

  height:1.275rem;

  line-height:1.275rem;

  background: #fff;

  border-radius: 5px;

  font-size:0.6rem;

  color: #777;
  margin:0 auto;
  margin-bottom: 0.5rem;

  text-indent: 0.375rem;

  outline: none;

  border:1px solid #ccc;
  border-radius:0.5rem;
  box-sizing: border-box;
}
.content12_bg input::placeholder{
  color:#eb1551;
}
.content12_bg .formCode{
  display: block;
  width:100%;
  height: 1.275rem;
  margin: 0 auto;
  margin-bottom:0.45rem;
}
.content12_bg .formCode .codeInput
{
  width:6.625rem;
  text-align: center;
  height: 1.275rem;
  background-color: #fff;
  border-radius: 0.2rem;
  font-size: 0.5rem;
  line-height:1.525rem;
  outline: 0;
  border:1px solid #ccc;
  color: #000;
  margin-right: 10px;
  float: left;
  margin-bottom: 0;
  text-indent: 0;
  border-radius:0.6rem;
}
.content12_bg .formCode .codetxt{
  width: 5.625rem;
  background: #e3e3e3;
  outline: none;
  height: 1.275rem;
  cursor: pointer;
  font-size: 0.6rem;
  border: 0;
  color: #000;
  float: right;
  margin-bottom: 0;
  border-radius: 0.5rem;
}
.content12_bg .formCode .codetxt:hover{
  background: #e3e3e3;
}
.content12_bg span.submit{
  display: inline-block;
  width:100%;
  height: 1.4rem;
  text-align: center;
  line-height: 1.4rem;
  color: #fff;
  font-size: 0.65rem;
  background:#e91550;
  cursor: pointer;
  margin:0 auto;
  border-radius: 0.5rem;
  animation: scale2 3s infinite;
  box-shadow: 0 3px 10px rgba(0,0,0,.3) ;
}
.content12_bg span.submit:hover{
  background:#e91550;
}


.huanjing {background:#fff;
  margin:0 auto;
  box-sizing:border-box;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width:100%;
  overflow: hidden;
}
.huanjing h3.title {
    margin: 0 auto;
}
.huanjing .common_title .pic {
    width: 14.75rem;
    height: .95rem
}
.huanjing a {
    width: 12rem;
    height: 2rem;
    display: flex;
    border-radius: 1rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: .72rem;
    color: #fff;
    margin: 1.25rem auto 0;
    box-shadow: 0px 0 5px 0 rgba(239, 74, 35, 0.4);
    background: linear-gradient(to right, #ee4923, #fb7642);
}
.huanjing .btn_hg {
    display: block;
    width: 12rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 auto;
    margin-top: 0.25rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    background: #f01754;
    border-radius: 0.7rem;
    text-align: center;
    animation: scale2 2s linear infinite;
}
.banci_tit{
	padding:0 1rem;
	margin-top:1.52rem;
}
.banci_tit ul{
 display: flex;
 justify-content:space-between;
 flex-wrap:wrap;
}
.banci_tit ul li{
    width:30%;
    height: 1.6rem;
	   line-height: 1.6rem;
    text-align: center;
    background:#ffeddf;
    color:#f6492a;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    border:1px solid #f64a2a;
    cursor: pointer;
}
.banci_tit ul li:first-child{
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li:nth-child(2){
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li.cur{
    width:30%;
	   height: 1.6rem;
  		line-height: 1.6rem;
    text-align: center;
    background: linear-gradient(to right, #ff4800, #f87128);
    background: -webkit-linear-gradient(to right, #ff4800, #f87128);
    background: -o-linear-gradient(to right, #ff4800, #f87128);
    background: -ms-linear-gradient(to right, #ff4800, #f87128);
    background: -moz-linear-gradient(to right, #ff4800, #f87128);
    color:#fff;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    position: relative;
}
.banci_tit ul li:first-child.cur{
  	 width:48%;
  	 margin-bottom:0.5rem;
}
.banci_tit ul li:nth-child(2).cur{
	  width:48%;
   	margin-bottom:0.5rem;
}
.banci_tit ul li.cur:after{
	position: absolute;
	top: 1.6rem;
	left: 2rem;
	content:'';
	border-top:10px solid #f75d29;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid transparent;
}
.banci_tit ul li:first-child.cur:after{
  left: 3.6rem;
}
.banci_tit ul li:nth-child(2).cur:after{
	 left: 3.6rem;
}

.banci_zhuyao div img{
	margin-top: 0.5rem;
}

.bd{ width:100%; height:auto; background:#3b70fb; padding:0.98rem 0 1.8rem;}
.bd-con{ width:96%; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 1.36rem; color:#fff;text-align: center;font-weight: bold;margin-bottom: 0.6rem}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 72%;height:2rem;line-height: 0.8rem;background: #fff;border-radius: 0.18rem;color: #666;font-size: 0.72rem;padding-left: 3%;line-height: 100%;margin:0 auto 0.6rem;border: none; display:block}
.bd-con select {width: 75%;padding-left: 2%;}
::-webkit-input-placeholder{color: #666;}
.bd-con button {width: 80%;display:block;margin:0 auto;height:2.16rem;line-height: 1.6rem;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 0.8rem;text-align: center; border-radius: 2rem; }