body{background:#381a79; font-size:24px;}

.conbox{background:url(../img/bg.png) center top; padding-top:55px; font-family: HYQiHei;}

.title{text-align:center; background:url(../img/titbg.png) center top no-repeat; padding-top:40px;}
.title h1{
  font-size: 58px;
  font-weight: bold;
  letter-spacing:1px;
  font-family: HYQiHei-HES;
  text-shadow: 0px 5px 5px rgba(45, 22, 95, .2);
  background: linear-gradient(0deg, #EE35B1 0%, #FFD806 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tit{
  font-size:36px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin-top:20px;
}
.tit font{
  color: #FFD806;
}

/* header */
.banner{width:100%; height:400px; background:url(../img/banner.jpg) center top no-repeat #49059d;}
.banner a{display:block; height:400px; text-indent:-999999px;}

.adimg{margin-top:60px;}

.tabDetail,.erjiDetail{display: none;}
.show{display: block;}

/* con1 */
.con1{margin-top:50px; text-align: center;}
.con1 a.box{display: block; margin-top:30px; text-align: center;}
.con1 a.box h4{
  width: 372px;
  height: 80px;
  margin:0 auto;
  background: linear-gradient(180deg, #FE38B7, #6D0AC9);
  box-shadow: 0px 5px 5px 0px rgba(45, 22, 95, 0.33);
  border-radius: 40px;
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height:80px;
  letter-spacing:2px;
}
.con1 a.box img{margin-top:30px;}

/* con2 */
.con2{margin-top:80px;}
.con2 .box{display: block; margin-top:30px; text-align: center;}
table{border-collapse:separate; border-spacing:0;}
table tr td,
table tr th{border-bottom:1px dashed #fff; border-right:1px dashed #fff; text-align:center; padding:15px 0; color:#fff;}
table tr th{border-bottom:none; background: linear-gradient(180deg, #FE38B7, #6D0AC9); font-size:34px; color:#fff; font-weight:bold; }
table tr td{line-height:36px;}
table tr td font{color:#FFD806;}
table tr:first-child th:first-child{
  border-top-left-radius:15px;
}
table tr:first-child th:last-child{
  border-top-right-radius:15px;
}
table tr td:last-child,
table tr th:last-child{
  border-right:1px solid #fff;
}
table tr:last-child td{
  border-bottom:1px solid #fff;
}
table tr:last-child td:first-child{
  border-bottom-left-radius:15px;
}
table tr td:first-child,
table tr th:first-child{
  border-left:1px solid #fff;
  font-size:30px;
  font-weight:bold;
}
table tr:last-child td:last-child{
  border-bottom-right-radius:15px;
}
table tr td a{
  display: block;
  width: 273px;
  height: 44px;
  margin:0 auto;
  border: 1px solid #FFD806;
  border-radius: 22px;
  font-size:22px;
  color: #FFD806;
  line-height:44px;
}
.tabDetail,.erjiDetail{display: none;}
.show{display: block;}
.con2 .tabNav{margin-top:38px;}
.con2 .tabNav ul{height:86px;display:flex; justify-content:space-between; align-items:flex-end;}
.con2 .tabNav ul li{width:570px; height:73px; font-size:32px; color:#f2f2f2; line-height:72px; background: #734FBF; border-radius:10px 10px 0 0; text-align:center; transition:height .2s; -moz-transition:height .2s;-webkit-transition:height .2s; -o-transition:height .2s; cursor:pointer; }
.con2 .tabNav ul li.active{width:627px; height:86px; line-height:86px; color:#fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); font-size:36px;}
.con2 .tabNav ul li:first-child.active{background:url(../img/con2-bg1.png);}
.con2 .tabNav ul li:last-child.active{background:url(../img/con2-bg2.png);}
.con2 .tabCon{
  background: #6D0AC9;
  border-radius:0 0 10px 10px;
}
.con2 .tabCon .kcbox{
  padding:35px 12px 30px;
  display:flex;
  justify-content:space-between;
}
.con2 .tabCon .kcbox .item{width:573px;}
.con2 .tabNav2{margin-top:55px; height:120px; background:url(../img/con2-bg3.png); box-sizing: border-box; padding:1px;}
.con2 .tabNav2 ul{display:flex;}
.con2 .tabNav2 ul li{flex:1; height:118px; font-size:58px; color:#fff; line-height:118px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; }
.con2 .tabNav2 ul li span{
  background: linear-gradient(0deg, #EE35B1 0%, #FFD806 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.con2 .tabNav2 ul li.active{ background: linear-gradient(0deg, #EE35B1, #FFD806);}
.con2 .tabNav2 ul li.active span{background:none; -webkit-text-fill-color:#fff;}
.con2 .tabNav2 ul li:first-child.active{border-radius:60px 0 0 60px;}
.con2 .tabNav2 ul li:last-child.active{border-radius:0 60px 60px 0; }

/* 22 23考研 */
.kybox{margin-top:56px;}
.erjiNav{margin-top:30px; height:114px; display:flex; align-items:flex-end;}
.erjiNav a{display: block; width:367px; height:92px; font-size:30px; color: #E6E6E6; line-height:74px; border-radius:10px 10px 0 0; text-align:center; transition:height .2s; -moz-transition:height .2s;-webkit-transition:height .2s; -o-transition:height .2s; background:url(../img/con3-bg1.png);}
.erjiNav a.on{width:467px; height:114px; color:#fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); font-size:34px; background-image:url(../img/con3-bg2.png);}
.erjiCon{background:#FFFFFF; border-radius:0 0 10px 10px; padding:20px 0 30px;}
.conky22 .box1{margin:0 10px; display:flex; justify-content:space-between;}
.conky22 .box1 .item{width:286px;}
.conky22 .box2{margin:0 20px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.conky22 .box2 img{margin-top:30px; display: block;}
.conky22 .box3{margin:30px 10px 0; display: block; display:flex; justify-content:space-between;}
.conky22 .box3 .item{width:390px;}
.con4{margin-top:10px;}
.con4 h1{
  font-size: 58px;
  font-weight: bold;
  color: #044EB2;
  letter-spacing:2px;
  text-align: center;
  text-shadow: 0px 5px 5px rgba(45, 22, 95, .2);
  background: linear-gradient(to top, #EE35B1 0%, #FFD806 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.conky22 a.box4{margin:10px 0 30px; display: block;}
.conky22 .box5{margin-top:30px;}
.conky23 .box1{margin:0 12px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.conky23 .box1 .item{margin-top:30px; width:386px;}
.conky23 .box2{margin:0 10px 0 15px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.conky23 .box2 .item{margin-top:30px; width:381px;}
.conky23 .box3{margin:0 11px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.conky23 .box3 .item{margin-top:30px; width:389px;}
.conky23 a.box4{margin-top:45px; display: flex; justify-content:space-between;}
.conky23 .pt-l{width:655px;}
.conky23 .pt-r{width:512px; text-align: center; padding-top:75px;}
.conky23 .pt-r h2{height:73px; background:url(../img/con5-bg.png) center top no-repeat; font-size:36px; color: #FFFFFF; line-height:72px;}
.conky23 .pt-r p{margin-top:18px; display: flex; align-items: center;}
.conky23 .pt-r p img{width:150px;}
.conky23 .pt-r p span{display: block; width:300px; font-size:26px; color: #FFFFFF;}
.conky23 .pt-r p span font{font-size:30px; color: #FED30B;}
.conky23 .pt-r h4{
  width: 335px;
  height: 48px;
  margin:30px auto 0;
  background: linear-gradient(180deg, #FE38B7, #6D0AC9);
  box-shadow: 0px 5px 5px 0px rgba(45, 22, 95, 0.33);
  border-radius: 24px;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 48px;
}

/* con5 */
.con5{margin-top:60px;}
.con5 h2{width:512px; height:73px; margin:30px auto 0; background:url(../img/con5-bg.png) center top no-repeat; font-size:36px; color: #FFFFFF; line-height:72px; text-align: center;}
.con5 a.box{margin-top:35px; display: flex; justify-content:center;}
.con5 a.box .pic{width:620px; margin-right:60px;}
.con5 a.box .txt{width:400px; font-size:26px; color:#fff; padding-top:30px;}
.con5 a.box .txt p{line-height:48px;}
.con5 a.box .txt p font{color:#FFD806;}
.con5 a.box .txt h4{margin-top:25px; margin-left:15px; letter-spacing:2px; font-size:20px;}
.con5 a.box .txt h3{
  width: 335px;
  height: 48px;
  margin-top:40px;
  margin-left:18px;
  background: linear-gradient(180deg, #FE38B7, #6D0AC9);
  box-shadow: 0px 5px 5px 0px rgba(45, 22, 95, 0.33);
  border-radius:24px;
  font-size:22px;
  color: #FFFFFF;
  line-height:48px;
  text-align: center;
}

/* con6 */
.con6{margin-top:55px;}
.summerteacer_warrp {
  box-sizing: border-box;
  width: 1200px;
  margin-top:40px;
}
.allteacher_show {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width:1200px;
  opacity: 0;
}
.allteacher_showactive {
  opacity: 1 !important;
  z-index: 5 !important;
}
.teacherright_content {
  height: 540px;
  background: #6D0AC9;
  border-radius: 0 0 10px 10px;
}
.teacher_active {
  display: block !important;
}
.teacher_warrp {
  width:1200px;
  height:540px;
  display: none;
  overflow: hidden;
}
.teacher_warrp .pic{
  width:500px;
  float: left;
}
.teacher_warrp .txt{
  width:650px;
  padding:60px 0 0 0;
  float: left;
  color:#fff;
}
.teacher_warrp .txt h2{
  font-size:28px;
  margin-bottom: 10px;
}
.teacher_warrp .txt h2 span{
  font-size:34px;
  font-weight:bold;
}
.teacher_warrp .txt p{
  font-size:28px;
  line-height: 48px;
  position: relative;
  padding-left: 15px;
}
.teacher_warrp .txt p:before{
  content: "";
  display:block;
  width:5px;
  height:5px;
  background-color:#fff;
  border-radius: 50%;
  position:absolute;
  left:0;
  top:22px;
}
.swiper-father {
  position: absolute;
  width:1070px;
  left:65px;
  bottom:30px;
}
.teacherswiper_warrp .swiper-slide {
  height: 156px;
  border-radius: 10px;
  background-color:#fff;
  border-radius: 10px;
}
.teacherswiper_warrp .swiper-slide img {
  width:100%;
}
.teacherswiper_warrp .swiper-slide .smitem{
  height: 156px;
  position: relative;
  box-sizing: border-box;
  padding:30px 0 0 130px;
  font-size:24px;
  font-weight:bold;
}
.teacherswiper_warrp .swiper-slide .smitem h3{
  font-weight:bold;
}
.teacherswiper_warrp .swiper-slide .smitem h3:after{
  content: "";
  display:block;
  width:64px;
  height:2px;
  background-color:#333;
  margin:8px 0;
}
.teacherswiper_warrp .swiper-slide .smitem .smpic{
  width:170px;
  height: 156px;
  overflow: hidden;
  position: absolute;
  left:-15px;
  top:0;
}
.teacherswiper_warrp .swiper-slide-active{
  background: linear-gradient(180deg, #EE35B1, #FFD806);
  box-shadow: none !important;
}
.teacherswiper_warrp .swiper-slide-active .smitem{
  color:#fff;
}
.teacherswiper_warrp .swiper-slide-active .smitem h3:after{
  background-color:#fff;
}
.summerteace_tab > ul {
  height:86px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.summerteace_tab > ul > li {
  width:570px;
  height:73px;
  font-size:32px;
  color:#f2f2f2;
  line-height:72px;
  background: #734FBF;
  border-radius:10px 10px 0 0;
  text-align:center;
  transition:height .2s;
  -moz-transition:height .2s;
  -webkit-transition:height .2s;
  -o-transition:height .2s;
}
.summerteace_tabactive {
  width:627px;
  height:86px;
  line-height:86px;
  color:#fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  font-size:36px;
}
.summerteace_tab > ul > li:nth-of-type(1).summerteace_tabactive {
  width:627px;
  background:url(../img/con2-bg1.png);
}
.summerteace_tab > ul > li:nth-of-type(2).summerteace_tabactive {
  width:627px;
  background:url(../img/con2-bg2.png);
}
.partzyk{
  margin-top: -540px;
}

/* con7 */
.con7{margin-top:60px; padding-bottom:80px;}
.con7 a.box{display: flex; justify-content:space-between;}
.con7 a.box h4{
  width: 562px;
  height: 103px;
  background: linear-gradient(180deg, #EE35B1, #FFD806);
  border-radius: 51px;
  font-size: 36px;
  color: #FFFFFF;
  font-weight:bold;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.29);
  line-height: 102px;
  letter-spacing:2px;
  text-align: center;
}
.con7 a.box h4:nth-of-type(1){background: linear-gradient(180deg, #EE35B1, #FFD806);}
.con7 a.box h4:nth-of-type(2){background: linear-gradient(180deg, #4BC992, #FFFC06);}


/*css3btn*/
.css3btn{bottom:25px; left:14px;z-index:999;position:fixed; cursor:pointer;}
.css3btn>a{display:block;text-decoration:none;  }
.css3btn>a .border{left:-10px;top:50%;margin-top:-44px;border:1px solid #f13e3e;width:83px;height:83px;text-align: center;border-radius:100%; position:absolute; z-index:9999;}
.css3btn img{width:77px;height:77px;border:2px solid #f13e3e;border-radius:100%;margin:1px;}
.css3btn #scroll_question {overflow:hidden;width:310px;height:60px;float:left;background-color:#f13e3e;text-align: center;border-radius:30px;color:#fff;text-indent:60px;position: relative;/*! text-transform: uppercase; */display: block;}
.css3btn #scroll_question ul li {font-size:20px;line-height:60px;width: 310px; text-align:center;}
.css3btn .effect{width:310px;height:60px;position: absolute;left:0;bottom:0;z-index:1;overflow:hidden;}
.css3btn .effect:after{content: "";background: #fff;position: absolute;width:230px;height:230px;left: 50px;right: 0;top:0;bottom: 0;opacity: 0;margin: auto;border-radius:100%;transform: scale(1);animation:1s btn ease-in-out infinite;  }
  @keyframes btn {
      0%{
          transform:scale(0);
          opacity: 1;
      }
      100%{
          transform:scale(1);
          opacity: 0;
      }
  }