@charset "UTF-8";
* {
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none; }

a {
  text-decoration: none; }

body {
  font-family: "PingFangSC-Light", "PingFangSC-Semibold", "SimHei", "Arial", "Open Sans", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun";
  background: url(../img/bg_1.png) no-repeat 0 153px, url(../img/bg.png) repeat-y 0 1143px #000304;
  background-size: cover; }
  body.hidden {
    overflow: hidden; }

html {
  width: 100%;
  height: 100%;
  font-size: 6.25%; }

body {
  width: 100%;
  font-size: 6.25%; }

.tc {
  text-align: center; }

.ct {
  margin: 0 auto; }

.hd {
  display: none; }

.hide {
  display: none; }

.vl {
  visibility: hidden; }

.fl {
  float: none;
  clear: both; }

.line-through {
  text-decoration: line-through; }

.padding_0 {
  padding: 10px 0 !important; }

.p_line {
  display: block !important;
  height: 20px !important; }

.a_color {
  color: #ffffff !important; }

.mod_tag {
  background-color: #FAFC4D;
  line-height: 29px;
  padding: 0 10px;
  border: 2px solid #000000;
  color: #000000;
  font-size: 14rem;
  font-weight: bold; }

.mod_tit {
  line-height: 18px;
  position: relative;
  top: 4px;
  color: #000;
  background-color: #FFF;
  font-size: 16rem;
  padding-bottom: 2px; }
  .mod_tit a {
    color: #000;
    font-size: 16rem; }

.mod_detail, .mod_job {
  display: inline-block;
  background-color: #000000;
  color: #fff;
  font-size: 14rem;
  line-height: 20px; }
  .mod_detail a, .mod_job a {
    color: #fff; }

.mod_job {
  background-color: transparent; }

.word_bg {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 551px;
  height: 161px;
  text-align: center;
  margin: 100px auto 70px; }
  .word_bg .s_ch {
    font-size: 80px;
    color: #FFFFFF;
    line-height: 112px;
    text-align: center;
    display: block; }
  .word_bg .s_en {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: center;
    font-weight: 300; }

.t_word_bg {
  background-image: url("img/t_word.png"); }

.schedule {
  padding: 0 10%; }

.buoy-moble {
  display: none;
  width: 100%;
  position: fixed;
  top: 74px;
  left: 0;
  background-color: #1A1A1A;
  z-index: 9; }
  .buoy-moble ul {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background: url(../img/line5.png) no-repeat center center;
    background-size: 100% 80%;
    display: flex;
    justify-content: space-around; }
    .buoy-moble ul li {
      list-style: none;
      float: left;
      padding: 20px 22px;
      color: #fff;
      font-size: 18rem;
      background-color: #1A1A1A;
      position: relative;
      text-align: center; }
      .buoy-moble ul li a {
        color: #fff;
        display: inline-block;
        width: 50px; }
      .buoy-moble ul li a.current2 {
        font-size: 24px;
        color: #FEE434; }

.buoy {
  display: inline-block;
  position: fixed;
  left: 10%;
  bottom: 15%;
  background-color: #1A1A1A;
  color: #FFFFFF;
  z-index: 6666;
  display: none;
  height: 300px; }
  .buoy ul {
    background: url(../img/line3.png) no-repeat center center;
    background-size: 100% 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .buoy ul li {
      padding: 10px 15px;
      text-align: center;
      font-size: 18px;
      list-style: none;
      position: relative;
      background-color: #1A1A1A; }
      .buoy ul li:first-child {
        margin-top: 40px; }
      .buoy ul li:last-child {
        margin-bottom: 40px; }
      .buoy ul li span {
        display: inline-block;
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%; }
        .buoy ul li span:first-child {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
        .buoy ul li span:last-child {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
      .buoy ul li a {
        color: #FFFFFF; }
    .buoy ul li a.current2 {
      font-size: 24px;
      color: #FEE434; }

.agenda .list .time-box {
  overflow: hidden; }
  .agenda .list .time-box .lead {
    float: left; }
    .agenda .list .time-box .lead .date {
      width: 160px;
      height: 86px;
      background-image: url("img/日期@2x.png");
      background-repeat: no-repeat;
      background-size: 100%;
      margin-bottom: 20px;
      text-align: center;
      line-height: 86px;
      font-size: 50rem;
      color: #fff;
      font-weight: bold;
      position: relative; }
      .agenda .list .time-box .lead .date span {
        margin-left: 80px; }
      .agenda .list .time-box .lead .date img {
        width: 80px;
        position: absolute;
        left: 8%; }
    .agenda .list .time-box .lead .mod_tag {
      display: inline-block;
      max-width: 160px;
      padding: 0 10px;
      font-size: 24rem;
      color: #000000; }
    .agenda .list .time-box .lead .mod_tit {
      max-width: 160px; }
  .agenda .list .time-box .staff {
    float: left;
    max-width: 880px;
    margin-top: 10px;
    margin-left: 80px;
    text-align: left; }
    .agenda .list .time-box .staff .cont_box {
      list-style: none; }
      .agenda .list .time-box .staff .cont_box .cont_tit {
        margin-bottom: 50px;
        padding-bottom: 30px;
        border-bottom: 2px solid #3DEBD2;
        font-size: 32rem;
        color: #3DEBD2;
        line-height: 3rem; }
      .agenda .list .time-box .staff .cont_box .session_box .session {
        list-style: none; }
        .agenda .list .time-box .staff .cont_box .session_box .session .session_tit {
          margin-bottom: 26px;
          padding-left: 15px;
          line-height: 45px;
          border-left: 4px solid #3DEBD2;
          font-size: 18rem;
          color: #FFFFFF; }
        .agenda .list .time-box .staff .cont_box .session_box .session .face_box {
          font-size: 0; }
          .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face {
            display: inline-block;
            list-style: none;
            width: 260px;
            margin-bottom: 50px;
            margin-right: 50px;
            overflow: hidden;
            vertical-align: top; }
            .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face:nth-child(3n) {
              margin-right: 0; }
            .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .time {
              height: 33px;
              background-color: #1F2A35;
              margin-bottom: 10px;
              padding: 0 5px;
              line-height: 33px;
              font-size: 18rem;
              color: #FFFFFF; }
            .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .tit {
              height: 30px;
              margin-bottom: 17px;
              font-size: 18rem;
              color: #FFFFFF;
              text-align: left;
              line-height: 22px; }
            .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .txt {
              font-size: 12rem;
              color: #FFFFFF; }
            .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker {
              margin-bottom: 16px;
              overflow: hidden; }
              .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker:last-of-type {
                margin-bottom: 0; }
              .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker .intro {
                float: left; }
                .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker .intro .name {
                  margin-bottom: 8px;
                  font-size: 16rem;
                  color: #3DEBD2;
                  width: 170px;
                  line-height: 21px; }
                .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker .intro .yellow {
                  color: #FEE434;
                  margin-bottom: 8px;
                  font-size: 16rem; }
                .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker .intro .job {
                  max-width: 170px;
                  font-size: 12rem;
                  color: #FFFFFF;
                  line-height: 15px; }
              .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face .speaker img {
                float: right;
                display: inline-block; }

.dataText {
  width: 170px; }

header {
  position: fixed;
  height: 80px;
  background: #000304;
  width: 100%;
  z-index: 11; }
  header .skip_btn {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    padding: 6px 20px;
    background: #FEE434;
    margin-right: 20px;
    cursor: pointer; }
  header .btn1_h5 {
    display: none; }
  header .logo_box {
    display: none; }
  header .inner {
    padding: 29px 3%;
    right: 0;
    position: fixed; }
    header .inner .icon-weixin, header .inner .icon-weibo {
      font-size: 16px;
      width: 32px;
      display: inline-block;
      height: 32px;
      border: 1px solid #3DEBD2;
      border-radius: 50%;
      padding-top: 7px;
      padding-left: 5px;
      margin-right: 15px;
      color: #3DEBD2;
      cursor: pointer; }
    header .inner .icon-weibo {
      margin-right: 0; }
  header nav ul {
    display: inline-block; }
    header nav ul li {
      list-style: none;
      display: inline-block;
      border-right: 1px solid #fff;
      padding: 0px 15px; }
      header nav ul li:last-of-type {
        border-right: 0; }
      header nav ul li a {
        color: #fff;
        font-size: 16px;
        line-height: 12px; }
        header nav ul li a.current, header nav ul li a:hover {
          color: #FEE434; }
  header nav .en {
    margin-left: 6px; }
  header nav .vertical_line {
    margin: 0 15px;
    color: #fff; }

.now_btn {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  padding: 6px 20px !important;
  background: #FEE434;
  margin-right: 20px;
  cursor: pointer; }

.now_btn_css {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  padding: 6px 20px;
  background: #FEE434;
  margin-right: 20px;
  cursor: pointer; }

.now_btn_txt {
  cursor: pointer; }

.word_bg {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 551px;
  height: 161px;
  text-align: center;
  margin: 100px auto 70px; }
  .word_bg .s_ch {
    font-size: 60px;
    color: #FFFFFF;
    line-height: 112px;
    text-align: center;
    display: block; }
  .word_bg .s_en {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: center;
    font-weight: 300; }

.t_word_bg {
  background-image: url("../img/t_word.png"); }

.m_word_bg {
  background-image: url("../img/m_word.png");
  width: 741px;
  height: 161px; }

.main .wechat {
  display: none; }
.main .invest_logo {
  padding: 0 10%; }
  .main .invest_logo .host {
    margin-bottom: 20px; }
    .main .invest_logo .host .host_t {
      font-size: 16px;
      color: #000304;
      padding: 5px 10px;
      line-height: 22px;
      background: #00FFEC;
      margin-right: 10px;
      vertical-align: top; }
    .main .invest_logo .host .host_ul {
      width: 405px;
      display: inline-block; }
      .main .invest_logo .host .host_ul img {
        width: 120px;
        height: 45px; }
    .main .invest_logo .host .host_li {
      margin-right: 10px;
      display: inline-block;
      margin-bottom: 10px; }

.logo_text {
  padding: 0 10%;
  padding-top: 110px; }

.left_logo {
  width: 69.19643%;
  margin-right: 0.44643%; }

.right_text {
  font-size: 16px;
  color: #00FFEC;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  width: 30.35714%;
  padding: 20px;
  border: 2px solid #00FFEC;
  border-image: linear-gradient(-58deg, #00FFEC, #000304, #00FFEC) 2 2;
  float: right;
  text-align: center;
  margin-top: 20px; }

.spotlights {
  padding: 0 10%;
  margin-top: 102px; }
  .spotlights h3 {
    background-image: url("../img/t_word.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 551px;
    height: 161px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 70px; }
    .spotlights h3 .s_ch {
      font-size: 80px;
      color: #FFFFFF;
      line-height: 112px;
      text-align: center;
      display: block; }
    .spotlights h3 .s_en {
      font-size: 24px;
      color: #FFFFFF;
      line-height: 33px;
      text-align: center;
      font-weight: 300; }
  .spotlights .box {
    text-align: center; }
    .spotlights .box li.box_li {
      background: url("../img/small_bg.png");
      width: 29%;
      padding: 48px 26px;
      text-align: center;
      font-size: 20px;
      list-style: none;
      display: inline-block; }
      .spotlights .box li.box_li:nth-child(2) {
        margin: 0 4.46429%;
        vertical-align: bottom; }
    .spotlights .box .small {
      color: #E08F32;
      border: 2px solid #E08F32;
      border-image: linear-gradient(to top left, #E08F32, #1A1A1A, #E08F32) 2 2; }
    .spotlights .box .true {
      color: #2DB062;
      border: 2px solid #2DB062;
      border-image: linear-gradient(to top left, #2DB062, #1A1A1A, #2DB062) 2 2; }
    .spotlights .box .real {
      color: #E65340;
      border: 2px solid #E65340;
      border-image: linear-gradient(to top left, #E65340, #1A1A1A, #E65340) 2 2; }
    .spotlights .box .small_date {
      font-size: 18px;
      margin-bottom: 30px; }
    .spotlights .box .small_text p {
      font-size: 16px;
      color: #FFFFFF;
      line-height: 30px; }
    .spotlights .box img {
      width: 166px;
      height: 143px;
      margin-bottom: 16px; }
    .spotlights .box .h5 {
      display: none; }

.bt {
  font-size: 16px;
  color: #FFFFFF;
  background: url(../img/bt_bg.png);
  margin-top: 54px;
  border: 2px solid #FD7904;
  border-image: linear-gradient(-65deg, #01FFEC, #1A1A1A, #FD7904) 2 2;
  padding: 48px 2.5%; }

.bt_box {
  padding: 0 10%; }
  .bt_box .bt_first_h5 {
    display: none; }
  .bt_box .bt_first, .bt_box .bt_first_h5 {
    text-align: center; }
    .bt_box .bt_first .bt_first_tit, .bt_box .bt_first_h5 .bt_first_tit {
      font-size: 24px;
      color: #9B7956;
      border-bottom: 4px solid #9B7956;
      line-height: 33px;
      padding-bottom: 20px; }
    .bt_box .bt_first .sp_data, .bt_box .bt_first_h5 .sp_data {
      display: inline-block;
      margin: 20px auto 30px;
      font-size: 18px;
      line-height: 25px;
      color: #9B7956; }
    .bt_box .bt_first .bt_first_ul, .bt_box .bt_first_h5 .bt_first_ul {
      line-height: 30px;
      margin-bottom: 20px; }
      .bt_box .bt_first .bt_first_ul li, .bt_box .bt_first_h5 .bt_first_ul li {
        display: inline-block; }
        .bt_box .bt_first .bt_first_ul li:nth-child(2), .bt_box .bt_first_h5 .bt_first_ul li:nth-child(2) {
          margin: 0 4.21147%; }
    .bt_box .bt_first .now_btn, .bt_box .bt_first .now_btn_css, .bt_box .bt_first_h5 .now_btn, .bt_box .bt_first_h5 .now_btn_css {
      margin: 50px auto;
      display: inline-block; }
  .bt_box ul.bottom {
    text-align: center; }
    .bt_box ul.bottom li {
      display: inline-block;
      text-align: center; }
      .bt_box ul.bottom li:last-of-type {
        margin-top: 40px; }
      .bt_box ul.bottom li .bm_tit {
        font-size: 22px;
        line-height: 33px;
        padding-bottom: 20px;
        border-bottom: 4px solid; }
      .bt_box ul.bottom li .bm_date {
        font-size: 18px;
        line-height: 25px;
        margin: 20px auto 30px;
        display: inline-block; }
      .bt_box ul.bottom li:nth-child(2) {
        margin: 0 2.68817%; }
    .bt_box ul.bottom .bt_color1 {
      color: #9D52A8; }
    .bt_box ul.bottom .bt_color2 {
      color: #32ADA7; }
    .bt_box ul.bottom .bt_color3 {
      color: #4289D3; }
    .bt_box ul.bottom .bm_text {
      line-height: 30px; }

.new {
  padding: 0 10%; }
  .new .slick_box .slick_ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .new .slick_box .slick_ul .img_li {
      width: 250px;
      height: auto;
      display: inline-block;
      margin-right: 15px; }
      .new .slick_box .slick_ul .img_li .new_img {
        width: 100%; }
      .new .slick_box .slick_ul .img_li .slick_text {
        font-size: 16px;
        color: #000000;
        background: #fff;
        padding: 9px 10px;
        display: block;
        width: 100%;
        height: 80px; }

.guest {
  text-align: center;
  padding: 0 10%;
  color: #FFF;
  font-size: 13px;
  line-height: 18px; }
  .guest .word_bg {
    margin-bottom: 22px; }
  .guest .name_sort {
    margin-bottom: 57px; }
  .guest .guest_box {
    text-align: left; }
    .guest .guest_box .guest_box_li {
      min-width: 160px;
      display: inline-block;
      margin: 0;
      margin-bottom: 50px;
      vertical-align: text-top;
      text-align: center;
      padding: 0 20px;
      width: 19%; }
      .guest .guest_box .guest_box_li .img_p {
        width: 140px;
        height: 140px;
        margin-bottom: 12px;
        display: inline-block;
        background: linear-gradient(-45deg, #01FFEC, #1A1A1A, #FD7904);
        border-radius: 50%; }
        .guest .guest_box .guest_box_li .img_p img {
          width: 136px;
          height: 136px;
          overflow: hidden;
          border-radius: 50%;
          border: 8px solid #000608;
          margin-top: 2px; }
    .guest .guest_box .introduce {
      display: inline-block; }
      .guest .guest_box .introduce .name {
        font-size: 20px;
        line-height: 28px;
        color: #00ffec;
        margin-bottom: 8px; }
      .guest .guest_box .introduce .tit {
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold; }
      .guest .guest_box .introduce .dis {
        font-size: 13px;
        color: #9B9B9B; }

.t-edge {
  padding: 0 10%; }
  .t-edge .t-edge_box_h5 {
    display: none; }
  .t-edge .t-edge_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .t-edge .t-edge_box li {
      background-image: url(../img/pic_bg1.png);
      text-align: center;
      width: 340px;
      height: 545px;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 60px 30px 50px 30px;
      position: relative;
      display: inline-block; }
      .t-edge .t-edge_box li.hot {
        background-image: url(../img/hot.png); }
      .t-edge .t-edge_box li .now_btn {
        margin-right: 0; }
      .t-edge .t-edge_box li .tickt_tit {
        font-size: 48px;
        color: #00FFEC;
        line-height: 58px; }
      .t-edge .t-edge_box li .lit {
        font-size: 18px;
        line-height: 25px;
        color: #00FFEC;
        margin: 10px auto 15px; }
      .t-edge .t-edge_box li .v_box {
        height: 150px;
        width: 280px;
        display: inline-block;
        padding: 23px 0; }
      .t-edge .t-edge_box li .tickt_text {
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
        padding: 15px 0;
        border-top: 2px solid #979797;
        border-bottom: 2px solid #979797;
        display: inline-block; }
        .t-edge .t-edge_box li .tickt_text a {
          color: #FFFFFF; }
      .t-edge .t-edge_box li .price_bottom {
        bottom: 50px;
        position: absolute; }
      .t-edge .t-edge_box li .left_price {
        font-size: 16px;
        color: #FBE134;
        line-height: 22px;
        width: 163px;
        display: inline-block;
        float: left;
        margin-right: 30px; }
        .t-edge .t-edge_box li .left_price .te, .t-edge .t-edge_box li .left_price .pro {
          padding: 10px 17px;
          border: 1px solid #FBE134;
          display: inline-block;
          width: 100%; }
      .t-edge .t-edge_box li .right_price {
        width: 85px;
        height: 85px;
        background-color: #FBE134;
        display: inline-block;
        border-radius: 50%;
        padding: 8px 0;
        font-size: 13px;
        color: #000304; }
        .t-edge .t-edge_box li .right_price .des {
          font-size: 29px; }
  .t-edge .year_tickt {
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .t-edge .year_tickt li {
      width: 23%;
      background: #202526;
      position: relative;
      text-align: center;
      display: inline-block;
      padding: 40px 28px 70px 30px;
      font-size: 16px;
      color: #FFFFFF;
      position: relative; }
      .t-edge .year_tickt li .ti_l {
        border-top: 20px solid #202526;
        border-left: 15px solid transparent;
        /* border-right: 20px solid transparent; */
        width: 50px;
        position: absolute;
        bottom: -20px;
        right: 0; }
      .t-edge .year_tickt li .ti_r {
        border-top: 20px solid #202526;
        border-right: 15px solid transparent;
        width: 50px;
        position: absolute;
        bottom: -20px;
        left: 0; }
      .t-edge .year_tickt li .year_tit {
        font-size: 26px;
        color: #00FFEC;
        line-height: 39px;
        padding-bottom: 15px;
        border-bottom: 1px solid;
        margin-bottom: 15px; }
      .t-edge .year_tickt li .year_txt {
        line-height: 36px;
        text-align: left; }
        .t-edge .year_tickt li .year_txt p {
          line-height: 36px; }
          .t-edge .year_tickt li .year_txt p span {
            color: #FEE434; }
      .t-edge .year_tickt li .now_btn {
        display: inline-block;
        margin-top: 15px;
        margin-right: 0;
        width: 140px;
        position: absolute;
        bottom: 21px;
        left: 50%;
        transform: translate(-50%); }
  .t-edge .apply_part {
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .t-edge .apply_part li {
      width: 30%;
      padding: 18px 33px;
      border: 2px solid #fe7904;
      border-image: linear-gradient(-45deg, #01FFEC, #1A1A1A, #FD7904) 2 2;
      font-size: 24px;
      color: #FFFFFF;
      text-align: center;
      line-height: 33px;
      background-color: #1a1a1a;
      margin-top: 20px; }
      .t-edge .apply_part li a {
        cursor: pointer;
        color: #ffffff; }
  .t-edge .pro_now {
    font-size: 16px;
    color: #FEE434;
    line-height: 22px;
    margin-top: 40px;
    display: inherit;
    text-align: center;
    text-decoration: underline; }
  .t-edge .a_color {
    font-size: inherit !important;
    padding: inherit !important;
    line-height: inherit !important;
    background: none !important;
    margin-right: inherit !important;
    margin-top: inherit !important; }

.faq {
  padding: 0 10%; }
  .faq .prob {
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .faq .prob li {
      display: inline-block; }
      .faq .prob li.piao {
        border-right: 1px solid #979797;
        padding-right: 60px;
        width: 50%; }
      .faq .prob li.ac {
        width: 50%;
        padding-left: 60px; }
    .faq .prob h4 {
      font-size: 30px;
      margin-bottom: 30px;
      line-height: 42px; }
    .faq .prob .fq li {
      margin-bottom: 33px; }
    .faq .prob .fq p {
      font-size: 20px;
      color: #00FFEC;
      line-height: 28px; }
    .faq .prob .fq .q {
      margin-left: 15px;
      color: #FFFFFF;
      line-height: 28px;
      margin-bottom: 13px; }
    .faq .prob .fq .a {
      font-size: 16px;
      color: #9B9B9B;
      line-height: 22px;
      margin-left: 15px; }

.videos {
  padding: 0 10%; }
  .videos .word_bg {
    margin-bottom: 0px; }
  .videos .people_bg {
    background-image: url("../img/people_bg.png");
    width: 633px;
    height: 413px;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-bottom: 470px; }
    .videos .people_bg img {
      width: 100%;
      height: 100%; }
  .videos .video_parent {
    position: relative; }
  .videos .video {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: -670px; }
    .videos .video .video_box {
      width: 30%;
      height: 255px;
      border: 2px solid #fe7904;
      border-image: linear-gradient(-45deg, #01FFEC, #1A1A1A, #FD7904) 2 2;
      background: #1A1A1A;
      display: inline-block;
      margin: 10px;
      margin-bottom: 50px; }
      .videos .video .video_box a {
        margin: 8px;
        display: block; }
      .videos .video .video_box .video_txt {
        height: 85px;
        background: #000;
        display: block;
        padding: 8px; }
      .videos .video .video_box .tit {
        font-size: 16px;
        color: #FFFFFF;
        line-height: 26px; }
      .videos .video .video_box .time {
        font-size: 13px;
        color: #FFFFFF;
        line-height: 18px; }

.venue {
  padding: 0 10%; }
  .venue .venue_box {
    border: 2px solid #00FFEC;
    width: 100%;
    padding: 10px; }
    .venue .venue_box .sp_box {
      background: #202527;
      padding: 30px 0;
      text-align: center;
      font-size: 20px;
      color: #00FFEC;
      line-height: 28px;
      margin-bottom: 10px; }
      .venue .venue_box .sp_box .tip {
        color: #9B9B9B;
        font-size: 13px;
        line-height: 18px;
        margin-top: 10px; }
    .venue .venue_box .map {
      display: block;
      width: 100%; }

.sponsor, .media, .partner, .sponsor2, .jinpai, .meiti, .Exhibitors, .Live, .Ticketing, .Travel, .platform, .other {
  padding: 0 10%; }
  .sponsor .sponsor_box, .media .sponsor_box, .partner .sponsor_box, .sponsor2 .sponsor_box, .jinpai .sponsor_box, .meiti .sponsor_box, .Exhibitors .sponsor_box, .Live .sponsor_box, .Ticketing .sponsor_box, .Travel .sponsor_box, .platform .sponsor_box, .other .sponsor_box {
    padding: 56px 160px 56px 150px; }
    .sponsor .sponsor_box .logo, .media .sponsor_box .logo, .partner .sponsor_box .logo, .sponsor2 .sponsor_box .logo, .jinpai .sponsor_box .logo, .meiti .sponsor_box .logo, .Exhibitors .sponsor_box .logo, .Live .sponsor_box .logo, .Ticketing .sponsor_box .logo, .Travel .sponsor_box .logo, .platform .sponsor_box .logo, .other .sponsor_box .logo {
      width: 240px;
      height: 100px;
      margin-right: 40px; }
    .sponsor .sponsor_box .sponsor_text, .media .sponsor_box .sponsor_text, .partner .sponsor_box .sponsor_text, .sponsor2 .sponsor_box .sponsor_text, .jinpai .sponsor_box .sponsor_text, .meiti .sponsor_box .sponsor_text, .Exhibitors .sponsor_box .sponsor_text, .Live .sponsor_box .sponsor_text, .Ticketing .sponsor_box .sponsor_text, .Travel .sponsor_box .sponsor_text, .platform .sponsor_box .sponsor_text, .other .sponsor_box .sponsor_text {
      width: 480px;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 20px;
      display: inline-block; }
    .sponsor .sponsor_box .sponsor_a, .media .sponsor_box .sponsor_a, .partner .sponsor_box .sponsor_a, .sponsor2 .sponsor_box .sponsor_a, .jinpai .sponsor_box .sponsor_a, .meiti .sponsor_box .sponsor_a, .Exhibitors .sponsor_box .sponsor_a, .Live .sponsor_box .sponsor_a, .Ticketing .sponsor_box .sponsor_a, .Travel .sponsor_box .sponsor_a, .platform .sponsor_box .sponsor_a, .other .sponsor_box .sponsor_a {
      display: block;
      color: #FEE434;
      margin-top: 15px; }

.media .sponsor_box, .partner .sponsor_box, .sponsor2 .sponsor_box, .jinpai .sponsor_box, .meiti .sponsor_box, .Exhibitors .sponsor_box, .Live .sponsor_box, .Ticketing .sponsor_box, .Travel .sponsor_box, .platform .sponsor_box, .other .sponsor_box {
  display: inline-block;
  padding: 5px;
  width: 16%;
  height: 70px; }
  .media .sponsor_box .logo, .partner .sponsor_box .logo, .sponsor2 .sponsor_box .logo, .jinpai .sponsor_box .logo, .meiti .sponsor_box .logo, .Exhibitors .sponsor_box .logo, .Live .sponsor_box .logo, .Ticketing .sponsor_box .logo, .Travel .sponsor_box .logo, .platform .sponsor_box .logo, .other .sponsor_box .logo {
    width: 100%;
    margin-right: 0px;
    height: 100%; }
  .media .sponsor_box .sponsor_a, .partner .sponsor_box .sponsor_a, .sponsor2 .sponsor_box .sponsor_a, .jinpai .sponsor_box .sponsor_a, .meiti .sponsor_box .sponsor_a, .Exhibitors .sponsor_box .sponsor_a, .Live .sponsor_box .sponsor_a, .Ticketing .sponsor_box .sponsor_a, .Travel .sponsor_box .sponsor_a, .platform .sponsor_box .sponsor_a, .other .sponsor_box .sponsor_a {
    margin-top: 0px; }

.partner {
  padding: 0 10%; }
  .partner .partner_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .partner .partner_box li {
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 15px; }

.contact {
  padding: 0 14%; }
  .contact .contact_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .contact .contact_box li {
      font-size: 16px;
      line-height: 22px;
      color: #FFFFFF; }
      .contact .contact_box li .tit {
        font-size: 24px;
        line-height: 33px; }
      .contact .contact_box li .line {
        width: 50px;
        height: 4px;
        background: #00FFEC;
        margin-bottom: 20px;
        margin-top: 25px; }
      .contact .contact_box li .mail {
        margin-bottom: 100px;
        display: inline-block;
        color: #FFFFFF; }

footer {
  text-align: center;
  background: #202527;
  padding: 31px 0;
  line-height: 18px;
  font-size: 13px;
  color: #FFFFFF; }

.h5_show {
  display: none; }

.pc_show {
  display: inline-block; }

.pop_code1, .pop_code2, .pop_code3 {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }
  .pop_code1 .pop_re, .pop_code2 .pop_re, .pop_code3 .pop_re {
    width: 280px;
    height: 280px;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -140px;
    position: absolute;
    width: 280px;
    height: 280px; }
  .pop_code1 .close_code, .pop_code2 .close_code, .pop_code3 .close_code {
    z-index: 12;
    right: -20%;
    position: absolute;
    color: #fff;
    top: -20%; }
    .pop_code1 .close_code i, .pop_code2 .close_code i, .pop_code3 .close_code i {
      font-size: 32px;
      cursor: pointer; }

.pop_up {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-bottom: 40px;
  overflow: scroll;
  z-index: 11; }
  .pop_up.white {
    background-color: rgba(255, 255, 255, 0.98); }
  .pop_up.dark {
    background-color: #05121E; }
  .pop_up .close {
    position: absolute;
    top: 124px;
    right: 10%;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2; }
    .pop_up .close.green {
      color: #3DEBD2; }
    .pop_up .close.dark {
      color: #333333; }
  .pop_up .head {
    width: 138px;
    height: 42px;
    margin: 0 auto;
    margin-bottom: 50px;
    background-image: url("../img/T-EDGE_logo@2x.png");
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat; }
  .pop_up .headline {
    margin-bottom: 30px;
    font-size: 16px; }

.apply_box {
  position: relative;
  padding: 120px 370px; }
  .apply_box .headline {
    color: #FFFFFF; }
  .apply_box .apply_form {
    position: relative;
    width: 700px;
    height: 455px;
    background-color: #1F2A35;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 60px 100px; }
    .apply_box .apply_form .error_msg {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      line-height: 20px;
      font-size: 14rem;
      color: #E74C3C; }
    .apply_box .apply_form .apply_card {
      margin-bottom: 30px; }
      .apply_box .apply_form .apply_card span {
        display: inline-block;
        margin-bottom: 15px;
        line-height: 22px;
        font-size: 16rem;
        color: #FFFFFF; }
      .apply_box .apply_form .apply_card input {
        width: 100%;
        height: 48px;
        background-color: #1F2A35;
        padding: 10px 20px;
        border: 2px solid #3A4958;
        font-size: 16rem;
        color: #3DEBD2;
        outline: none; }
        .apply_box .apply_form .apply_card input.focus {
          background-color: #05121E;
          border: 2px solid #3DEBD2; }
        .apply_box .apply_form .apply_card input.error {
          border: 2px solid #E74C3C; }
  .apply_box .card_box {
    width: 700px;
    background-color: #1F2A35;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 60px 100px; }
    .apply_box .card_box .card {
      height: 25px;
      margin-bottom: 30px; }
      .apply_box .card_box .card:last-of-type {
        margin-bottom: 0; }
      .apply_box .card_box .card.on span {
        color: #3DEBD2; }
      .apply_box .card_box .card img {
        width: 25px;
        height: 25px;
        margin-top: -5px;
        margin-right: 10px;
        vertical-align: middle;
        cursor: pointer; }
      .apply_box .card_box .card span {
        line-height: 25px;
        font-size: 16rem;
        color: #FFFFFF; }
  .apply_box .apply {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #3DEBD2;
    line-height: 40px; }
    .apply_box .apply button {
      display: block;
      background-color: #3DEBD2;
      padding: 0 30px;
      border: 4px solid #05121E;
      border-radius: 100px;
      text-align: center;
      line-height: 45px;
      font-size: 18rem;
      color: #000;
      font-weight: bold;
      outline: none;
      cursor: pointer; }

.success_box, .fail_box {
  padding: 120px 370px; }
  .success_box .head, .fail_box .head {
    background-image: url("../img/T-EDGE_logo@2x (2).png"); }
  .success_box .headline, .fail_box .headline {
    color: #333333; }
  .success_box .order_info, .success_box .invoice_info, .fail_box .order_info, .fail_box .invoice_info {
    width: 700px;
    height: 100%;
    background-color: #F6F6F6;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px 100px; }
    .success_box .order_info ul, .success_box .invoice_info ul, .fail_box .order_info ul, .fail_box .invoice_info ul {
      margin-bottom: 40px; }
      .success_box .order_info ul li, .success_box .invoice_info ul li, .fail_box .order_info ul li, .fail_box .invoice_info ul li {
        list-style: none;
        padding: 20px 10px;
        border-bottom: 1px solid #E6E9EA; }
        .success_box .order_info ul li.success_status, .success_box .invoice_info ul li.success_status, .fail_box .order_info ul li.success_status, .fail_box .invoice_info ul li.success_status {
          position: relative; }
        .success_box .order_info ul li.fail_status, .success_box .invoice_info ul li.fail_status, .fail_box .order_info ul li.fail_status, .fail_box .invoice_info ul li.fail_status {
          position: relative; }
        .success_box .order_info ul li span, .success_box .invoice_info ul li span, .fail_box .order_info ul li span, .fail_box .invoice_info ul li span {
          display: inline-block;
          line-height: 22px;
          vertical-align: top;
          font-size: 16rem;
          color: #333333; }
          .success_box .order_info ul li span.title, .success_box .invoice_info ul li span.title, .fail_box .order_info ul li span.title, .fail_box .invoice_info ul li span.title {
            width: 124px;
            font-weight: bold; }
          .success_box .order_info ul li span.info, .success_box .invoice_info ul li span.info, .fail_box .order_info ul li span.info, .fail_box .invoice_info ul li span.info {
            width: 317px;
            font-size: 14px;
            color: #707070; }
            .success_box .order_info ul li span.info.short, .success_box .invoice_info ul li span.info.short, .fail_box .order_info ul li span.info.short, .fail_box .invoice_info ul li span.info.short {
              width: 80px; }
        .success_box .order_info ul li .purchase, .success_box .order_info ul li .invoice, .success_box .invoice_info ul li .purchase, .success_box .invoice_info ul li .invoice, .fail_box .order_info ul li .purchase, .fail_box .order_info ul li .invoice, .fail_box .invoice_info ul li .purchase, .fail_box .invoice_info ul li .invoice {
          position: absolute;
          top: 11px; }
          .success_box .order_info ul li .purchase button, .success_box .order_info ul li .invoice button, .success_box .invoice_info ul li .purchase button, .success_box .invoice_info ul li .invoice button, .fail_box .order_info ul li .purchase button, .fail_box .order_info ul li .invoice button, .fail_box .invoice_info ul li .purchase button, .fail_box .invoice_info ul li .invoice button {
            display: block;
            width: 96px;
            height: 40px;
            font-size: 14rem;
            background-color: #00A4A0;
            border-radius: 100px;
            color: #FFFFFF; }
          .success_box .order_info ul li .purchase a, .success_box .order_info ul li .invoice a, .success_box .invoice_info ul li .purchase a, .success_box .invoice_info ul li .invoice a, .fail_box .order_info ul li .purchase a, .fail_box .order_info ul li .invoice a, .fail_box .invoice_info ul li .purchase a, .fail_box .invoice_info ul li .invoice a {
            display: block;
            height: 40px;
            line-height: 40px;
            text-decoration: underline;
            font-size: 14rem;
            color: #00A4A0; }
    .success_box .order_info p, .success_box .invoice_info p, .fail_box .order_info p, .fail_box .invoice_info p {
      margin-bottom: 20px;
      font-size: 16rem;
      color: #333333;
      font-weight: bold; }
      .success_box .order_info p a, .success_box .invoice_info p a, .fail_box .order_info p a, .fail_box .invoice_info p a {
        color: #333333; }
    .success_box .order_info .code, .success_box .invoice_info .code, .fail_box .order_info .code, .fail_box .invoice_info .code {
      width: 175px;
      height: 175px;
      margin: 0 auto; }
  .success_box .invoice_info, .fail_box .invoice_info {
    margin-bottom: 0; }
    .success_box .invoice_info p, .fail_box .invoice_info p {
      margin-bottom: 10px;
      font-size: 16rem;
      color: #E74C3C; }
      .success_box .invoice_info p a, .fail_box .invoice_info p a {
        color: #9B9B9B; }
      .success_box .invoice_info p:last-of-type, .fail_box .invoice_info p:last-of-type {
        margin-bottom: 0;
        font-size: 14rem;
        color: #9B9B9B; }

.fail_box .order_info ul li .purchase.again {
  right: 80px; }
.fail_box .order_info ul li .purchase button.btn_again {
  background-color: #fff;
  border: 2px solid #00A4A0;
  border-radius: 100px;
  color: #00A4A0; }

/*作者弹窗 */
.modal {
  box-shadow: 0 0 3px #ccc !important;
  background-color: white;
  padding: 3%; }
  .modal .close-modal {
    font-size: 30px;
    color: #BFC4C2;
    position: absolute;
    top: 10px;
    right: 20px; }
  .modal img {
    width: 196px;
    margin: 0px auto 30px auto;
    display: block; }
  .modal strong {
    font-size: 22px;
    text-align: center;
    display: block;
    font-weight: normal;
    margin-bottom: 20px; }
  .modal .error_msg {
    text-align: center;
    margin: 20px;
    color: red; }
  .modal .sign-msg {
    background-color: #EDEFEE;
    color: #666;
    padding: 20px 0;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
    font-size: 14px; }
    .modal .sign-msg i {
      font-style: normal; }
    .modal .sign-msg span {
      color: #3DDFE6;
      padding: 0 5px; }
  .modal input.btn {
    width: 20%;
    height: 35px;
    display: block;
    background-color: #3DDFE6;
    border: none;
    color: white;
    border-radius: 4px;
    margin: 25px auto 15px auto;
    cursor: pointer;
    -webkit-appearance: none; }
  .modal .note {
    text-align: center; }
    .modal .note a {
      color: #3DDFE6; }
  .modal .form {
    width: 80%;
    margin: 0 auto; }
    .modal .form label {
      display: block;
      margin: 20px 0;
      text-align: left;
      width: 45%; }
      .modal .form label.section-line {
        display: block !important;
        margin-bottom: 20px !important;
        height: auto !important;
        text-align: center !important;
        width: 100% !important; }
        .modal .form label.section-line b {
          display: block;
          margin: 0 auto;
          text-align: center !important;
          width: auto;
          margin-bottom: 10px;
          font-size: 16px; }
        .modal .form label.section-line div {
          position: relative;
          left: 3%; }
        .modal .form label.section-line label {
          height: auto !important;
          margin: 5px 0 !important; }
        .modal .form label.section-line input {
          height: auto; }
      .modal .form label b {
        width: 80px;
        display: inline-block;
        font-weight: normal; }
      .modal .form label input {
        width: 60%;
        height: 25px;
        line-height: 25px;
        border-radius: 2px;
        border: 1px solid #ccc; }
        .modal .form label input.cbox {
          width: auto; }
    .modal .form .captcha-part {
      display: none; }
      .modal .form .captcha-part.show {
        display: block; }
      .modal .form .captcha-part input {
        width: 20%;
        margin-right: 10px; }
      .modal .form .captcha-part img {
        width: 62px;
        height: 25px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle; }
      .modal .form .captcha-part i {
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 100%;
        vertical-align: middle;
        margin-left: 10px; }
        .modal .form .captcha-part i.sending {
          animation: rotate 2s linear infinite; }
  .modal .invoice-box {
    width: 80%;
    margin: 0 auto; }
    .modal .invoice-box label {
      height: auto !important;
      font-size: 14px;
      margin-bottom: 15px !important; }
    .modal .invoice-box input[type=checkbox] {
      width: auto !important;
      height: auto !important;
      margin-right: 10px !important; }
    .modal .invoice-box strong {
      font-size: 14px;
      text-align: left; }
    .modal .invoice-box .invoice-form label {
      height: 65px !important;
      margin-bottom: 0 !important; }
    .modal .invoice-box .invoice-form input, .modal .invoice-box .invoice-form textarea {
      display: block; }
    .modal .invoice-box .invoice-form input {
      height: 25px;
      line-height: 25px;
      border-radius: 2px;
      border: 1px solid #ccc;
      width: 90%;
      display: inline-block; }

#login, #register {
  width: 50%; }
  #login .form, #register .form {
    width: 90%; }
    #login .form label, #register .form label {
      margin: 20px auto; }
      #login .form label b, #register .form label b {
        text-align: left; }

#apply {
  width: 60%; }
  #apply .form {
    margin-top: 30px;
    text-align: left; }
    #apply .form label {
      display: inline-block;
      margin: 0;
      height: 50px;
      vertical-align: top; }
      #apply .form label select {
        width: 200px; }
      #apply .form label b {
        text-align: right;
        margin-right: 10px; }
      #apply .form label span {
        color: red;
        display: block;
        margin-left: 94px;
        margin-top: 7px;
        text-align: left; }
      #apply .form label i {
        width: 60%;
        display: inline-block;
        font-style: normal;
        color: #666;
        text-align: left; }
  #apply .success {
    padding: 150px 0;
    text-align: center; }
    #apply .success strong {
      color: #3DDFE6;
      font-size: 28px;
      border: 1px solid #3DDFE6;
      border-left: none;
      border-right: none;
      padding: 15px 0; }
    #apply .success p {
      color: #666;
      margin-top: 25px;
      font-size: 14px; }
      #apply .success p a {
        color: #3DDFE6; }

#reginfo {
  width: 60%;
  overflow: auto; }
  #reginfo .close-modal {
    top: 0;
    right: 0; }
  #reginfo .form label {
    display: inline-block;
    margin: 0;
    height: 65px;
    vertical-align: top;
    width: 50%;
    height: 35px; }
    #reginfo .form label b {
      margin-right: 0;
      width: 60px; }
    #reginfo .form label i {
      font-style: normal;
      color: #E53743;
      display: inline-block;
      width: 70%; }
    #reginfo .form label.section-area {
      display: block;
      width: 100%; }
      #reginfo .form label.section-area b {
        vertical-align: top; }
      #reginfo .form label.section-area i {
        width: 80%; }
    #reginfo .form label a {
      font-weight: bold;
      display: inline-block;
      border: 1px solid #E53743;
      padding: 5px 10px;
      border-radius: 4px;
      background-color: #E53743;
      color: white; }

@media (max-width: 1400px) {
  .modal {
    width: 65% !important; }

  .agenda .list .time-box .staff {
    max-width: 800px; } }
@media (max-width: 1300px) {
  .agenda .list .time-box .staff {
    max-width: 720px; } }
@media (max-width: 1250px) {
  .spotlights .box li.box_li {
    padding: 48px 20px; } }
@media (max-width: 1030px) {
  .guest .guest_box .guest_box_li {
    width: 24%; } }
@media (max-width: 1200px) {
  .spotlights .box li.box_li {
    font-size: 18px;
    padding: 48px 10px; }
  .spotlights .box .small_text p {
    font-size: 15px; }

  .agenda .list .time-box .staff {
    max-width: 640px; }

  .inner {
    width: 100vw; }

  .pop_up {
    width: 100vw; }
    .pop_up .close {
      top: 20px;
      right: 20px; }
    .pop_up .head {
      margin-bottom: 30px; }
    .pop_up .pop_cont {
      width: 88%;
      padding: 70px 0; }
      .pop_up .pop_cont .invoice_cont .in_save .btn, .pop_up .pop_cont .goods_cont .in_save .btn {
        width: 138px;
        height: 38px;
        line-height: 38px; }

  .apply_box {
    padding: 60px 200px 0 200px; }
    .apply_box .apply_form {
      width: 100%;
      height: auto;
      padding: 30px 20px; }
      .apply_box .apply_form .error_msg {
        top: 10px; }
      .apply_box .apply_form .apply_card:last-of-type {
        margin-bottom: 0; }
    .apply_box .card_box {
      width: 100%;
      margin-bottom: 40px;
      padding: 30px 20px; }
      .apply_box .card_box .card {
        width: 100%;
        height: auto;
        margin-bottom: 20px; }
        .apply_box .card_box .card img {
          margin-top: 0;
          vertical-align: top; }
        .apply_box .card_box .card span {
          display: inline-block;
          width: 70vw; }
    .apply_box .apply {
      margin-bottom: 60px; }

  .success_box, .fail_box {
    padding: 60px 200px; }
    .success_box .order_info, .success_box .invoice_info, .fail_box .order_info, .fail_box .invoice_info {
      width: 100%;
      padding: 20px 20px 30px 20px; }
      .success_box .order_info ul li, .success_box .invoice_info ul li, .fail_box .order_info ul li, .fail_box .invoice_info ul li {
        padding: 10px; }
        .success_box .order_info ul li:first-of-type, .success_box .invoice_info ul li:first-of-type, .fail_box .order_info ul li:first-of-type, .fail_box .invoice_info ul li:first-of-type {
          padding-top: 0; }
        .success_box .order_info ul li span.title, .success_box .invoice_info ul li span.title, .fail_box .order_info ul li span.title, .fail_box .invoice_info ul li span.title {
          padding-bottom: 10px; }
        .success_box .order_info ul li span.info, .success_box .invoice_info ul li span.info, .fail_box .order_info ul li span.info, .fail_box .invoice_info ul li span.info {
          width: 100%; }
          .success_box .order_info ul li span.info.short, .success_box .invoice_info ul li span.info.short, .fail_box .order_info ul li span.info.short, .fail_box .invoice_info ul li span.info.short {
            width: 100%; }
        .success_box .order_info ul li .purchase, .success_box .order_info ul li .invoice, .success_box .invoice_info ul li .purchase, .success_box .invoice_info ul li .invoice, .fail_box .order_info ul li .purchase, .fail_box .order_info ul li .invoice, .fail_box .invoice_info ul li .purchase, .fail_box .invoice_info ul li .invoice {
          position: static;
          margin-top: 20px;
          margin-left: 8px; }

  .fail_box .order_info ul li .purchase.again {
    padding-left: 14px; }

  .modal {
    width: 75% !important; } }
@media (max-width: 1195px) {
  .h5_btn {
    padding: 6px 20px;
    color: #000000;
    background: #FEE434; }

  header {
    padding: 20px;
    height: 74px;
    border-bottom: 4px solid #3DEBD2;
    background: #05121E; }
    header .logo_box {
      display: inline-block; }
      header .logo_box .img_h5 {
        width: 110px;
        height: 34px; }
    header .inner_h5 {
      display: inline-block;
      right: 20px;
      position: absolute; }
      header .inner_h5 img {
        width: 20px;
        height: 15px; }
    header .btn1_h5 {
      padding: 8px 20px;
      display: inline-block;
      font-size: 14px;
      margin: 0 20px;
      display: none; }
    header .inner {
      display: none; }
      header .inner.click {
        display: block;
        background: #05121E;
        position: absolute;
        top: 0;
        width: 100vw;
        height: 100vh;
        text-align: center;
        padding: 0; }
        header .inner.click .close {
          color: #FEE434;
          display: inline-block;
          font-size: 20px;
          margin-top: 30px;
          right: 20px;
          position: absolute;
          cursor: pointer; }
        header .inner.click .lang_bottom {
          line-height: 20px;
          color: #fff;
          font-size: 16px;
          bottom: 30px;
          position: absolute;
          left: 50%; }
          header .inner.click .lang_bottom span:nth-child(1) {
            margin-right: 20px; }
          header .inner.click .lang_bottom span:nth-child(2) {
            margin-left: 20px; }
          header .inner.click .lang_bottom span a {
            color: #fff; }
            header .inner.click .lang_bottom span a.current {
              color: #FEE434; }
        header .inner.click nav ul li {
          display: block;
          border: none;
          padding: 0;
          margin-bottom: 20px; }
          header .inner.click nav ul li a {
            font-size: 18px;
            line-height: 25px; }
      header .inner .en_box {
        display: none; } }
@media (max-width: 1100px) {
  .spotlights .box li.box_li {
    font-size: 18px;
    padding: 48px 10px; }
  .spotlights .box .small_date {
    font-size: 16px; }
  .spotlights .box .small_text p {
    font-size: 13px; }

  .right_text {
    margin-top: 0;
    font-size: 14px; }

  .agenda .list .time-box .staff {
    max-width: 560px; }
    .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face:nth-child(2n) {
      margin-right: 0; }
    .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face:nth-child(3n) {
      margin-right: 50px; } }
@media (max-width: 1000px) {
  .spotlights .box li.box_li {
    padding: 48px 18px; }

  .right_text {
    padding: 0; }

  .agenda .list .time-box .staff {
    max-width: 460px; } }
@media (max-width: 900px) {
  .spotlights {
    padding: 0 7%; }
    .spotlights .box li.box_li {
      padding: 48px 8px; }

  .right_text {
    font-size: 14px; }

  .agenda .list .time-box .staff {
    max-width: 370px; }

  .modal {
    width: 95% !important; } }
@media (max-width: 800px) {
  .right_text {
    font-size: 14px;
    margin-top: 20px;
    line-height: 20px; } }
@media (max-width: 768px) {
  .smallSize {
    font-size: 30px !important; }

  .spotlights {
    padding: 0 8%; }

  .agenda .list .time-box .staff {
    max-width: 370px; }

  .media .sponsor_box, .partner .sponsor_box, .sponsor2 .sponsor_box, .jinpai .sponsor_box, .meiti .sponsor_box, .Exhibitors .sponsor_box, .Live .sponsor_box, .Ticketing .sponsor_box, .Travel .sponsor_box, .platform .sponsor_box, .other .sponsor_box {
    display: inline-block;
    padding: 5px;
    width: 33%; }

  .buoy {
    display: none; }

  .agenda .list .time-box .lead {
    float: none;
    text-align: center;
    margin-bottom: 30px; }
    .agenda .list .time-box .lead .date {
      margin: 0 auto;
      margin-bottom: 22px; }
    .agenda .list .time-box .lead .mod_tit {
      margin: 0 auto; }
  .agenda .list .time-box .staff {
    float: none;
    margin-left: 0;
    padding: 0 0px;
    max-width: 570px; }
    .agenda .list .time-box .staff .cont_box .cont_tit {
      text-align: center;
      line-height: 6rem; }
    .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face {
      display: block;
      margin: 0 auto;
      margin-bottom: 40px; }
      .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face:nth-child(2n) {
        margin-right: auto; }
      .agenda .list .time-box .staff .cont_box .session_box .session .face_box .face:nth-child(3n) {
        margin-right: auto; }

  body {
    font-family: "PingFangSC-Light", "PingFangSC-Semibold", "SimHei", "Arial", "Open Sans", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun";
    background: url(../img/h5_banner_bg.png) no-repeat 0 0, url(../img/h5_bg.png) repeat-y 0 638px #000304;
    background-size: cover; }

  .h5_show {
    display: inline-block; }

  .pc_show {
    display: none; }

  .hd_h5 {
    display: none; }

  .fl {
    float: none;
    clear: both; }

  .pop_code1 .pop_re, .pop_code2 .pop_re, .pop_code3 .pop_re {
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px; }
  .pop_code1 img, .pop_code2 img, .pop_code3 img {
    height: 200px;
    width: 200px; }
  .pop_code1 .close_code i, .pop_code2 .close_code i, .pop_code3 .close_code i {
    font-size: 20px; }
  .pop_code1 .pop_cont .pop_text, .pop_code2 .pop_cont .pop_text, .pop_code3 .pop_cont .pop_text {
    margin: 100px 20px 0;
    position: relative;
    height: 100vh; }
    .pop_code1 .pop_cont .pop_text .img_jian, .pop_code2 .pop_cont .pop_text .img_jian, .pop_code3 .pop_cont .pop_text .img_jian {
      top: -10%;
      right: 0;
      position: absolute;
      width: 56px;
      height: 58px; }
    .pop_code1 .pop_cont .pop_text p, .pop_code2 .pop_cont .pop_text p, .pop_code3 .pop_cont .pop_text p {
      font-size: 20px;
      text-align: center;
      color: #fff;
      line-height: 30px; }
    .pop_code1 .pop_cont .pop_text .ikown, .pop_code2 .pop_cont .pop_text .ikown, .pop_code3 .pop_cont .pop_text .ikown {
      bottom: 150px;
      left: 50%;
      margin-left: -71px;
      position: absolute; }
      .pop_code1 .pop_cont .pop_text .ikown .img_kown, .pop_code2 .pop_cont .pop_text .ikown .img_kown, .pop_code3 .pop_cont .pop_text .ikown .img_kown {
        height: 60px;
        width: 142px; }

  .slick-slider .slick-dots {
    list-style: none;
    margin: auto; }
    .slick-slider .slick-dots li {
      display: inline-block;
      margin: 20px 2px 0 2px; }
      .slick-slider .slick-dots li button {
        text-indent: -999em;
        width: 6px;
        height: 6px;
        border: 1px solid #00FFEC;
        border-radius: 50%;
        background: none;
        display: inline-block; }
      .slick-slider .slick-dots li.slick-current {
        vertical-align: text-bottom; }
        .slick-slider .slick-dots li.slick-current button {
          background: #00FFEC;
          border: none; }
      .slick-slider .slick-dots li.slick-active {
        vertical-align: text-bottom; }
        .slick-slider .slick-dots li.slick-active button {
          background: #00FFEC;
          border: none; }

  .main {
    padding: 0 8.4%; }
    .main .invest_logo {
      padding: 0;
      position: absolute;
      z-index: 10; }
      .main .invest_logo .host {
        margin-bottom: 14px; }
        .main .invest_logo .host .host_ul {
          width: 100%; }
          .main .invest_logo .host .host_ul img {
            width: 84px;
            height: 32px; }
        .main .invest_logo .host .host_t {
          font-size: 11px;
          padding: 3px 6px;
          margin-right: 7px;
          display: inline-block; }
        .main .invest_logo .host .host_li {
          margin-bottom: 7px;
          margin-right: 7px; }

  .btn2_h5 {
    font-size: 18px;
    margin: 30px auto 40px;
    padding: 10px 20px; }

  .logo_text {
    padding: 110px 0 0 0; }
    .logo_text .left_logo_pc {
      display: none; }
    .logo_text img {
      margin: 0 auto;
      width: 100%;
      max-width: 100%; }
    .logo_text .right_text {
      float: none;
      display: block; }
    .logo_text .a_box {
      margin: 30px auto 40px;
      text-align: center;
      width: 100%; }
    .logo_text .right_text {
      margin: 0;
      width: 100%; }
    .logo_text .wechat {
      display: block;
      text-align: center; }
      .logo_text .wechat .icon-weixin, .logo_text .wechat .icon-weibo {
        font-size: 16px;
        width: 32px;
        display: inline-block;
        height: 32px;
        border: 1px solid #3DEBD2;
        border-radius: 50%;
        padding-top: 7px;
        padding-left: 2px;
        margin-right: 20px;
        color: #3DEBD2;
        cursor: pointer; }
      .logo_text .wechat .icon-weibo {
        margin-right: 0; }

  .spotlights {
    margin-top: 40px; }

  .spotlights {
    position: relative; }
    .spotlights h3 {
      background-image: none;
      height: auto;
      width: auto;
      margin: 40px auto 78px; }
      .spotlights h3 .s_en {
        font-size: 12px;
        line-height: 17px;
        display: block; }
      .spotlights h3 .s_ch {
        font-size: 40px;
        line-height: 56px; }
    .spotlights .dots {
      font-size: 24px;
      color: #fff;
      text-align: center;
      position: absolute;
      top: 89px;
      left: 50%;
      margin-left: -38px;
      z-index: 1; }
      .spotlights .dots .dot1 {
        margin-right: 30px; }
    .spotlights .box .slick-dots {
      color: #ffffff;
      font-size: 24px;
      position: absolute;
      left: 50%;
      margin-left: -66px;
      top: -90px;
      z-index: 3; }
      .spotlights .box .slick-dots li {
        line-height: 45px;
        font-size: 24px; }
        .spotlights .box .slick-dots li:nth-child(1) {
          color: #E08F32;
          margin-right: 24px; }
        .spotlights .box .slick-dots li:nth-child(2) {
          color: #2DB062;
          margin-right: 24px; }
        .spotlights .box .slick-dots li:nth-child(3) {
          color: #E65340; }
        .spotlights .box .slick-dots li.slick-active, .spotlights .box .slick-dots li.slick-current {
          vertical-align: baseline;
          font-size: 32px; }
    .spotlights .box li.box_li {
      display: block;
      width: 100%;
      margin: 0; }
      .spotlights .box li.box_li:nth-child(2) {
        margin: 0; }
    .spotlights .box .pc {
      display: none; }
    .spotlights .box .h5 {
      display: inline-block;
      width: 114px;
      height: auto; }
    .spotlights .box .small_tit, .spotlights .box .small_date {
      font-size: 18px;
      line-height: 25px; }
    .spotlights .box .small_date {
      margin-bottom: 15px; }
    .spotlights .box .small_text p {
      font-size: 14px;
      line-height: 30px; }

  .new .slick_box .slick_ul .new_img {
    width: 100%;
    max-width: 100%; }
  .new .slick_box .slick_ul .slick_text {
    width: 100%; }

  .bt_box {
    padding: 0; }
    .bt_box .bt_first_h5 {
      display: block;
      background: #202527;
      padding: 40px;
      margin: 20px 0; }
      .bt_box .bt_first_h5 .now_btn {
        margin: 20px auto 0;
        font-size: 16px;
        color: #3E2A16;
        padding: 8px 20px; }
      .bt_box .bt_first_h5 .bt_first_ul {
        font-size: 14px;
        color: #9B7956; }
      .bt_box .bt_first_h5 .bt_first_tit {
        font-size: 18px; }
      .bt_box .bt_first_h5 .sp_data {
        font-size: 16px;
        margin: 15px auto 20px; }

  .bt {
    margin: 0 10%; }
    .bt .bt_first {
      display: none; }
    .bt ul.bottom li:nth-child(2) {
      margin: 0; }
    .bt ul.bottom .slick-dots {
      position: absolute;
      bottom: -86px;
      left: 50%; }

  .new h3, .guest h3, .t-edge h3, .faq h3, .videos h3, .venue h3, .sponsor h3, .partner h3, .contact h3, .schedule h3, .media h3, .partner h3, .sponsor2 h3, .jinpai h3, .meiti h3, .Exhibitors h3, .Live h3, .Ticketing h3, .Travel h3, .platform h3, .other h3 {
    background-image: none;
    height: auto;
    width: auto;
    margin: 40px auto; }
    .new h3 .s_en, .guest h3 .s_en, .t-edge h3 .s_en, .faq h3 .s_en, .videos h3 .s_en, .venue h3 .s_en, .sponsor h3 .s_en, .partner h3 .s_en, .contact h3 .s_en, .schedule h3 .s_en, .media h3 .s_en, .partner h3 .s_en, .sponsor2 h3 .s_en, .jinpai h3 .s_en, .meiti h3 .s_en, .Exhibitors h3 .s_en, .Live h3 .s_en, .Ticketing h3 .s_en, .Travel h3 .s_en, .platform h3 .s_en, .other h3 .s_en {
      font-size: 12px;
      line-height: 17px;
      display: block; }
    .new h3 .s_ch, .guest h3 .s_ch, .t-edge h3 .s_ch, .faq h3 .s_ch, .videos h3 .s_ch, .venue h3 .s_ch, .sponsor h3 .s_ch, .partner h3 .s_ch, .contact h3 .s_ch, .schedule h3 .s_ch, .media h3 .s_ch, .partner h3 .s_ch, .sponsor2 h3 .s_ch, .jinpai h3 .s_ch, .meiti h3 .s_ch, .Exhibitors h3 .s_ch, .Live h3 .s_ch, .Ticketing h3 .s_ch, .Travel h3 .s_ch, .platform h3 .s_ch, .other h3 .s_ch {
      font-size: 40px;
      line-height: 56px; }

  .new h3.t_word_bg {
    margin-top: 68px; }

  .guest .guest_box .guest_box_li {
    min-width: 120px;
    display: inline-block;
    width: 48%;
    margin-bottom: 20px; }
    .guest .guest_box .guest_box_li .img_p {
      width: 112px;
      height: 112px; }
      .guest .guest_box .guest_box_li .img_p img {
        width: 108px;
        height: 108px; }
    .guest .guest_box .guest_box_li .introduce .name {
      font-size: 16px; }
    .guest .guest_box .guest_box_li .introduce .tit {
      font-size: 14px;
      margin-bottom: 6px; }
    .guest .guest_box .guest_box_li .introduce .dis {
      font-size: 12px; }
  .guest .word_bg {
    margin-bottom: 10px; }
  .guest .name_sort {
    margin-bottom: 40px; }

  .t-edge .t-edge_box_h5 {
    display: block; }
    .t-edge .t-edge_box_h5 li.cont_li {
      margin-bottom: 30px; }
      .t-edge .t-edge_box_h5 li.cont_li .tit_1 {
        font-size: 18px;
        line-height: 25px;
        color: #fff; }
        .t-edge .t-edge_box_h5 li.cont_li .tit_1 .check_btn img {
          width: 25px;
          margin-right: 10px;
          vertical-align: bottom; }
        .t-edge .t-edge_box_h5 li.cont_li .tit_1 .hot_h5 {
          width: 26px;
          height: 13px;
          margin-left: 10px; }
      .t-edge .t-edge_box_h5 li.cont_li .tit_2 {
        padding-left: 35px;
        font-size: 13px;
        color: #FEE434;
        line-height: 18px;
        margin: 12px auto 20px; }
        .t-edge .t-edge_box_h5 li.cont_li .tit_2 a {
          font-size: 14px;
          color: #000000;
          line-height: 20px;
          background: #FEE434;
          padding: 3px 0;
          margin-right: 10px;
          display: inline-block;
          width: 125px;
          text-align: center;
          margin-bottom: 10px; }
        .t-edge .t-edge_box_h5 li.cont_li .tit_2 .tickt_ul {
          display: inline-block;
          vertical-align: middle; }
      .t-edge .t-edge_box_h5 li.cont_li .tit_3 {
        font-size: 14px;
        color: #3DEBD2;
        line-height: 20px;
        padding-left: 35px; }
        .t-edge .t-edge_box_h5 li.cont_li .tit_3 ul {
          border-left: 3px solid #3DEBD2;
          padding-left: 30px;
          display: none; }
      .t-edge .t-edge_box_h5 li.cont_li.current .tit_1 .tickt_tit_h5 {
        color: #3DEBD2; }
      .t-edge .t-edge_box_h5 li.cont_li.current .tit_3 ul {
        display: block; }
  .t-edge .apply_part {
    justify-content: center; }
    .t-edge .apply_part li {
      width: 100%;
      margin-bottom: 20px;
      padding: 18px 15px; }
      .t-edge .apply_part li:last-of-type {
        margin-bottom: 0; }
  .t-edge .t-edge_box, .t-edge .year_tickt {
    display: none; }
  .t-edge .apply {
    margin-top: 30px; }
    .t-edge .apply li {
      font-size: 18px;
      line-height: 25px;
      padding: 20px 30px;
      width: 100%;
      margin-top: 20px; }
  .t-edge .pro_now {
    margin-top: 30px; }

  .faq .prob {
    display: block; }
    .faq .prob h4 {
      font-size: 24px;
      line-height: 33px;
      text-align: center;
      border-bottom: 1px solid #979797;
      margin-bottom: 22px;
      padding-bottom: 20px; }
    .faq .prob li.piao {
      border-right: none;
      width: 100%;
      padding-right: 0; }
    .faq .prob li.ac {
      width: 100%;
      padding-left: 0; }
    .faq .prob .fq p {
      font-size: 18px;
      line-height: 25px;
      margin-bottom: 12px; }
    .faq .prob .fq li {
      margin-bottom: 10px; }

  .videos .people_bg {
    display: none; }
  .videos .video {
    position: relative;
    top: 0;
    display: block; }
    .videos .video .slick-dots {
      text-align: center; }
      .videos .video .slick-dots li {
        line-height: 6px; }
        .videos .video .slick-dots li.slick-current, .videos .video .slick-dots li.slick-active {
          vertical-align: top; }
    .videos .video .video_box {
      height: auto;
      margin-bottom: 0; }
      .videos .video .video_box a img {
        width: 100%;
        height: auto; }
  .videos .word_bg {
    margin-bottom: 40px; }

  .venue .venue_box .sp_box {
    padding: 20px 10px;
    font-size: 18px;
    line-height: 25px; }

  .sponsor .sponsor_box, .media .sponsor_box, .partner .sponsor_box, .sponsor2 .sponsor_box, .jinpai .sponsor_box, .meiti .sponsor_box, .Exhibitors .sponsor_box, .Live .sponsor_box, .Ticketing .sponsor_box, .Travel .sponsor_box, .platform .sponsor_box, .other .sponsor_box {
    background: none;
    padding: 0 20px;
    text-align: center; }
    .sponsor .sponsor_box .logo, .media .sponsor_box .logo, .partner .sponsor_box .logo, .sponsor2 .sponsor_box .logo, .jinpai .sponsor_box .logo, .meiti .sponsor_box .logo, .Exhibitors .sponsor_box .logo, .Live .sponsor_box .logo, .Ticketing .sponsor_box .logo, .Travel .sponsor_box .logo, .platform .sponsor_box .logo, .other .sponsor_box .logo {
      margin-right: 0; }
    .sponsor .sponsor_box .sponsor_text, .media .sponsor_box .sponsor_text, .partner .sponsor_box .sponsor_text, .sponsor2 .sponsor_box .sponsor_text, .jinpai .sponsor_box .sponsor_text, .meiti .sponsor_box .sponsor_text, .Exhibitors .sponsor_box .sponsor_text, .Live .sponsor_box .sponsor_text, .Ticketing .sponsor_box .sponsor_text, .Travel .sponsor_box .sponsor_text, .platform .sponsor_box .sponsor_text, .other .sponsor_box .sponsor_text {
      width: 240px;
      margin-top: 20px;
      text-align: left; }

  .partner {
    padding: 0 11%; }
    .partner .partner_box li {
      margin-right: 0; }
      .partner .partner_box li img {
        width: 120px;
        height: auto; }

  .contact .contact_box {
    display: block;
    text-align: center; }
    .contact .contact_box li .line {
      margin: 25px auto 20px; }
    .contact .contact_box li .mail {
      margin-bottom: 40px; }

  .apply_box {
    padding: 60px 20px 0 20px; }

  .success_box, .fail_box {
    padding: 60px 20px; }

  .modal .form label {
    width: 55%; } }
@media (max-width: 560px) {
  .modal .form label {
    width: 70%; } }
@media (max-width: 450px) {
  .media .sponsor_box, .partner .sponsor_box, .sponsor2 .sponsor_box, .jinpai .sponsor_box, .meiti .sponsor_box, .Exhibitors .sponsor_box, .Live .sponsor_box, .Ticketing .sponsor_box, .Travel .sponsor_box, .platform .sponsor_box, .other .sponsor_box {
    display: inline-block;
    padding: 5px;
    width: 49%; }

  .apply_box .card_box .card span {
    width: 65vw; }

  .modal .form label {
    width: 100%; }
    .modal .form label b {
      width: 60px; } }
@media (max-width: 320px) {
  .apply_box .card_box .card span {
    width: 60vw; }

  .modal .form label {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */