body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll !important;
  -webkit-tap-highlight-color: transparent;
  font-size: 62.5%; }

body {
  font: 12px/1.5 "PingFang SC", "Hiragino Sans GB", BlinkMacSystemFont, "Seogoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
  color: #333; }

html, body {
  -webkit-overflow-scrolling: touch;
  height: auto; }

button, input, select, textarea {
  font: inherit;
  outline: 0 none;
  vertical-align: middle; }

button, select {
  text-transform: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"], .fmSubmit {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"], .fmRadio, .fmCheckbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

textarea {
  overflow: auto;
  resize: vertical; }

input::-ms-clear, input::-ms-reveal {
  display: none; }

textarea, input {
  -webkit-user-modify: read-write-plaintext-only; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999; }

.placeholder {
  color: #666; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background: transparent;
  text-decoration: none;
  color: #08c; }

a:active, a:focus, a:hover {
  outline: 0 none; }

a:hover {
  color: #069; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

ul, ol {
  list-style: none;
  list-style-image: none; }

i, em {
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.special_version_box {
  min-width: 1200px; }
  .special_version_box .header_box {
    height: 710px;
    overflow: hidden;
    background-size: 1920px 710px; }
  .special_version_box .contentBg {
    height: 540px;
    overflow: hidden;
    background-size: 1920px 540px; }
  .special_version_box .footer_box {
    height: 360px;
    overflow: hidden; }
    .special_version_box .footer_box .container-inner {
      width: 1180px;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .special_version_box .footer_box .container-inner .base-info {
        float: left;
        margin-top: 75px; }
        .special_version_box .footer_box .container-inner .base-info > p {
          font-size: 14px;
          color: #ffffff;
          letter-spacing: 0;
          line-height: 14px;
          margin-bottom: 14px;
          font-weight: 400;
          -webkit-user-select: text !important;
          -moz-user-select: text !important;
          -ms-user-select: text !important;
              user-select: text !important; }
        .special_version_box .footer_box .container-inner .base-info a {
          text-decoration: underline !important; }
.teacher_item_wrapper {
  width: 600px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .teacher_item_wrapper .teacher_header {
    width: 130px;
    height: 170px;
    margin-left: 40px;
    margin-top: 45px; }
  .teacher_item_wrapper .info_wrapper {
    margin-left: 25px;
    margin-top: 60px; }
    .teacher_item_wrapper .info_wrapper .teacher_name_warpper {
      font-size: 22px;
      font-family: STSongti, STSongti-SC, serif;
      font-weight: 700;
      color: #ffffff;
      line-height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .teacher_item_wrapper .info_wrapper .teacher_name_warpper .subject_wrapper {
        font-family: STSongti, STSongti-SC, serif;
        width: 42px;
        height: 20px;
        margin-left: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #00347d;
        border: 1px solid #ffd562;
        border-radius: 2px;
        color: #ffd562;
        font-size: 14px;
        line-height: 14px; }
    .teacher_item_wrapper .info_wrapper .teacher_tips_wrapper {
      margin-top: 20px;
      margin-right: 12px; }
      .teacher_item_wrapper .info_wrapper .teacher_tips_wrapper .tip_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .teacher_item_wrapper .info_wrapper .teacher_tips_wrapper .tip_wrapper .circle_wrapper {
          height: 22px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .teacher_item_wrapper .info_wrapper .teacher_tips_wrapper .tip_wrapper .circle_wrapper .circle {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #ffd562; }
        .teacher_item_wrapper .info_wrapper .teacher_tips_wrapper .tip_wrapper .tip_content {
          width: 383px;
          font-size: 14px;
          margin-left: 8px;
          line-height: 22px;
          color: #ffffff; }
.video_img_wrapper {
  position: relative;
  cursor: pointer; }
  .video_img_wrapper .img {
    width: 100%;
    height: 100%; }
  .video_img_wrapper .img_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 6px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; }
    .video_img_wrapper .img_cover:hover {
      opacity: 0.1; }
.player_wrapper {
  position: relative;
  margin: 0 auto; }
  .player_wrapper .play_icon {
    position: absolute;
    top: 50%;
    display: block;
    margin: 0 auto; }
  .player_wrapper .no_flash {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 100%;
    height: 20px;
    line-height: 20px; }
    .player_wrapper .no_flash a {
      text-decoration: underline;
      color: #00a4ef; }
.play_modal_wrapper {
  height: 700px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px; }
  .play_modal_wrapper .img {
    width: 90%;
    height: auto;
    max-width: 90%;
    max-height: 90%; }

.play_video_wrapper {
  position: relative;
  width: 1000px;
  height: 700px; }
  .play_video_wrapper .close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
    z-index: 999;
    cursor: pointer; }
.brand_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .brand_wrapper .brand_head_wrapper {
    width: 100%;
    height: 960px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .brand_wrapper .brand_head_wrapper .star_wrapper {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .brand_wrapper .brand_head_wrapper .transition_bg {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 400px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 78, 167, 0)), color-stop(99%, #104ea7));
      background: linear-gradient(180deg, rgba(16, 78, 167, 0) 0%, #104ea7 99%); }
    .brand_wrapper .brand_head_wrapper .header_content_wrapper {
      z-index: 100;
      width: 1200px;
      padding: 40px;
      margin-top: 100px;
      position: relative; }
      .brand_wrapper .brand_head_wrapper .header_content_wrapper .img_title {
        width: 600px;
        height: 380px; }
      .brand_wrapper .brand_head_wrapper .header_content_wrapper .video_wrapper {
        margin-top: 60px;
        width: 480px;
        height: 270px; }
      .brand_wrapper .brand_head_wrapper .header_content_wrapper .map_wrapper {
        position: absolute;
        right: 40px;
        top: 95px;
        width: 630px;
        height: 640px;
        margin-top: 20px; }
        .brand_wrapper .brand_head_wrapper .header_content_wrapper .map_wrapper .map_img {
          width: 622px;
          height: 628px;
          position: absolute;
          top: 10px;
          left: 10px; }
  .brand_wrapper .brand_teacher_wrapper {
    background: #104ea7;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    .brand_wrapper .brand_teacher_wrapper .teacher_bg {
      position: absolute;
      top: 0;
      right: 0;
      width: 1300px;
      height: 600px;
      overflow: hidden; }
    .brand_wrapper .brand_teacher_wrapper .inner_wrapper {
      width: 1200px;
      margin-top: 80px;
      z-index: 10; }
      .brand_wrapper .brand_teacher_wrapper .inner_wrapper .teacher_list_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .brand_wrapper .brand_teacher_wrapper .inner_wrapper .teacher_list_wrapper .teacher_list2 {
          margin-top: 120px; }
  .brand_wrapper .brand_contet1_wrapper {
    width: 100%;
    padding-top: 100px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #104ea7), to(#1064da));
    background: linear-gradient(180deg, #104ea7 1%, #1064da);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .brand_wrapper .brand_contet1_wrapper .conent1_wrapper {
      width: 1200px;
      height: 813px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper img {
        cursor: pointer;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s; }
        .brand_wrapper .brand_contet1_wrapper .conent1_wrapper img:hover {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .content1_bg_wrapper {
        width: 1200px;
        height: 1000px;
        position: relative;
        margin-top: -200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .content1_bg_wrapper .content1_bg {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%;
          -webkit-transition: unset;
          transition: unset;
          -webkit-transform: unset;
                  transform: unset;
          cursor: unset; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_1 {
        width: 280px;
        height: 96px;
        position: absolute;
        top: 235px;
        left: 95px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_2 {
        width: 309px;
        height: 96px;
        position: absolute;
        top: 105px;
        left: 360px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_3 {
        width: 316px;
        height: 118px;
        position: absolute;
        bottom: 165px;
        left: 80px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_4 {
        width: 277px;
        height: 96px;
        position: absolute;
        bottom: 347px;
        left: 190px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_5 {
        width: 295px;
        height: 96px;
        position: absolute;
        bottom: 406px;
        right: 75px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_6 {
        width: 334px;
        height: 117px;
        position: absolute;
        bottom: 145px;
        right: 400px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_7 {
        width: 295px;
        height: 96px;
        position: absolute;
        top: 190px;
        right: 220px; }
      .brand_wrapper .brand_contet1_wrapper .conent1_wrapper .auth_img_8 {
        width: 322px;
        height: 96px;
        position: absolute;
        bottom: 280px;
        right: 120px; }
  .brand_wrapper .brand_content2_wrapper {
    width: 100%;
    padding-top: 100px;
    background: #1164db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .brand_wrapper .brand_content2_wrapper .conteng2_bg {
      position: absolute;
      width: 100%;
      height: 690px;
      top: 71px;
      left: 0; }
    .brand_wrapper .brand_content2_wrapper .content2_wrapper {
      width: 1200px;
      height: 950px;
      position: relative; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video1_wrapper {
        position: absolute;
        top: 90px;
        left: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video1_wrapper .left_content {
          padding-top: 10px;
          margin-right: 24px; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video2_wrapper {
        position: absolute;
        right: 60px;
        top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video2_wrapper .right_content {
          padding-top: 10px;
          margin-left: 24px; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video3_wrapper {
        position: absolute;
        top: 425px;
        right: 340px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video3_wrapper .bottom_content {
          margin-top: 16px; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video4_wrapper {
        position: absolute;
        top: 300px;
        left: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video4_wrapper .bottom_content {
          margin-top: 16px; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video5_wrapper {
        position: absolute;
        top: 255px;
        right: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video5_wrapper .bottom_content {
          margin-top: 16px; }
      .brand_wrapper .brand_content2_wrapper .content2_wrapper .video_bottom_tip_wrapper {
        position: absolute;
        bottom: 100px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .brand_wrapper .brand_content2_wrapper .content2_wrapper .video_bottom_tip_wrapper .btm_tip_wrapper {
          width: 824px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
    .brand_wrapper .brand_content2_wrapper .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
      line-height: 20px; }
      .brand_wrapper .brand_content2_wrapper .title .video_circle {
        width: 8px;
        height: 8px;
        margin-right: 8px;
        background: #FCDB00;
        border-radius: 50%; }
    .brand_wrapper .brand_content2_wrapper .content {
      width: 160px;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      margin-left: 16px;
      line-height: 24px; }
      .brand_wrapper .brand_content2_wrapper .content span {
        color: #FFD050;
        font-weight: 500; }
  .brand_wrapper .brand_foot_wrapper {
    width: 100%;
    padding-top: 100px;
    background: #1164db;
    background: -webkit-gradient(linear, left top, left bottom, from(#1164db), to(#104EA7));
    background: linear-gradient(180deg, #1164db, #104EA7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .brand_wrapper .brand_foot_wrapper .ad_bg {
      width: 100%;
      height: 525px;
      position: absolute;
      bottom: 0;
      left: 0; }
    .brand_wrapper .brand_foot_wrapper .ad_content_wrapper {
      width: 1200px;
      height: 567px; }
      .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 50px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper {
          width: 175px;
          height: 300px;
          position: relative;
          transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s; }
          .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper .ad_img {
            width: 100%;
            height: 100%; }
          .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper .go_wrapper {
            position: absolute;
            padding-left: 16px;
            font-size: 14px;
            font-weight: 700;
            top: 150px;
            color: #414d74;
            line-height: 24px; }
            .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper .go_wrapper a {
              color: #414d74; }
            .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper .go_wrapper .play {
              cursor: pointer; }
          .brand_wrapper .brand_foot_wrapper .ad_content_wrapper .ad_list_wrapper .ad_img_wrapper:hover {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05); }
  .brand_wrapper .teacher_title_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .brand_wrapper .teacher_title_wrapper .teacher_title {
      font-size: 48px;
      margin-left: 30px;
      margin-right: 30px;
      font-family: STSongti, STSongti-SC, serif;
      font-weight: 700;
      text-align: center;
      color: #ffffff;
      line-height: 60px; }
  .brand_wrapper .teacher_title2 {
    padding: 0 40px;
    font-size: 18px;
    color: white;
    line-height: 32px;
    margin-top: 20px;
    text-align: center; }
    .brand_wrapper .teacher_title2 span {
      font-weight: 700;
      color: #ffd050; }
  .brand_wrapper .brand_divier {
    margin-top: 100px;
    height: 1px;
    width: 1200px;
    border-top: 1px dashed #88b1ed; }

.ant-modal-body {
  padding: 0; }