.section {
  padding-top: 1.3rem;
}

.section .title span {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
  position: relative;
  color: #02237f;
  text-shadow: 0 .08rem 0  #ffffff, 0rem 0rem 0.65rem
  rgba(4, 70, 254, 0.3);
}
.section .title span em{
  color: #0446fe;
}

.section h2 {
  text-align: center;
  margin-bottom: .7rem;
  align-items: flex-end;
}

.section h2 img {
  height: 0.8rem;
  margin: 0 .4rem;
}

.section .content {
  padding: 0 .63rem;
}

.section .xyzbtnbox {
  margin-top: 1.5rem;
}

.section .xyzbtnbox>div {
  width: 8.5rem;
  height: 1.73rem;
  background-image: linear-gradient(0deg,
      #ffd508 0%,
      #fff5c6 100%);
  box-shadow: 0rem 0rem 0.65rem 0rem rgba(255, 127, 85, 0.2);
  border-radius: 0.84rem;
  font-size: 0.65rem;
  font-weight: bold;
  color: #000000;
}

.section1 .tabbox {
  height: 1.3rem;
  margin-bottom: .93rem;
}

.section1 .tabbox>div {
  width: 3.45rem;
  height: 1.3rem;
  background: #0446fe;
  border-radius: 0.63rem;
  color: #ffffff;
  font-size: 0.64rem;
}

.section1 .tabbox>div.active {
  background: #02237f;
}

.section1 .tabcontent .list {
  flex-wrap: wrap;
  align-items: flex-start;
  display: none;
}

.section1 .tabcontent .list.active {
  display: flex;
}

.section1 .tabcontent li {
  width: 7.08rem;
  height: 4.3rem;
  background: url(/uploads/image/wximg/jp1.png) no-repeat;
  background-size: 100%;
  box-shadow: 0rem 0rem 0.65rem 0rem rgba(119, 99, 255, 0.1);
  border-radius: 0.13rem;
  margin-top: .4rem;
  padding-top: 2.78rem;
  font-size: 0.55rem;
  color: #000000;
}

.section1 .tabcontent li:nth-child(1),
.section1 .tabcontent li:nth-child(2) {
  margin-top: 0;
}

.section1 .tabcontent .jp li:nth-child(1) {
  background-image: url(/uploads/image/wximg/jp1.png);
}

.section1 .tabcontent .jp li:nth-child(2) {
  background-image: url(/uploads/image/wximg/jp2.png);
}

.section1 .tabcontent .jp li:nth-child(3) {
  background-image: url(/uploads/image/wximg/jp3.png);
}

.section1 .tabcontent .jp li:nth-child(4) {
  background-image: url(/uploads/image/wximg/jp4.png);
}

.section1 .tabcontent .jp li:nth-child(5) {
  background-image: url(/uploads/image/wximg/jp5.png);
}

.section1 .tabcontent .jp li:nth-child(6) {
  background-image: url(/uploads/image/wximg/jp6.png);
}

.section1 .tabcontent .jp li:nth-child(7) {
  background-image: url(/uploads/image/wximg/jp7.png);
}

.section1 .tabcontent .jp li:nth-child(8) {
  background-image: url(/uploads/image/wximg/jp8.png);
}

.section1 .tabcontent .kr li:nth-child(1) {
  background-image: url(/uploads/image/wximg/kr1.png);
}

.section1 .tabcontent .kr li:nth-child(2) {
  background-image: url(/uploads/image/wximg/kr2.png);
}

.section1 .tabcontent .kr li:nth-child(3) {
  background-image: url(/uploads/image/wximg/kr3.png);
}

.section1 .tabcontent .kr li:nth-child(4) {
  background-image: url(/uploads/image/wximg/kr4.png);
}

.section1 .tabcontent .kr li:nth-child(5) {
  background-image: url(/uploads/image/wximg/kr5.png);
}

.section1 .tabcontent .kr li:nth-child(6) {
  background-image: url(/uploads/image/wximg/kr6.png);
}

.section1 .tabcontent .kr li:nth-child(7) {
  background-image: url(/uploads/image/wximg/kr7.png);
}

.section1 .tabcontent .kr li:nth-child(8) {
  background-image: url(/uploads/image/wximg/kr8.png);
}

.section1 .tabcontent .de li:nth-child(1) {
  background-image: url(/uploads/image/wximg/ge1.png);
}

.section1 .tabcontent .de li:nth-child(2) {
  background-image: url(/uploads/image/wximg/ge2.png);
}

.section1 .tabcontent .de li:nth-child(3) {
  background-image: url(/uploads/image/wximg/ge3.png);
}

.section1 .tabcontent .de li:nth-child(4) {
  background-image: url(/uploads/image/wximg/ge4.png);
}

.section1 .tabcontent .de li:nth-child(5) {
  background-image: url(/uploads/image/wximg/ge5.png);
}

.section1 .tabcontent .de li:nth-child(6) {
  background-image: url(/uploads/image/wximg/ge6.png);
}

.section1 .tabcontent .de li:nth-child(7) {
  background-image: url(/uploads/image/wximg/ge7.png);
}

.section1 .tabcontent .de li:nth-child(8) {
  background-image: url(/uploads/image/wximg/ge8.png);
}

.section1 .tabcontent .other li:nth-child(1) {
  background-image: url(/uploads/image/wximg/other1.png);
}

.section1 .tabcontent .other li:nth-child(2) {
  background-image: url(/uploads/image/wximg/other2.png);
}

.section1 .tabcontent .other li:nth-child(3) {
  background-image: url(/uploads/image/wximg/other3.png);
}

.section1 .tabcontent .other li:nth-child(4) {
  background-image: url(/uploads/image/wximg/other4.png);
}

.section1 .tabcontent .other li:nth-child(5) {
  background-image: url(/uploads/image/wximg/other5.png);
}

.section1 .tabcontent .other li:nth-child(6) {
  background-image: url(/uploads/image/wximg/other6.png);
}

.section1 .tabcontent .other li:nth-child(7) {
  background-image: url(/uploads/image/wximg/other7.png);
}

.section1 .tabcontent .other li:nth-child(8) {
  background-image: url(/uploads/image/wximg/other8.png);
}

.section2 {
  padding: 1.3rem .63rem 0;
}

.section2 .content {
  height: 18.38rem;
  background-color: #ffffff;
  border-radius: 0.13rem;
  padding: .63rem;
}

.section2 .content .list {
  flex-wrap: wrap;
  align-items: stretch;
}

.section2 .content .list>div {
  width: 30%;
  text-align: center;
}

.section2 .content .list>div>img {
  width: 3.43rem;
}

.section2 .content .list>div:nth-child(1),
.section2 .content .list>div:nth-child(2),
.section2 .content .list>div:nth-child(3) {
  margin-bottom: .5rem;
}

.section2 .content .list h3 {
  font-size: 0.6rem;
  line-height: 0.6rem;
  color: #000000;
  margin: .43rem 0;
}

.section2 .content .list p {
  font-size: 0.55rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.88rem;
  letter-spacing: 0rem;
  color: #4d4d4d;
}

.section3 {
  padding: 1.3rem 0 0;
}

.section3 .content {
  padding: .85rem .3rem .35rem;
  background:#3466f8 url(/uploads/image/wximg/formbox_bg.png) no-repeat;
  background-size: 100%;
  background-position: bottom center;
  overflow: hidden;
}

.section3 .left ul {
  margin-bottom: .5rem;
  color: #ffffff;
  position: relative;
  left: -0.5rem;
}

.section3 .left ul:last-child {
  margin-bottom: 0;
}

.section3 .left div {
  width: 3.6rem;
  height: 1.53rem;
  font-size: 0.6rem;
  background: #02237f;
  position: relative;
  flex-shrink: 0;
  margin-right: .4rem;
}

.section3 .left div::after {
  content: "";
  border: .3rem solid #02237f;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 50%;
  right: -.55rem;
  transform: translatey(-50%);
}

.section3 .left li {
  color: #000000;
  width:  2.58rem;
  height: 1.53rem;
  background-color: #ffffff;
  border: solid 0.04rem #ffffff;
  line-height: 1.53rem;
  text-align: center;
  margin-left: .2rem;
  font-size: 0.55rem;
  flex-shrink: 0;
}

.section3 .left li.active {
  background-color: #ffd96a;
  border: solid 0.04rem #ffd96a;
}

.section3 .form_box {
  width: 100%;
  height: 10.53rem;
  margin-top: .68rem;
  padding: .7rem .88rem 0;
}

.section3 .form {
  width: 100%;
  height: 100%;
}

.section3 .form .item,
.section3 .form input {
  width: 100%;
  height: 1.73rem;
  background-color: #f2f2f2;
  font-size: .55rem;
  color: #808080;
  overflow: hidden;
}

.section3 .form .item {
  margin-bottom: .4rem;
}

.section3 .form input {
  padding-left: .5rem;
}

.section3 .form input::placeholder {
  color: #808080;
}

.section3 .form .item.yzm span {
  width: 4.28rem;
  height: 1.73rem;
  background-color: #000000;
  flex-shrink: 0;
  color: #ffffff;
}

.section3 .form .btn {
  width: 9rem;
}

.section4 h2{
  margin-bottom: 1.2rem;
}
.section4 .content {
  flex-wrap: wrap;
  padding: 0 .43rem;
}

.section4 .content>div {
  width: 7.28rem;
  height: 3.23rem;
  background-color: #ffffff;
  border-radius: 0.13rem;
  position: relative;
  margin-top: .7rem;
}

.section4 .content>div:nth-child(1),
.section4 .content>div:nth-child(2) {
  margin-top: 0;
}

.section4 .content em {
  width: 3.23rem;
  height: 0.88rem;
  background: url(/uploads/image/wximg/ad1.png) no-repeat;
  background-size:auto  100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: .33rem;
  align-items: flex-end;
  border-radius: 0.13rem 0 0 0;

}

.section4 .content em img {
  width: 1.6rem;
  height: 1.18rem;
}

.section4 .content>div .top {
  width: 100%;
  height: 100%;
  font-size: 0.6rem;
  line-height: 0.85rem;
  color: #000000;
  text-align: center;
  padding-top: 1rem;
}

.section5 h2 {
  margin-bottom: 1.7rem;
}

.section5 .content {
  background: none;
  box-shadow: none;
  padding: 0 .3rem;
}

.section5 .teac {
  width: 100%;
  height: 6.85rem;
  background: url(/uploads/image/wximg/teacher_bg.png) no-repeat;
  background-size: 100%;
  border-radius: 0.26rem;
  position: relative;
  padding-left: .63rem;
}

.section5 .teac .teac_box {
  display: none;
}

.section5 .teac .teac_box.active {
  display: flex;
}

.section5 .teac .teac_img {
  width: 5.8rem;
  height: 5.8rem;
  background-color: #e9f4f3;
  border-radius: 5.8rem;
  position: relative;
  z-index: 1;
  align-items: flex-end;
  flex-shrink: 0;
  margin-right: .4rem;
}

.section5 .teac .teac_img img {
  width: 100%;
  border-radius: 0 0 5.8rem 5.8rem;
  position: relative;
  bottom: .1rem;
  left: -.13rem;
  z-index: 3;
}

.section5 .teac .teac_img:after {
  content: "";
  width: 5.8rem;
  height: 5.8rem;
  background-color: #eaf0f8;
  border-radius: 5.8rem;
  position: absolute;
  left: -.13rem;
  bottom: .1rem;
  z-index: -1;
}

.section5 .teac .teac_img .cover {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 5.8rem;
  overflow: hidden;
  position: absolute;
  bottom: .1rem;
  right: 0.13rem;
}

.section5 .teac .teac_img .name {
  width: 4rem;
  height: 2rem;
  font-size: 0.6rem;
  font-weight: normal;
  color: #eff8ea;
  background: linear-gradient(to right, #003ff5, transparent);
  position: absolute;
  transform: rotatez(-45deg);
  bottom: -0.1rem;
  right: 0;
  z-index: 4;
  text-align: center;
  padding-top: .5rem;
}

.section5 .teac .teac_img .name span {
  transform: rotatez(45deg);
  display: block;
}

.section5 .teac .job {
  width: auto;
  max-width: 8rem;
  height: 0.88rem;
  line-height: .88rem;
  background: #02237f;
  border-radius: 0.42rem;
  font-size: 0.55rem;
  display: inline-block;
  padding: 0 .3rem;
  margin-bottom: .2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
}

.section5 .teac p {
  width: 8.2rem;
  font-size: 0.55rem;
  line-height: 0.88rem;
  color: #1a1a1a;
  padding-right: .2rem;

}

.section5 .teac p:nth-child(2),
.section5 .teac p:nth-child(1),
.section5 .teac p:nth-child(3) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section5 .teac p:nth-child(4) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.section5 .list {
  margin-top: .53rem;
  padding: 0 .33rem;
}

.section5 .list>div {
  width: 3.23rem;
  height: 3.23rem;
  background-image: linear-gradient(0deg, 
  #517cf7 0%, 
  #3466f8 100%);
box-shadow: 0rem 0rem 0.65rem 0rem 
  rgba(175, 196, 255, 0.6);
  border: solid 0.06rem #ffffff;
  border-radius: 3.23rem;
  overflow: hidden;
  padding-top: .4rem;
  position: relative;
  align-items: flex-start;
}
.section5 .list>div img{
  width: 130%;
  max-width: none;
}
.section5 .list>div:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
  position: absolute;
  top: 0;
  left: 0;
}

.section5 .list>div.active::after {
  background: none;
}

.section6 .content {
  padding: 0;
}

.section6 .tabbox {
  height: 1.73rem;
  background:#0446fe;
}

.section6 .tabbox>div {
  font-size: 0.55rem;
  font-weight: 700;
  color: #ffffff;
  height: 1.08rem;
  width: 2.58rem;
  height: 1.08rem;
  border-radius: 0.52rem;
}

.section6 .tabbox>div:nth-child(2) {
  margin: 0 .8rem;
}

.section6 .tabbox>div.active {
  background-color: #02237f;
}

.section6 .tabcontent {
  background: url(/uploads/image/wximg/video_bg.png) no-repeat;
  background-size: 100%;
  background-position: center bottom;
  height: 11.2rem;
  padding-top: 1rem;
}

.section6 .tabcontent .video {
  width: 12.93rem;
  display: none;
  margin: 0 auto;
}

.section6 .tabcontent .video.active {
  display: block;
}

.section6 .tabcontent video {
  width: 100%;
}

.section7 .content {
  padding: 0 .63rem;
}

.section7 .content>div {
  background-color: #ffffff;
  border-radius: 0.13rem;
  padding: .75rem .6rem;
}

.section7 .content p {
  font-size: 0.6rem;
  line-height: 1rem;
  color: #000000;
}

.section7 .content .imgs {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: .8rem;
}

.section7 .content img {
  width: 6.43rem;
}

.section7 .content img:nth-child(1),
.section7 .content img:nth-child(1) {
  margin-bottom: .6rem;
}

.form_cell {
  padding: 0.7rem 0 0.8rem;
  background: url(/uploads/image/wximg/btmform.png) no-repeat;
  background-size: 100%;
  background-position: bottom center;
  margin-top: 1.7rem;
}

.form_cell .name {
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.myform {
  padding: 0.9rem 1.38rem 0;
}

.myform .form_item {
  margin-bottom: .4rem;
  display: flex;
  height: 1.73rem;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

.myform .form_item .icon {
  width: 1.7rem;
  flex-shrink: 0;
  position: relative;
}

.myform .form_item .icon:after {
  content: "";
  width: 0.03rem;
  height: 1rem;
  background-color: #e6e6e6;
  position: absolute;
  left: 1.53rem;
  top: 50%;
  transform: translatey(-50%);
}

.myform .form_item .icon1 {
  background:  no-repeat center center;
  background-size: 0.7rem 0.8rem;
}

.myform .form_item .icon2 {
  background:  no-repeat center center;
  background-size: 0.8rem 0.75rem;
}

.myform .form_item .icon3 {
  background:  no-repeat center center;
  background-size: 0.75rem 0.75rem;
}

.myform .form_item .user_val {
  width: 100%;
  padding-left: 0.4rem;
  color: #999;
  background: none;
  overflow: hidden;
  font-size: .55rem;
}
.myform .form_item .user_val::placeholder{
  color: #999;
}
.myform .form_item .userlist {
  color: #999;
  background:  no-repeat;
  background-size: 4%;
  background-position: 95% center;
}

.myform .form_item .get_yzm {
  width: 5rem;
  flex-shrink: 0;
  line-height: 1.73rem;
  background: #ffd54b;
  text-align: center;
  font-size: 0.6rem;
  flex-shrink: 0;
}

.myform .submit_btn {
  margin: 0.75rem auto 0;
  width: 6.4rem;
  height: 1.75rem;
  background-image: linear-gradient(0deg,
      #ffd200 0%,
      #f9e14c 100%,
      #84ad65 100%,
      #0f797e 100%);
  border-radius: 0.84rem;
  font-size: 0.77rem;
  color: #000000;
  font-weight: 700;
}


.pop_form_panel {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.pop_form_panel .pop_content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12.63rem;
  padding: 0.7rem 0 0.85rem;
  transform: translate3d(-50%, -50%, 0);
  background: url(/uploads/image/wximg/layout.png) no-repeat;
  background-size: 100%;
  padding-top: 4.7rem;
}

.pop_form_panel .pop_content .close {
  position: absolute;
  top: 0rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.pop_form_panel .pop_content .f_name {
  text-align: center;
  background: linear-gradient(to bottom, #fff, #fce582);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
}

.pop_form_panel .pop_content .s_name {
  padding-top: 0rem;
  text-align: center;
  color: #fff;
  font-size: 0.9rem;
  letter-spacing: .2rem;
}

.pop_form_panel .myform .form_item {
  margin-bottom: .25rem;
}

.pop_form_panel .pop_content .myform {
  padding: 0.45rem 0.78rem 0 0.65rem;
}

.pop_form_panel .myform .form_item .get_yzm {
  background-color: #ffdb22;
}

.pop_form_panel .myform .submit_btn {
  width: 5rem;
  height: 1.8rem;
  background-image: linear-gradient(0deg,
      #ffd200 0%,
      #f9e14c 100%,
      #84ad65 100%,
      #0f797e 100%);
  border-radius: 0.94rem;
  margin: 0.75rem auto 0;
}

.pop_form_panel .submit {
  color: #000000 !important;
}