@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* 定义字体 */
@font-face {
  font-family: 'fangzheng';
  src: url(/static/font/fangzheng.ttf); }

.banner-person-1 {
  width: 100%;
  height: 400px;
  position: relative;
  background: url(/static/img/vip/banner-person-1.png) center bottom no-repeat;
  background-size: cover; }

.banner-person-inner-1 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px; }
  .banner-person-inner-1 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px; }
  .banner-person-inner-1 .go-btn {
    width: 245px;
    height: 60px;
    background: #372e26;
    background: linear-gradient(to Right, #514338, #372e26);
    margin: 60px auto 0;
    color: #ffe1ca;
    font-size: 22px;
    line-height: 60px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px 1px rgba(44, 53, 76, 0.35);
    cursor: pointer; }

.banner-person-2 {
  width: 100%;
  height: 400px;
  position: relative;
  background: url(/static/img/vip/banner-person-2.png) center bottom no-repeat;
  background-size: cover; }

.banner-person-inner-2 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px; }
  .banner-person-inner-2 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px; }
  .banner-person-inner-2 .vip-card {
    width: 800px;
    height: 226px;
    margin: auto;
    position: relative;
    background: url(/static/img/vip/card.png) center center no-repeat;
    background-size: contain; }
    .banner-person-inner-2 .vip-card .card-inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      text-align: left;
      width: 300px;
      height: 226px;
      margin: auto;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .banner-person-inner-2 .vip-card .vip-card-title {
      font-family: "fangzheng";
      font-size: 20px;
      color: #4f4f4f;
      letter-spacing: 1px;
      font-weight: normal;
      margin: 30px 0 10px; }
      .banner-person-inner-2 .vip-card .vip-card-title i {
        display: inline-block;
        width: 25px;
        height: 25px;
        vertical-align: middle;
        margin: auto;
        position: relative;
        background: url(/static/img/vip/vip-card-i.png) center center no-repeat;
        background-size: contain;
        margin-right: 5px; }
    .banner-person-inner-2 .vip-card .uname,
    .banner-person-inner-2 .vip-card .date {
      font-size: 16px;
      line-height: 20px; }
    .banner-person-inner-2 .vip-card .uname {
      color: #583e29; }
    .banner-person-inner-2 .vip-card .date {
      color: #fff;
      text-shadow: 2px 2px 4px #d59458; }
    .banner-person-inner-2 .vip-card .btn-wrap {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .banner-person-inner-2 .vip-card .btn-wrap span {
        margin-left: 20px;
        line-height: 40px;
        text-decoration: none;
        color: #a2743d;
        font-size: 14px;
        cursor: pointer; }
    .banner-person-inner-2 .vip-card .go-btn {
      width: 164px;
      height: 40px;
      background: #372e26;
      text-align: center;
      background: linear-gradient(to Right, #514338, #372e26);
      color: #ffe1ca;
      font-size: 16px;
      line-height: 40px;
      border-radius: 10px;
      letter-spacing: 0.5px;
      box-shadow: 0 1px 3px 1px rgba(44, 53, 76, 0.35);
      cursor: pointer; }

@media only screen and (max-width: 576px) {
  .banner-person-1,
  .banner-person-2 {
    height: 450px; }
  .banner-person-inner-1,
  .banner-person-inner-2 {
    width: auto;
    padding-top: 100px; }
    .banner-person-inner-1 .vip-card,
    .banner-person-inner-2 .vip-card {
      background: none;
      width: auto;
      height: auto;
      width: 80%;
      margin: auto; }
      .banner-person-inner-1 .vip-card .card-inner,
      .banner-person-inner-2 .vip-card .card-inner {
        margin: 30px auto;
        padding: 10px;
        height: 200px;
        width: auto;
        background: url(/static/img/vip/vip-card-bg.png) center center no-repeat;
        background-size: contain; }
        .banner-person-inner-1 .vip-card .card-inner .uname,
        .banner-person-inner-1 .vip-card .card-inner .date,
        .banner-person-inner-2 .vip-card .card-inner .uname,
        .banner-person-inner-2 .vip-card .card-inner .date {
          font-size: 14px;
          line-height: 16px; }
        .banner-person-inner-1 .vip-card .card-inner .uname,
        .banner-person-inner-2 .vip-card .card-inner .uname {
          color: #583e29; }
        .banner-person-inner-1 .vip-card .card-inner .date,
        .banner-person-inner-2 .vip-card .card-inner .date {
          color: #fff;
          text-shadow: 2px 2px 4px #d59458; }
        .banner-person-inner-1 .vip-card .card-inner .btn-wrap,
        .banner-person-inner-2 .vip-card .card-inner .btn-wrap {
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px; }
          .banner-person-inner-1 .vip-card .card-inner .btn-wrap span,
          .banner-person-inner-2 .vip-card .card-inner .btn-wrap span {
            margin-left: 20px;
            line-height: 35px;
            text-decoration: none;
            color: #a2743d;
            font-size: 12px;
            cursor: pointer;
            white-space: nowrap; }
        .banner-person-inner-1 .vip-card .card-inner .go-btn,
        .banner-person-inner-2 .vip-card .card-inner .go-btn {
          width: 164px;
          height: 35px;
          background: #372e26;
          text-align: center;
          background: linear-gradient(to Right, #514338, #372e26);
          color: #ffe1ca;
          font-size: 14px;
          line-height: 35px;
          border-radius: 10px;
          letter-spacing: 0.5px;
          box-shadow: 0 1px 3px 1px rgba(44, 53, 76, 0.35);
          cursor: pointer; }
    .banner-person-inner-1 h1,
    .banner-person-inner-2 h1 {
      font-size: 20px;
      line-height: 20px;
      width: 80%;
      margin: auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* 定义字体 */
@font-face {
  font-family: 'fangzheng';
  src: url(/static/font/fangzheng.ttf); }

.banner-wrap {
  background: #fff;
  height: 700px; }

.banner-enterprise-1 {
  width: 100%;
  height: 400px;
  position: relative;
  background: url(/static/img/vip/banner-enterprise-1.png) center bottom no-repeat;
  background-size: cover; }

.banner-enterprise-inner-1 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px; }
  .banner-enterprise-inner-1 h1 {
    text-align: center;
    font-size: 32px;
    color: #efd4b6;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px; }
  .banner-enterprise-inner-1 .banner-items {
    width: 1200px;
    margin: 100px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .banner-enterprise-inner-1 .banner-items .banner-item {
      position: relative;
      width: 220px;
      height: 230px;
      background-image: url(/static/img/vip/banner-item-01.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border: 1px solid #777777;
      border-radius: 10px;
      box-shadow: 0 1px 3px 1px rgba(44, 53, 76, 0.35);
      transition: all .5s; }
      .banner-enterprise-inner-1 .banner-items .banner-item:hover {
        -ms-transform: translate(0px, -5px);
            transform: translate(0px, -5px);
        box-shadow: 4px 4px 5px 2px rgba(44, 53, 76, 0.35); }
      .banner-enterprise-inner-1 .banner-items .banner-item.banner-item-01 {
        background-image: url(/static/img/vip/banner-item-01.png); }
      .banner-enterprise-inner-1 .banner-items .banner-item.banner-item-02 {
        background-image: url(/static/img/vip/banner-item-02.png); }
      .banner-enterprise-inner-1 .banner-items .banner-item.banner-item-03 {
        background-image: url(/static/img/vip/banner-item-03.png); }
      .banner-enterprise-inner-1 .banner-items .banner-item.banner-item-04 {
        background-image: url(/static/img/vip/banner-item-04.png); }
      .banner-enterprise-inner-1 .banner-items .banner-item.banner-item-05 {
        background-image: url(/static/img/vip/banner-item-05.png); }
      .banner-enterprise-inner-1 .banner-items .banner-item h4 {
        color: #f1d0ab;
        font-size: 16px;
        font-weight: normal;
        margin: 25px auto 0;
        line-height: 30px; }
      .banner-enterprise-inner-1 .banner-items .banner-item h5 {
        color: #9a9a9a;
        font-size: 16px;
        font-weight: normal;
        margin: 0px auto;
        line-height: 30px; }
      .banner-enterprise-inner-1 .banner-items .banner-item .new-icon {
        color: #efd4b6;
        position: absolute;
        right: 10px;
        top: 10px; }
  .banner-enterprise-inner-1 .go-btn {
    width: 245px;
    height: 60px;
    background: #e9ceb0;
    font-weight: bolder;
    background: linear-gradient(to Right, #e9ceaf, #cfb393);
    margin: 60px auto 0;
    color: #4f4f4f;
    font-size: 22px;
    line-height: 60px;
    border-radius: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.5s;
    box-shadow: 1px 1px 2px 2px rgba(225, 222, 219, 0.8); }

.banner-enterprise-2 {
  width: 100%;
  height: 400px;
  position: relative;
  background: url(/static/img/vip/banner-enterprise-2.png) center bottom no-repeat;
  background-size: cover; }

.banner-enterprise-inner-2 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 70px;
  display: -ms-flexbox;
  display: flex;
  height: 390px;
  overflow: hidden;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .banner-enterprise-inner-2 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px; }
  .banner-enterprise-inner-2 .vip-card {
    width: 400px;
    height: 250px;
    background: url(/static/img/vip/vip-card-bg.png) center center no-repeat;
    background-size: contain; }
    .banner-enterprise-inner-2 .vip-card .card-inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      text-align: left;
      width: 350px;
      height: 226px;
      margin: auto;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .banner-enterprise-inner-2 .vip-card .vip-card-title {
      font-family: "fangzheng";
      font-size: 20px;
      color: #4f4f4f;
      letter-spacing: 1px;
      font-weight: lighter;
      margin: 30px 0 0px; }
      .banner-enterprise-inner-2 .vip-card .vip-card-title i {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        margin: auto;
        position: relative;
        background: url(/static/img/vip/vip-card-i2.png) center center no-repeat;
        background-size: cover; }
    .banner-enterprise-inner-2 .vip-card .uname,
    .banner-enterprise-inner-2 .vip-card .date {
      font-size: 16px;
      line-height: 20px; }
    .banner-enterprise-inner-2 .vip-card .uname {
      color: #4f4f4f; }
    .banner-enterprise-inner-2 .vip-card .date {
      color: #b68c59;
      line-height: 35px; }
    .banner-enterprise-inner-2 .vip-card .btn-wrap {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .banner-enterprise-inner-2 .vip-card .btn-wrap a {
        margin-left: 20px;
        line-height: 40px;
        text-decoration: none;
        color: #a2743d;
        font-size: 14px; }
    .banner-enterprise-inner-2 .vip-card .go-btn {
      min-width: 164px;
      padding: 0 10px;
      height: 40px;
      background: #494848;
      text-align: center;
      font-size: 16px;
      line-height: 40px;
      border-radius: 10px;
      letter-spacing: 0.5px;
      box-shadow: 0 1px 3px 1px rgba(44, 53, 76, 0.35);
      cursor: pointer; }
      .banner-enterprise-inner-2 .vip-card .go-btn span {
        color: transparent;
        font-weight: bolder;
        background-image: linear-gradient(135deg, #e9d8c3, #a28361);
        -webkit-background-clip: text; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .banner-enterprise-inner-2 .vip-card .go-btn span {
          color: #a28361;
          background: transparent; } }
  .banner-enterprise-inner-2 .ability-items {
    width: 800px;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .banner-enterprise-inner-2 .ability-item {
    width: 235px;
    height: 110px;
    margin-left: 25px;
    background-image: url(/static/img/vip/ability-item-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #646464;
    border-radius: 10px;
    transition: all .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: left;
    -ms-flex-pack: center;
        justify-content: center; }
    .banner-enterprise-inner-2 .ability-item.ability-item-02 {
      background-image: url(/static/img/vip/ability-item-02.png); }
    .banner-enterprise-inner-2 .ability-item.ability-item-03 {
      background-image: url(/static/img/vip/ability-item-03.png); }
    .banner-enterprise-inner-2 .ability-item.ability-item-04 {
      background-image: url(/static/img/vip/ability-item-04.png); }
    .banner-enterprise-inner-2 .ability-item.ability-item-05 {
      background-image: url(/static/img/vip/ability-item-05.png); }
    .banner-enterprise-inner-2 .ability-item.ability-item-06 {
      background-image: url(/static/img/vip/ability-item-06.png); }
    .banner-enterprise-inner-2 .ability-item:hover {
      border-color: #cfb393; }
      .banner-enterprise-inner-2 .ability-item:hover .abi-btn {
        background: linear-gradient(135deg, #e2be98, #c29361);
        color: #4f4f4f; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .banner-enterprise-inner-2 .ability-item:hover .abi-btn {
            background: #c29361; } }
        .banner-enterprise-inner-2 .ability-item:hover .abi-btn span {
          color: #4d4b48; }
    .banner-enterprise-inner-2 .ability-item h4 {
      color: #f1d0ab;
      font-size: 16px;
      font-weight: normal;
      margin: 0 0 0 10px;
      line-height: 30px; }
    .banner-enterprise-inner-2 .ability-item h5 {
      color: #9a9a9a;
      font-size: 16px;
      font-weight: normal;
      margin: 0 0 0 10px;
      line-height: 30px; }
    .banner-enterprise-inner-2 .ability-item .abi-btn {
      width: 82px;
      height: 25px;
      border: 1px solid #cfb393;
      color: #cfb393;
      font-size: 14px;
      line-height: 25px;
      border-radius: 4px;
      text-align: center;
      margin: 5px 0 0 10px; }
      .banner-enterprise-inner-2 .ability-item .abi-btn span {
        color: transparent;
        background: linear-gradient(135deg, #e9d8c3, #a28361);
        -webkit-background-clip: text;
        cursor: pointer; }
        .banner-enterprise-inner-2 .ability-item .abi-btn span.off-span {
          cursor: not-allowed; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .banner-enterprise-inner-2 .ability-item .abi-btn span {
          color: #a28361;
          background: transparent; } }

@media only screen and (max-width: 576px) {
  .banner-wrap {
    height: 1000px; }
  .banner-enterprise-1,
  .banner-enterprise-2 {
    height: auto; }
  .banner-enterprise-inner-1 {
    width: auto;
    padding: 100px 0 50px; }
    .banner-enterprise-inner-1 h1 {
      font-size: 20px;
      line-height: 20px;
      width: 80%;
      margin: auto; }
    .banner-enterprise-inner-1 .go-btn {
      width: 200px;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      margin: 20px auto; }
    .banner-enterprise-inner-1 .banner-items {
      width: 90%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
      margin: 20px auto 0; }
      .banner-enterprise-inner-1 .banner-items .banner-item {
        width: 120px;
        height: 200px;
        margin: 10px; }
  .banner-enterprise-inner-2 {
    width: auto;
    height: auto;
    -ms-flex-direction: column;
        flex-direction: column; }
    .banner-enterprise-inner-2 .vip-card {
      width: 90%;
      margin: auto;
      padding-left: 10px; }
    .banner-enterprise-inner-2 .ability-items {
      width: auto;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: auto;
      padding-bottom: 20px; }
      .banner-enterprise-inner-2 .ability-items .ability-item {
        margin: 10px 0; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.one-v-one-modal .gaia-modal {
  width: 700px !important; }

.one-v-one-modal .gaia-modal-body {
  padding: 0;
  width: 700px; }

.one-v-one-modal .gaia-modal-close {
  opacity: 0;
  top: 5px; }

.one-v-one-modal .gaia-modal-footer {
  border: none; }

.one-v-one-modal .gaia-modal-content {
  width: 700px;
  background: transparent;
  box-shadow: none; }

.one-v-one-modal .one-content {
  height: 450px;
  background: url("https://openres.xfyun.cn/xfyundoc/2024-02-23/9d730232-a862-454e-b222-f4f93e782904/1708678964657/safsdfsdfsdf33.png") center center no-repeat;
  background-size: contain; }

@media only screen and (max-width: 576px) {
  .one-v-one-modal .gaia-modal-close {
    opacity: 0;
    top: 15vw; }
  .one-v-one-modal .gaia-modal {
    width: 520px !important; }
  .one-v-one-modal .gaia-modal-body {
    width: 100vw; }
  .one-v-one-modal .gaia-modal-content {
    width: 100vw; }
  .one-v-one-modal .one-content {
    height: 400px;
    background: url("https://openres.xfyun.cn/xfyundoc/2024-02-23/9d730232-a862-454e-b222-f4f93e782904/1708678964657/safsdfsdfsdf33.png") center center no-repeat;
    background-size: 90% auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.choose-modal .gaia-modal {
  top: 50px; }

.choose-modal .gaia-modal-body {
  padding: 0; }

.choose-modal .gaia-modal-close {
  opacity: 0;
  top: 5px;
  right: 5px; }

.choose-modal .gaia-modal-footer {
  border: none; }

.choose-modal .gaia-modal-content {
  background: transparent;
  box-shadow: none;
  width: 720px;
  margin: auto; }

.choose-modal .choose-content {
  height: 540px;
  background: url(/static/img/vip/choosemodal.png) center center no-repeat;
  background-size: contain; }
  .choose-modal .choose-content .choose-title {
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding-top: 12px;
    width: 40%;
    margin: auto;
    z-index: -1; }
    .choose-modal .choose-content .choose-title span {
      color: #a28361;
      color: transparent;
      font-weight: bolder;
      background-color: #f8f1e9;
      background-image: linear-gradient(135deg, #e9d8c3, #a28361);
      -webkit-background-clip: text;
      letter-spacing: 2px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .choose-modal .choose-content .choose-title span {
        color: #a28361;
        background: transparent; } }
  .choose-modal .choose-content .choose-inner {
    margin: 50px; }
    .choose-modal .choose-content .choose-inner .tabs {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .choose-modal .choose-content .choose-inner .tabs .tab {
        font-size: 18px;
        color: #a98c70;
        text-align: center;
        padding: 0 26px;
        position: relative;
        cursor: pointer; }
        .choose-modal .choose-content .choose-inner .tabs .tab::after {
          content: '|';
          color: #dacbbb;
          position: absolute;
          right: 0; }
        .choose-modal .choose-content .choose-inner .tabs .tab.active {
          color: #434242; }
        .choose-modal .choose-content .choose-inner .tabs .tab:nth-child(5)::after {
          content: ''; }
    .choose-modal .choose-content .choose-inner .coupons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin: 10px 20px;
      height: 300px;
      overflow-y: scroll; }
      .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 5px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px; }
      .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        background: #d7b797; }
      .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-track {
        border-radius: 5px;
        background: #e7d8c8; }
      .choose-modal .choose-content .choose-inner .coupons .coupon {
        width: 260px;
        height: 125px;
        background: #525252;
        border-radius: 5px;
        position: relative;
        margin: 15px 0; }
        .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner {
          background: #f8f1e9;
          margin: 10px;
          border-radius: 5px;
          height: 105px;
          position: relative; }
          .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .coupon-title {
            color: #fff;
            font-weight: normal;
            font-size: 16px;
            background: #c8ac91;
            width: 135px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin-left: 30px;
            letter-spacing: 0.5px;
            border-radius: 0 0 5px 5px; }
          .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
            text-align: center;
            width: 130px;
            margin-left: 33px;
            color: #a28361;
            color: transparent;
            background-image: linear-gradient(135deg, #d6b797, #97795c);
            -webkit-background-clip: text;
            border-bottom: 1px dashed #97795c;
            padding: 5px 0;
            white-space: nowrap; }
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
                background: #f8f1e9; }
                .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area span {
                  color: #a28361;
                  background: #f8f1e9; } }
            .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area .time {
              font-weight: bolder;
              font-size: 22px;
              margin-right: 2px; }
          .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area {
            width: 193px;
            text-align: center;
            margin-top: 5px; }
            .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .limit {
              margin-right: 10px; }
            .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .link {
              color: #2a88fc;
              cursor: pointer; }
          .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner::after {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background: #525252;
            border-radius: 50%;
            position: absolute;
            left: -8px;
            top: 50%;
            margin-top: -8px; }
        .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn {
          position: absolute;
          top: 0;
          right: 0;
          width: 57px;
          height: 125px;
          border-radius: 8px 5px 5px 8px;
          background: linear-gradient(to Bottom, #d6b797, #ae8f71);
          text-align: center;
          font-size: 16px;
          font-weight: bolder;
          -ms-writing-mode: tb-lr;
              writing-mode: vertical-lr;
          letter-spacing: 4px;
          box-shadow: -8px 0px 10px -5px #bdb0a1;
          cursor: pointer; }
          .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn span {
            display: inline-block;
            padding-left: 15px; }

@media only screen and (max-width: 576px) {
  .choose-modal {
    -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8); }
    .choose-modal .gaia-modal-body {
      padding: 0; }
    .choose-modal .gaia-modal-close {
      opacity: 1;
      top: 0px;
      right: 0px; }
    .choose-modal .gaia-modal-footer {
      border: none; }
    .choose-modal .gaia-modal-content {
      background: transparent;
      box-shadow: none;
      width: 100vw; }
    .choose-modal .choose-content {
      width: 100vw;
      overflow: hidden;
      height: 520px;
      background: #fff;
      border-radius: 10px; }
      .choose-modal .choose-content .choose-title {
        color: #fff;
        font-size: 22px;
        text-align: center;
        padding-top: 12px;
        width: 40%;
        margin: auto;
        z-index: -1; }
        .choose-modal .choose-content .choose-title span {
          color: #a28361;
          color: transparent;
          font-weight: bolder;
          background-image: linear-gradient(135deg, #e9d8c3, #a28361);
          -webkit-background-clip: text;
          letter-spacing: 2px; }
      .choose-modal .choose-content .choose-inner {
        width: 80%;
        margin: 10px auto 0;
        overflow: hidden; }
        .choose-modal .choose-content .choose-inner .tabs {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center; }
          .choose-modal .choose-content .choose-inner .tabs .tab {
            font-size: 18px;
            color: #a98c70;
            text-align: center;
            padding: 0 26px;
            position: relative;
            cursor: pointer; }
            .choose-modal .choose-content .choose-inner .tabs .tab::after {
              content: '|';
              color: #dacbbb;
              position: absolute;
              right: 0; }
            .choose-modal .choose-content .choose-inner .tabs .tab.active {
              color: #434242; }
            .choose-modal .choose-content .choose-inner .tabs .tab:nth-child(5)::after {
              content: ''; }
        .choose-modal .choose-content .choose-inner .coupons {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-pack: distribute;
              justify-content: space-around;
          margin: 15px 0px;
          height: 300px;
          overflow-y: scroll; }
          .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 5px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px; }
          .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 5px;
            background: #d7b797; }
          .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-track {
            border-radius: 5px;
            background: #e7d8c8; }
          .choose-modal .choose-content .choose-inner .coupons .coupon {
            width: 260px;
            height: 125px;
            background: #525252;
            border-radius: 5px;
            position: relative;
            margin: 15px 0; }
            .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner {
              background: #f8f1e9;
              margin: 10px;
              border-radius: 5px;
              height: 105px;
              position: relative; }
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .coupon-title {
                color: #fff;
                font-weight: normal;
                font-size: 16px;
                background: #c8ac91;
                width: 135px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                margin-left: 30px;
                letter-spacing: 0.5px;
                border-radius: 0 0 5px 5px; }
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
                text-align: center;
                width: 120px;
                margin-left: 33px;
                color: #a28361;
                color: transparent;
                background-image: linear-gradient(135deg, #d6b797, #97795c);
                -webkit-background-clip: text;
                border-bottom: 1px dashed #97795c;
                padding: 5px 0; }
                .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area .time {
                  font-weight: bolder;
                  font-size: 22px;
                  margin-right: 2px; }
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area {
                width: 193px;
                text-align: center;
                margin-top: 5px; }
                .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .limit {
                  margin-right: 10px; }
                .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .link {
                  color: #2a88fc;
                  cursor: pointer; }
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner::after {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background: #525252;
                border-radius: 50%;
                position: absolute;
                left: -8px;
                top: 50%;
                margin-top: -8px; }
            .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn {
              position: absolute;
              top: 0;
              right: 0;
              width: 57px;
              height: 125px;
              border-radius: 8px 5px 5px 8px;
              background: linear-gradient(to Bottom, #d6b797, #ae8f71);
              text-align: center;
              font-size: 16px;
              font-weight: bolder;
              -ms-writing-mode: tb-lr;
                  writing-mode: vertical-lr;
              letter-spacing: 4px;
              box-shadow: -8px 0px 10px -5px #bdb0a1;
              cursor: pointer; }
              .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn span {
                display: inline-block;
                padding-left: 15px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.act-modal .modal-footer-activity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #494848;
    color: #f1d0ab;
    border-radius: 6px; }

@charset "UTF-8";
/* 定义字体 */
@font-face {
  font-family: 'fangzheng';
  src: url(/static/font/fangzheng.ttf); }

.vip-title {
  text-align: center;
  padding-top: 60px; }
  .vip-title .ve-text {
    text-indent: 16px;
    font-family: 'fangzheng';
    font-size: 26px;
    background: url(/static/img/vip/title_bg.png) no-repeat center center; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.vip-rights {
  background: #fff url(/static/img/vip/vr_bg.png) center bottom no-repeat; }
  .vip-rights .vts-ul {
    padding-top: 66px;
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .vip-rights .vts-ul .vts-item {
      width: 20%;
      margin-bottom: 70px;
      text-align: center; }
      .vip-rights .vts-ul .vts-item .vts-icon {
        display: block; }
        .vip-rights .vts-ul .vts-item .vts-icon > img {
          max-width: 68px;
          max-height: 68px; }
      .vip-rights .vts-ul .vts-item > p {
        margin: 0; }
      .vip-rights .vts-ul .vts-item .vts-title {
        color: #363636;
        margin-top: 22px; }
      .vip-rights .vts-ul .vts-item .vts-desc {
        color: #9b9b9b;
        margin-top: 16px; }

@media only screen and (max-width: 576px) {
  .vip-rights {
    background: #fff url(/static/img/vip/vr_bg.png) center bottom no-repeat; }
    .vip-rights .vts-ul {
      padding-top: 66px;
      width: auto;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .vip-rights .vts-ul .vts-item {
        width: 33.33%;
        margin-bottom: 70px;
        text-align: center; }
        .vip-rights .vts-ul .vts-item .vtes-icon {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          height: 68px; }
          .vip-rights .vts-ul .vts-item .vtes-icon > img {
            max-width: 68px;
            max-height: 68px; }
        .vip-rights .vts-ul .vts-item > p {
          margin: 0;
          font-size: 14px; }
        .vip-rights .vts-ul .vts-item .vts-title {
          color: #363636;
          margin-top: 22px; }
        .vip-rights .vts-ul .vts-item .vts-desc {
          color: #9b9b9b;
          margin-top: 16px; } }

.union-vip {
  display: block;
  text-decoration: none;
  height: 480px;
  background: #ededed url(/static/img/vip/uv_w_bg.png) center top no-repeat; }
  .union-vip.vip-2 {
    background: #2f2f2f url(/static/img/vip/uv_bg.png) center top no-repeat; }
    .union-vip.vip-2 .uv-card {
      background: url(/static/img/vip/card_bg.png) center top no-repeat; }
      .union-vip.vip-2 .uv-card .nv-title {
        color: #ffd7ab; }
        .union-vip.vip-2 .uv-card .nv-title .dot {
          background-color: #ffd7ab; }
      .union-vip.vip-2 .uv-card .nv-get-desc {
        color: #b0b0b0; }
      .union-vip.vip-2 .uv-card .nv-card-desc {
        color: #a5a5a4; }
  .union-vip .uv-card {
    position: relative;
    display: block;
    height: 298px;
    width: 1200px;
    margin: 23px auto 0;
    background: url(/static/img/vip/w_card_bg.png) center top no-repeat; }
    .union-vip .uv-card > span {
      position: absolute;
      letter-spacing: 1px; }
    .union-vip .uv-card .nv-title {
      top: 31px;
      left: 192px;
      font-size: 18px;
      color: #ffffff; }
      .union-vip .uv-card .nv-title .dot {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        margin: 0 4px;
        vertical-align: middle;
        background-color: #fff; }
    .union-vip .uv-card .nv-get-desc {
      top: 156px;
      left: 150px;
      color: #000; }
    .union-vip .uv-card .nv-card-desc {
      top: 132px;
      right: 163px;
      font-size: 14px;
      color: #b1b5be; }
  .union-vip .uv-card-mobile {
    position: relative;
    height: 298px;
    margin: 50px auto 0;
    background: url(/static/img/vip/card-mb.png) center top no-repeat;
    background-size: contain; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.vip-contrast {
  background-color: #fff;
  overflow: hidden; }
  .vip-contrast .vt-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
    position: relative;
    z-index: 2; }
    .vip-contrast .vt-wrap::after, .vip-contrast .vt-wrap::before {
      position: absolute;
      display: inline-block;
      content: "";
      z-index: -1; }
    .vip-contrast .vt-wrap::before {
      top: 244px;
      right: -222px;
      width: 223px;
      height: 362px;
      background: url(/static/img/vip/circle.png) center center no-repeat; }
    .vip-contrast .vt-wrap::after {
      bottom: -169px;
      left: -390px;
      width: 587px;
      height: 508px;
      background: url(/static/img/vip/diamond.png) center center no-repeat; }
    .vip-contrast .vt-wrap .vst-ul-title {
      width: 200px;
      background-image: linear-gradient(to bottom, #5a5a5a, #2f2f2f); }
      .vip-contrast .vt-wrap .vst-ul-title .vst-te-item {
        height: 50px;
        color: #f0c79a;
        text-align: center;
        line-height: 50px;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca; }
        .vip-contrast .vt-wrap .vst-ul-title .vst-te-item:nth-child(1) {
          height: 60px;
          line-height: 60px; }
    .vip-contrast .vt-wrap .vst-ul {
      -ms-flex-positive: 1;
          flex-grow: 1;
      color: #000; }
      .vip-contrast .vt-wrap .vst-ul.active {
        background-color: #fff8f1; }
        .vip-contrast .vt-wrap .vst-ul.active .vst-te-item:nth-child(1) {
          background-color: #ebcdac; }
        .vip-contrast .vt-wrap .vst-ul.active .vst-te-item .r_icon {
          background-color: #edc79d; }
      .vip-contrast .vt-wrap .vst-ul .vst-te-item {
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca; }
        .vip-contrast .vt-wrap .vst-ul .vst-te-item:nth-child(1) {
          height: 60px;
          line-height: 60px;
          background-color: #e5e5e5; }
        .vip-contrast .vt-wrap .vst-ul .vst-te-item .r_icon {
          box-sizing: border-box;
          display: inline-block;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          line-height: 24px;
          text-align: center;
          color: #fff;
          background-color: #ced1d9;
          padding-right: 3px; }

@media only screen and (max-width: 576px) {
  .vip-contrast {
    background-color: #fff;
    overflow: hidden;
    font-size: 12px; }
    .vip-contrast .vt-wrap {
      display: -ms-flexbox;
      display: flex;
      width: auto;
      margin: 0 auto;
      padding: 60px 0;
      position: relative;
      z-index: 2; }
      .vip-contrast .vt-wrap::after, .vip-contrast .vt-wrap::before {
        position: absolute;
        display: inline-block;
        content: "";
        z-index: -1; }
      .vip-contrast .vt-wrap::before {
        top: 244px;
        right: -222px;
        width: 223px;
        height: 362px;
        background: url(/static/img/vip/circle.png) center center no-repeat; }
      .vip-contrast .vt-wrap::after {
        bottom: -169px;
        left: -390px;
        width: 587px;
        height: 508px;
        background: url(/static/img/vip/diamond.png) center center no-repeat; }
      .vip-contrast .vt-wrap .vst-ul-title {
        width: 100px;
        background-image: linear-gradient(to bottom, #5a5a5a, #2f2f2f); }
        .vip-contrast .vt-wrap .vst-ul-title .vst-te-item {
          height: 50px;
          color: #f0c79a;
          text-align: center;
          line-height: 25px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          border-bottom: 1px solid #cacaca;
          border-right: 1px solid #cacaca; }
          .vip-contrast .vt-wrap .vst-ul-title .vst-te-item:nth-child(1) {
            height: 60px;
            line-height: 60px; }
      .vip-contrast .vt-wrap .vst-ul {
        -ms-flex-positive: 1;
            flex-grow: 1;
        color: #000; }
        .vip-contrast .vt-wrap .vst-ul.active {
          background-color: #fff8f1; }
          .vip-contrast .vt-wrap .vst-ul.active .vst-te-item:nth-child(1) {
            background-color: #ebcdac; }
          .vip-contrast .vt-wrap .vst-ul.active .vst-te-item .r_icon {
            background-color: #edc79d; }
        .vip-contrast .vt-wrap .vst-ul .vst-te-item {
          height: 50px;
          line-height: 25px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
          text-align: center;
          border-bottom: 1px solid #cacaca;
          border-right: 1px solid #cacaca; }
          .vip-contrast .vt-wrap .vst-ul .vst-te-item:nth-child(1) {
            height: 60px;
            line-height: 60px;
            background-color: #e5e5e5; }
          .vip-contrast .vt-wrap .vst-ul .vst-te-item .r_icon {
            box-sizing: border-box;
            display: block;
            margin: auto;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            line-height: 24px;
            text-align: center;
            color: #fff;
            background-color: #ced1d9;
            padding-right: 3px; } }

.vip-bottom {
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: url(/static/img/vip/vip_w_bot.jpg) center center no-repeat; }
  .vip-bottom.vip-2 {
    background: url(/static/img/vip/vip_bot.jpg) center center no-repeat; }
    .vip-bottom.vip-2 .vip_bot_content .v_logo {
      background: url(/static/img/vip/vip_logo.png) center center no-repeat; }
    .vip-bottom.vip-2 .vip_bot_content .v_desc {
      color: #f0f0f0; }
    .vip-bottom.vip-2 .vip_bot_content .v_btn {
      color: #1d1d1e;
      background-image: linear-gradient(to right, #ead6be, #fdd7ad);
      cursor: pointer; }
  .vip-bottom .vip_bot_content {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .vip-bottom .vip_bot_content a {
      text-decoration: none; }
    .vip-bottom .vip_bot_content .vip_bot_left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .vip-bottom .vip_bot_content .v_logo {
      display: inline-block;
      width: 176px;
      height: 28px;
      background: url(/static/img/vip/vip_w_logo.png) center center no-repeat; }
    .vip-bottom .vip_bot_content .v_desc {
      display: inline-block;
      margin-left: 30px;
      padding-left: 30px;
      font-size: 18px;
      color: #583e29;
      letter-spacing: 1px;
      border-left: 1px solid #bea27f; }
    .vip-bottom .vip_bot_content .v_btn {
      display: inline-block;
      width: 170px;
      height: 40px;
      border-radius: 4px;
      line-height: 40px;
      text-align: center;
      color: #ffe1ca;
      background-image: linear-gradient(to right, #524539, #372e25);
      cursor: pointer;
      text-decoration: none; }
      .vip-bottom .vip_bot_content .v_btn.v_btn_pay {
        width: 100px;
        margin-right: 20px; }
    .vip-bottom .vip_bot_content .personal {
      height: 40px;
      line-height: 40px;
      margin-left: 30px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.vip-page {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  background: #f9faff;
  overflow: hidden;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  color: #374567; }
  .vip-page main {
    position: relative; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.select-sider-pc {
  width: 200px;
  box-sizing: border-box; }
  .select-sider-pc > div {
    text-align: center; }
  .select-sider-pc .st-header {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #32302e;
    font-weight: bold;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #efd4b6, #ccaf8f); }
  .select-sider-pc .st-item {
    height: 46px;
    box-sizing: border-box;
    padding: 0 10px;
    border-left: 1px solid #e3e2e0;
    border-right: 1px solid #e3e2e0;
    cursor: pointer; }
    .select-sider-pc .st-item:last-child {
      padding: 0; }
    .select-sider-pc .st-item.active, .select-sider-pc .st-item:hover {
      background-image: linear-gradient(to right, #ece3d8, #fcfbf9); }
      .select-sider-pc .st-item.active .st-title, .select-sider-pc .st-item:hover .st-title {
        color: #ab8f6d; }
    .select-sider-pc .st-item.active {
      border-left: 2px solid #c2a37e; }
    .select-sider-pc .st-item .st-title {
      line-height: 46px;
      margin: 0;
      border-bottom: 1px solid #e3e2e0;
      color: #5d6266; }

.select-sider-mobile {
  width: 110px;
  box-sizing: border-box; }
  .select-sider-mobile > div {
    text-align: center; }
  .select-sider-mobile .st-header {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #32302e;
    font-weight: bold;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #efd4b6, #ccaf8f); }
  .select-sider-mobile .st-item {
    height: 30px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 4px;
    border-left: 1px solid #e3e2e0;
    border-right: 1px solid #e3e2e0;
    cursor: pointer; }
    .select-sider-mobile .st-item:last-child {
      padding: 0; }
    .select-sider-mobile .st-item.active {
      background-image: linear-gradient(to right, #ece3d8, #fcfbf9);
      border-left: 1px solid #c2a37e; }
      .select-sider-mobile .st-item.active .st-title {
        color: #ab8f6d; }
    .select-sider-mobile .st-item .st-title {
      line-height: 30px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin: 0;
      border-bottom: 1px solid #e3e2e0;
      color: #5d6266; }

@charset "UTF-8";
.markDownBox-pc {
  border: 1px solid #e5e5e5;
  margin-top: 30px;
  padding: 0px 20px 20px;
  /* 清除内外边距 */
  /* 重置列表元素 */
  /* 重置超链接元素 */ }
  .markDownBox-pc h1, .markDownBox-pc h2, .markDownBox-pc h3, .markDownBox-pc h4, .markDownBox-pc h5, .markDownBox-pc h6, .markDownBox-pc hr, .markDownBox-pc p, .markDownBox-pc dl, .markDownBox-pc dt, .markDownBox-pc dd, .markDownBox-pc ul, .markDownBox-pc ol, .markDownBox-pc li, .markDownBox-pc img {
    border: medium none;
    font-size: 18px; }
  .markDownBox-pc h2 {
    margin-top: 30px;
    margin-bottom: 10px; }
  .markDownBox-pc img {
    max-width: 100%; }
  .markDownBox-pc ul, .markDownBox-pc li {
    list-style: inherit; }
  .markDownBox-pc a {
    text-decoration: none; }
    .markDownBox-pc a:hover {
      text-decoration: none; }
  .markDownBox-pc p {
    line-height: 1.8;
    margin: 5px 0;
    font-size: 14px;
    color: #7f7f7f;
    letter-spacing: 1px; }
  .markDownBox-pc table {
    border-collapse: collapse;
    margin: 1rem 0;
    display: block;
    overflow-x: auto; }
    .markDownBox-pc table tr {
      border-top: 1px solid #dfe2e5;
      font-size: 14px;
      color: #7f7f7f; }
    .markDownBox-pc table tr:nth-child(2n) {
      background-color: #f6f8fa; }
    .markDownBox-pc table th {
      white-space: nowrap; }
    .markDownBox-pc table td, .markDownBox-pc table th {
      border: 1px solid #dfe2e5;
      padding: .6em 1em; }

.markDownBox-mobile {
  border: 1px solid #e5e5e5;
  padding: 0 10px 10px;
  margin-top: 10px;
  /* 清除内外边距 */
  /* 重置列表元素 */
  /* 重置超链接元素 */ }
  .markDownBox-mobile h1, .markDownBox-mobile h2, .markDownBox-mobile h3, .markDownBox-mobile h4, .markDownBox-mobile h5, .markDownBox-mobile h6, .markDownBox-mobile hr, .markDownBox-mobile p, .markDownBox-mobile dl, .markDownBox-mobile dt, .markDownBox-mobile dd, .markDownBox-mobile ul, .markDownBox-mobile ol, .markDownBox-mobile li, .markDownBox-mobile img {
    border: medium none;
    font-size: 14px; }
  .markDownBox-mobile h2 {
    margin-top: 16px;
    margin-bottom: 4px; }
  .markDownBox-mobile img {
    max-width: 100%; }
  .markDownBox-mobile ul, .markDownBox-mobile li {
    list-style: inherit; }
  .markDownBox-mobile a {
    text-decoration: none; }
    .markDownBox-mobile a:hover {
      text-decoration: none; }
  .markDownBox-mobile p {
    line-height: 1.4;
    margin: 5px 0;
    font-size: 12px;
    color: #7f7f7f;
    letter-spacing: 1px; }
  .markDownBox-mobile table {
    border-collapse: collapse;
    margin: 0.5rem 0;
    display: block; }
    .markDownBox-mobile table tr {
      border-top: 1px solid #dfe2e5;
      font-size: 10px;
      color: #7f7f7f; }
    .markDownBox-mobile table tr:nth-child(2n) {
      background-color: #f6f8fa; }
    .markDownBox-mobile table th {
      white-space: nowrap;
      font-size: 12px; }
    .markDownBox-mobile table td, .markDownBox-mobile table th {
      border: 1px solid #dfe2e5;
      padding: .3em .5em; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.select-detail-pc {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box;
  margin-left: 50px;
  margin-bottom: 40px; }
  .select-detail-pc .st-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 80px;
    padding: 0 26px;
    background: url("/static/img/vip/st_top_bg.png") right bottom/100% 100% no-repeat; }
    .select-detail-pc .st-top .st-top_l {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .select-detail-pc .st-top .st-top_l > img {
        max-width: 64px;
        max-height: 64px; }
      .select-detail-pc .st-top .st-top_l .st-top-title {
        margin-left: 20px;
        color: #000;
        font-weight: bold; }
      .select-detail-pc .st-top .st-top_l .st-top-desc {
        margin-left: 26px;
        color: #7f7f7f; }
    .select-detail-pc .st-top .st-btn {
      margin-left: 20px;
      color: #262626;
      height: 36px;
      display: inline-block;
      min-width: 114px;
      line-height: 36px;
      border-radius: 4px;
      cursor: pointer;
      padding: 0 16px;
      background-image: linear-gradient(to right, #efd4b6, #cdb191);
      text-decoration: none; }
  .select-detail-pc .st-note {
    display: none;
    height: 220px;
    border: 1px solid #e3e2e0;
    margin-top: 30px;
    background: url(/static/img/vip/note_bg.png) center center no-repeat;
    position: relative; }
    .select-detail-pc .st-note .st-note-title {
      color: #fff;
      letter-spacing: 4px;
      position: absolute;
      left: 64px;
      top: 16px; }
    .select-detail-pc .st-note .st-note-scan {
      width: 120px;
      color: #d3a074;
      text-align: center;
      position: absolute;
      bottom: 48px;
      right: 387px;
      font-size: 13px; }
    .select-detail-pc .st-note .st-note-desc {
      color: #a6a4a1;
      position: absolute;
      left: 44px;
      top: 70px;
      font-size: 14px;
      line-height: 1.7; }
    .select-detail-pc .st-note .st-note-get {
      color: #ca9d6b;
      position: absolute;
      left: 48px;
      top: 130px;
      cursor: pointer; }
  .select-detail-pc .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.45);
    display: none; }
    .select-detail-pc .modal-mask.show-mask {
      display: block; }
      .select-detail-pc .modal-mask.show-mask .modal-wrap {
        display: block; }
    .select-detail-pc .modal-mask .modal-wrap {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #fff;
      transform: translate3d(-50%, -50%, 0);
      width: 380px;
      height: 150px;
      border-radius: 6px; }
      .select-detail-pc .modal-mask .modal-wrap .modal-title {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        height: 50px;
        line-height: 50px; }
      .select-detail-pc .modal-mask .modal-wrap .foot {
        width: 50%;
        height: 60px;
        margin: 0 auto; }
        .select-detail-pc .modal-mask .modal-wrap .foot .close-btn {
          width: 80px;
          margin: 0 auto;
          height: 36px;
          line-height: 36px;
          text-align: center;
          border-radius: 4px;
          cursor: pointer;
          border: 1px solid #e3e2e0; }

.select-detail-mobile {
  -ms-flex: 1;
      flex: 1;
  margin: 10px 0 0 6px;
  overflow: hidden; }
  .select-detail-mobile .st-top {
    padding: 6px;
    border: 1px solid #e3e2e0; }
    .select-detail-mobile .st-top .st-top_l {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .select-detail-mobile .st-top .st-top_l > img {
        max-width: 32px;
        max-height: 32px; }
      .select-detail-mobile .st-top .st-top_l .st-btn {
        color: #262626;
        height: 30px;
        display: inline-block;
        min-width: 80px;
        line-height: 30px;
        font-size: 12px;
        border-radius: 4px;
        cursor: pointer;
        padding: 0 16px;
        background-image: linear-gradient(to right, #efd4b6, #cdb191);
        text-decoration: none; }
  .select-detail-mobile .st-top-title {
    color: #363636;
    margin: 6px 0;
    font-size: 13px; }
  .select-detail-mobile .st-top-desc {
    font-size: 12px;
    color: #7f7f7f;
    margin: 0; }
  .select-detail-mobile .st-note {
    display: none;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e3e2e0;
    margin: 10px 6px 0 0;
    padding: 8px 4px;
    text-align: center; }
    .select-detail-mobile .st-note .st-note-title {
      margin: 0;
      color: #fff;
      height: 30px;
      line-height: 30px;
      width: 100px;
      margin: 0 auto;
      background-image: linear-gradient(to right, #e8cbaa, #c8ab8b); }
    .select-detail-mobile .st-note .st-note-qr {
      text-align: center;
      margin-top: 6px; }
    .select-detail-mobile .st-note .st-note-scan {
      font-size: 12px;
      color: #d3a074; }
    .select-detail-mobile .st-note .st-note-desc {
      text-align: left;
      font-size: 12px;
      color: #7f7f7f; }
    .select-detail-mobile .st-note .st-note-get {
      color: #ca9d6b;
      cursor: pointer;
      font-size: 14px;
      padding-top: 4px; }
  .select-detail-mobile .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.45);
    display: none; }
    .select-detail-mobile .modal-mask.show-mask {
      display: block; }
      .select-detail-mobile .modal-mask.show-mask .modal-wrap {
        display: block; }
    .select-detail-mobile .modal-mask .modal-wrap {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #fff;
      transform: translate3d(-50%, -50%, 0);
      width: 300px;
      height: 150px;
      border-radius: 6px; }
      .select-detail-mobile .modal-mask .modal-wrap .modal-title {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        height: 50px;
        line-height: 50px; }
      .select-detail-mobile .modal-mask .modal-wrap .foot {
        width: 50%;
        height: 60px;
        margin: 0 auto; }
        .select-detail-mobile .modal-mask .modal-wrap .foot .close-btn {
          width: 80px;
          margin: 0 auto;
          height: 36px;
          line-height: 36px;
          text-align: center;
          border-radius: 4px;
          cursor: pointer;
          border: 1px solid #e3e2e0; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.right-detail-pc .banner {
  width: 100%;
  height: 320px;
  position: relative;
  background: #000 url(/static/img/vip/right-banner.jpg) center bottom no-repeat; }
  .right-detail-pc .banner .banner-title {
    width: 100%;
    text-align: center;
    color: #efd4b6;
    font-size: 32px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 110px; }
  .right-detail-pc .banner .banner-text {
    width: 100%;
    font-size: 14px;
    color: #f0f0f0;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    bottom: 80px; }

.right-detail-pc .detail-content {
  width: 1200px;
  margin: 40px auto 0;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 576px) {
  .right-detail-mobile {
    margin-top: 20px; }
    .right-detail-mobile .banner {
      width: 100%;
      height: 200px;
      box-sizing: border-box;
      background: #362e24; }
      .right-detail-mobile .banner .banner-title {
        width: 100%;
        text-align: center;
        color: #efd4b6;
        font-size: 30px;
        letter-spacing: 2px;
        padding-top: 60px;
        margin-bottom: 20px; }
      .right-detail-mobile .banner .banner-text {
        width: calc(100% - 40px);
        margin: 0 auto;
        line-height: 24px;
        color: #f0f0f0;
        text-align: center;
        letter-spacing: 2px; }
    .right-detail-mobile .detail-content {
      display: -ms-flexbox;
      display: flex;
      padding: 0 4px 4px 0; } }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 95px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range ,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time {
  border-top-left-radius: 0;
}

.react-datepicker__header {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time {
  right: 95px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range ,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  background-color: #b48f6b; }

.react-datepicker__month-text:hover {
  background-color: #b48f6b; }

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #b48f6b; }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #b48f6b; }

.react-datepicker__month--disabled {
  background: none;
  color: #ccc; }

.react-datepicker__navigation--previous,
.react-datepicker__navigation--next {
  outline: 0; }

.react-datepicker__input-container {
  position: relative; }
  .react-datepicker__input-container input {
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 0 10px;
    color: #666;
    cursor: pointer;
    outline: 0; }
  .react-datepicker__input-container:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 0;
    height: 0;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #bbb; }

.report-overview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1060px;
  margin: 0 auto;
  padding-bottom: 50px;
  border-bottom: 1px dashed #ccc; }

.each-model {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  .each-model .each-icon {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: block;
    margin-bottom: 5px; }
    .each-model .each-icon.icon_history_amount {
      background: url(/static/img/vip/ab-icon-1.png) center center no-repeat;
      background-size: cover; }
    .each-model .each-icon.icon_history_time {
      background: url(/static/img/vip/ab-icon-2.png) center center no-repeat;
      background-size: cover; }
    .each-model .each-icon.icon_use_ratio {
      background: url(/static/img/vip/ab-icon-3.png) center center no-repeat;
      background-size: cover; }
    .each-model .each-icon.icon_daily_ratio {
      background: url(/static/img/vip/ab-icon-4.png) center center no-repeat;
      background-size: cover; }
    .each-model .each-icon.icon_month_days {
      background: url(/static/img/vip/ab-icon-5.png) center center no-repeat;
      background-size: cover; }
  .each-model .each-name {
    font-size: 18px;
    line-height: 30px; }
  .each-model .each-data {
    font-size: 28px;
    text-align: center;
    color: #efd4b6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .each-model .each-data span {
      color: #c39e73;
      font-weight: 600;
      font-size: 28px; }
    .each-model .each-data .up-arr {
      display: block;
      width: 20px;
      height: 25px;
      background: url(/static/img/vip/up-arr.png) center center no-repeat;
      background-size: cover; }
    .each-model .each-data .down-arr {
      display: block;
      width: 20px;
      height: 25px;
      background: url(/static/img/vip/down-arr.png) center center no-repeat;
      background-size: cover; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .each-model .each-data span {
        color: #a28361;
        background: transparent; } }

.ab-panel {
  height: 500px; }

.panel-title {
  width: 1060px;
  margin: auto;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .panel-title::before {
    display: block;
    margin-right: 10px;
    background-color: #ccaf8f;
    content: '';
    width: 3px;
    height: 25px; }

.table-panel {
  height: 500px; }

.table-title {
  width: 1060px;
  margin: auto;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .table-title::before {
    display: block;
    margin-right: 10px;
    background-color: #ccaf8f;
    content: '';
    width: 3px;
    height: 25px; }

.table-flex {
  width: 1060px;
  margin: 30px auto;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }

.tbl {
  width: 100%;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  border-left: #ccaf8f solid 1px;
  border-right: #ccaf8f solid 1px;
  border-bottom: #ccaf8f solid 1px; }
  .tbl:first-child {
    border-top: #ccaf8f solid 1px; }

.cell {
  width: 1%;
  height: 100%;
  padding: 0 10px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  border-right: #ccaf8f solid 1px; }

.tbl div:last-child {
  border-right: 0; }

.table-tips {
  width: 1060px;
  margin: 0 auto 30px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.download-modal .gaia-modal {
  width: 500px !important; }

.download-modal .gaia-modal-body {
  padding: 0;
  width: 500px; }

.download-modal .gaia-modal-close {
  top: 5px;
  color: #333; }

.download-modal .gaia-modal-footer {
  border: none; }

.download-modal .gaia-modal-content {
  width: 500px;
  color: #333;
  box-shadow: none; }

.download-modal .download-content-fail {
  height: 200px; }
  .download-modal .download-content-fail .no-bind-mention {
    text-align: center;
    padding-top: 80px; }
  .download-modal .download-content-fail .next-btn {
    color: #333;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #efd4b6;
    border-radius: 6px;
    cursor: pointer; }
  .download-modal .download-content-fail .next-btn-dis {
    display: block;
    color: #666;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ccc;
    border-radius: 6px;
    cursor: pointer; }

.download-modal .download-content {
  height: 400px; }
  .download-modal .download-content .download-mention {
    text-align: center;
    padding-top: 80px; }
  .download-modal .download-content .verify-question {
    text-align: center;
    color: #999;
    margin-top: 25px; }
    .download-modal .download-content .verify-question span {
      color: #c39e73;
      cursor: pointer; }
  .download-modal .download-content .next-btn {
    color: #333;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #efd4b6;
    border-radius: 6px;
    cursor: pointer; }
  .download-modal .download-content .next-btn-dis {
    color: #666;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ccc;
    border-radius: 6px;
    cursor: pointer; }
  .download-modal .download-content .form-content .form-row {
    width: 400px;
    height: 45px;
    margin: 25px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .download-modal .download-content .form-content .form-row .get-btn {
      margin-left: 20px;
      cursor: pointer;
      color: #333;
      text-align: center;
      width: 120px;
      height: 45px;
      line-height: 45px;
      background: #efd4b6;
      border-radius: 6px; }
    .download-modal .download-content .form-content .form-row .get-btn-dis {
      margin-left: 20px;
      cursor: default;
      color: #666;
      text-align: center;
      width: 120px;
      height: 45px;
      line-height: 45px;
      background: #ccc;
      border-radius: 6px; }
    .download-modal .download-content .form-content .form-row .v-btn-span {
      display: block;
      width: 100%;
      height: 100%; }
    .download-modal .download-content .form-content .form-row .form-input {
      height: 45px;
      line-height: 45px;
      width: 100%;
      border-radius: 6px; }
      .download-modal .download-content .form-content .form-row .form-input input {
        border: solid 1px #cccbcd;
        height: 45px;
        width: 100%;
        text-indent: 8px;
        outline: none;
        border-radius: 6px;
        padding: 0; }
      .download-modal .download-content .form-content .form-row .form-input .type-pick {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        position: relative;
        border-radius: 6px; }
        .download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select {
          position: relative;
          display: block;
          width: 100%;
          height: 45px;
          line-height: 45px;
          font-size: 14px;
          border: 1px solid #bcbcbc;
          background-color: #fff;
          padding: 0 10px;
          color: #333;
          cursor: pointer;
          outline: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-left: 1px solid #d9d9d9;
          border-radius: 6px; }
          .download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select:after {
            display: block;
            position: absolute;
            right: 10px;
            top: 20px;
            width: 0;
            height: 0;
            content: "";
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 8px solid #bbb; }
          .download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select:focus {
            border-color: #40a9ff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }
        .download-modal .download-content .form-content .form-row .form-input .type-pick .type-list {
          position: absolute;
          border-radius: 0 0 6px 6px;
          z-index: 2;
          width: 398px;
          top: 47px;
          left: 0;
          border: 1px solid #d9d9d9;
          background: #fff;
          border-top: 0;
          border-bottom: 0;
          max-height: 105px;
          overflow-y: auto; }
          .download-modal .download-content .form-content .form-row .form-input .type-pick .type-list .each-list {
            text-indent: 10px;
            font-size: 14px;
            color: #666;
            line-height: 45px;
            width: 100%;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            .download-modal .download-content .form-content .form-row .form-input .type-pick .type-list .each-list:hover {
              background: #666666;
              color: #fff;
              cursor: pointer; }
  .download-modal .download-content .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.tech-report-pc .banner {
  width: 100%;
  height: 320px;
  position: relative;
  background: #000 url(/static/img/vip/banner-report.png) center bottom no-repeat; }
  .tech-report-pc .banner .banner-title {
    width: 100%;
    text-align: center;
    color: #efd4b6;
    font-size: 32px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 100px; }
    .tech-report-pc .banner .banner-title span {
      color: #a28361;
      color: transparent;
      background-color: #f8f1e9;
      background-image: linear-gradient(135deg, #ffe5c8, #efbf8a);
      -webkit-background-clip: text;
      letter-spacing: 2px;
      font-size: 32px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .tech-report-pc .banner .banner-title span {
        color: #a28361;
        background: transparent; } }

.tech-report-pc .report-content {
  width: 1200px;
  margin: 40px auto;
  display: -ms-flexbox;
  display: flex; }
  .tech-report-pc .report-content .download-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 600px; }
  .tech-report-pc .report-content .download-btn {
    height: 30px;
    width: 90px;
    line-height: 30px;
    margin-left: 20px;
    text-align: center;
    background: linear-gradient(to Right, #e5caab, #d2b695, #ccaf8f);
    color: #333;
    cursor: pointer; }
  .tech-report-pc .report-content .app-pick {
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
  .tech-report-pc .report-content .pick-select {
    position: relative;
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 0 10px;
    color: #333;
    cursor: pointer;
    outline: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #d9d9d9; }
    .tech-report-pc .report-content .pick-select:after {
      display: block;
      position: absolute;
      right: 10px;
      top: 12px;
      width: 0;
      height: 0;
      content: "";
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 8px solid #bbb; }
    .tech-report-pc .report-content .pick-select:focus {
      border-color: #40a9ff;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }
  .tech-report-pc .report-content .select-input {
    border: none;
    outline: none;
    width: 80%; }
  .tech-report-pc .report-content .app-list {
    position: absolute;
    z-index: 2;
    width: 150px;
    top: 32px;
    right: 0px;
    border: 1px solid #bcbcbc;
    background: #fff;
    border-top: 0;
    max-height: 105px;
    overflow-y: auto; }
    .tech-report-pc .report-content .app-list .each-list {
      text-indent: 10px;
      font-size: 14px;
      color: #666;
      line-height: 35px;
      width: 100%;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .tech-report-pc .report-content .app-list .each-list:last-child {
        border-bottom: 0; }
      .tech-report-pc .report-content .app-list .each-list:hover {
        background: #ccc;
        color: #fff;
        cursor: pointer; }

.tech-report-pc .report-paper {
  width: 1200px;
  margin: 0 auto 50px;
  background: #fff;
  border: 1px solid #bcbcbc;
  position: relative; }
  .tech-report-pc .report-paper .report-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    right: 30px;
    top: 20px;
    color: #bcbcbc; }
    .tech-report-pc .report-paper .report-date i {
      display: block;
      width: 20px;
      height: 20px;
      background: url(/static/img/vip/calendar.png) center center no-repeat;
      background-size: contain;
      margin-right: 5px; }
  .tech-report-pc .report-paper .report-title {
    width: 430px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    margin: auto;
    background: #efe4d8;
    border-radius: 0 0 5px 5px;
    text-align: center;
    font-weight: 600;
    color: #333; }
  .tech-report-pc .report-paper .report-names {
    margin: 40px auto;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
    color: #999;
    font-size: 16px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .tech-report-pc .report-paper .ablity .ab-overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 1060px;
    margin: 0 auto;
    padding-bottom: 50px; }
  .tech-report-pc .report-paper .ablity .ablity-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin: 50px 0; }
    .tech-report-pc .report-paper .ablity .ablity-title .ab-title {
      font-size: 24px; }
    .tech-report-pc .report-paper .ablity .ablity-title .buy-btn {
      display: block;
      font-size: 18px;
      color: #2581ff;
      border: 1px solid #2581ff;
      width: 75px;
      margin-left: 20px;
      height: 25px;
      text-align: center;
      border-radius: 5px;
      cursor: pointer;
      transition: all .5s; }
      .tech-report-pc .report-paper .ablity .ablity-title .buy-btn:hover {
        background: #2581ff;
        color: #fff; }

.tech-report-pc .no-msg {
  margin: 50px auto;
  text-align: center; }

.tech-report-pc .ps {
  width: 1060px;
  margin: auto; }

.tech-report-pc .skele {
  margin: 10px auto;
  text-align: center; }

.tech-report-pc .foot-banner {
  width: 100%;
  margin-top: 50px;
  height: 198px;
  position: relative;
  background: url(/static/img/vip/foot-banner.png) top center no-repeat;
  background-size: cover; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.search-panel {
  width: 440px;
  text-align: left;
  font-size: 14px; }
  .search-panel .search-panel__icon {
    display: inline-block;
    width: 20px;
    height: 20px; }
    .search-panel .search-panel__icon.icon-history {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0LjAgMTQuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA5MC4wIC00NzIuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNjYuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAgNzYuMCkiPjxnIG9wYWNpdHk9IjUwLjA3MjA3OTYlIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAgMi4wKSI+PHBhdGggZD0iTTAsMCBMMCwyIEwyLDIiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L2c+PHBhdGggZD0iTTAsNiBDMCw5LjMxMzcxIDIuNjg2MjksMTIgNiwxMiBMNiwxMiBDOS4zMTM3MSwxMiAxMiw5LjMxMzcxIDEyLDYgQzEyLDIuNjg2MjkgOS4zMTM3MSwwIDYsMCBDMy43Nzk0LDAgMS44NDA1MywxLjIwNjMzMyAwLjgwMzAzMSwyLjk5OTQzIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wIDMuMCkiPjxwYXRoIGQ9Ik0wLjAwMDM1Mzc5ODYxOCwwIEwwLDIuOTMwNjYyNTMgTDIuNSw1IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center no-repeat;
      vertical-align: text-top; }
    .search-panel .search-panel__icon.icon-star {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE1LjAgMTQuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA5MC4wIC01NjAuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNjYuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAgMTY0LjApIj48cG9seWdvbiBwb2ludHM9IjYuNDk5NTQ1LDAgNC41MTI4MiwzLjk0MDI5NDc0IDAsNC41NzYxMzY4NCAzLjI2OTE0MjUsNy42ODE2MTA1MyAyLjQ4NzY4LDEyIDYuNDk5NTQ1LDkuOTIxODUyNjMgMTAuNTEyMjU1LDEyIDkuNzM2NTQ1LDcuNjgxNjEwNTMgMTMsNC41NzYxMzY4NCA4LjUxMjE3MjUsMy45NDAyOTQ3NCA2LjQ5OTU0NSwwIDYuNDk5NTQ1LDAiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSI1MC4zMTM4OTUxJSI+PC9wb2x5Z29uPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
      vertical-align: bottom; }
  .search-panel__top {
    height: 50px; }
    .search-panel__top .ant-select-dropdown {
      margin-top: -2px;
      color: #4B5B76; }
  .search-panel__bottom {
    padding: 18px 24px; }
  .search-panel__hide {
    display: none; }
  .search-panel__item {
    margin-bottom: 24px; }
    .search-panel__item:last-child {
      margin-bottom: 0; }
    .search-panel__item_title {
      color: #4b5b76;
      margin-bottom: 10px; }
    .search-panel__item_con {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .search-panel__item_con > div {
        margin: 0 13px 7px 0;
        padding: 2px 4px 0;
        height: 19px;
        background-color: rgba(25, 117, 255, 0.1);
        box-shadow: 0px 0px 3px rgba(237, 245, 255, 0);
        border-radius: 2px;
        font-size: 12px;
        color: #888888;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        cursor: pointer;
        transition: al 0.5s; }
        .search-panel__item_con > div:hover {
          background-color: rgba(25, 117, 255, 0.2);
          box-shadow: 0px 0px 3px rgba(25, 117, 255, 0.2); }
  .search-panel .ant-select-auto-complete {
    width: 100%;
    height: 48px;
    background: linear-gradient(180deg, #E6EBF6 0%, #F2F7FF 100%);
    box-shadow: 0px 1px 0px 0px rgba(43, 82, 143, 0.16);
    border-radius: 4px 4px 0px 0px; }
    .search-panel .ant-select-auto-complete .ant-input-group-addon {
      padding-right: 0; }
      .search-panel .ant-select-auto-complete .ant-input-group-addon .icon-search {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE1LjAgMTYuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA4My4wIC00MTQuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwODQuMCA0MTUuMCkiPjxnIG9wYWNpdHk9Ijc3LjI0MTQ0MzUlIj48cGF0aCBkPSJNNiwxMiBDOS4zMTM3MDg1LDEyIDEyLDkuMzEzNzA4NSAxMiw2IEMxMiwyLjY4NjI5MTUgOS4zMTM3MDg1LDAgNiwwIEMyLjY4NjI5MTUsMCAwLDIuNjg2MjkxNSAwLDYgQzAsOS4zMTM3MDg1IDIuNjg2MjkxNSwxMiA2LDEyIFoiIHN0cm9rZT0iIzRCNUI3NiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wIDEyLjApIj48cGF0aCBkPSJNMCwwIEwyLDIiIHN0cm9rZT0iIzRCNUI3NiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI+PC9wYXRoPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center no-repeat;
        vertical-align: middle; }
    .search-panel .ant-select-auto-complete .ant-input-clear-icon .icon-close {
      vertical-align: middle;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2LjAgMTYuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iaTEiPjxwYXRoIGQ9Ik0xMCwwIEw5Ljk5OSw4IEwxOCw4IEwxOCwxMCBMOS45OTksMTAgTDEwLDE4IEw4LDE4IEw3Ljk5OSwxMCBMMCwxMCBMMCw4IEw3Ljk5OSw4IEw4LDAgTDEwLDAgWiI+PC9wYXRoPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDY3LjAgLTQxNy4wKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2kwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2Ni4wIDM5Ny4wKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDA5LjAgMTUuMjcyMDc3OTM4NjQyMTQzKSByb3RhdGUoNDUuMDAwMDAwMDAwMDAwMDEpIj48ZyBjbGlwLXBhdGg9InVybCgjaTEpIj48cG9seWdvbiBwb2ludHM9IjAsMCAxOCwwIDE4LDE4IDAsMTggMCwwIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNCRkM3RDUiPjwvcG9seWdvbj48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; }
    .search-panel .ant-select-auto-complete .ant-input::-webkit-search-cancel-button {
      display: none; }
    .search-panel .ant-select-auto-complete .ant-input,
    .search-panel .ant-select-auto-complete .ant-input:focus,
    .search-panel .ant-select-auto-complete .ant-input-affix-wrapper {
      line-height: 40px;
      border: none;
      background-color: transparent;
      box-shadow: none; }
    .search-panel .ant-select-auto-complete .ant-input-group-addon {
      background-color: transparent;
      border: none; }

.small_window {
  width: 500px;
  height: 281px;
  overflow: hidden;
  position: fixed;
  z-index: 1001;
  top: 450px;
  right: 80px;
  background: transparent;
  animation: appear 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 18px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-10-24/2e06b812-9e3e-4da4-a65f-03cbfa27b172/1761235407267/v_20251023232455_360_1354.jpg") center center/cover no-repeat, rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); }
  .small_window .click_mask {
    width: 100%;
    height: 100%;
    visibility: none;
    position: absolute;
    top: 0;
    left: 0; }
  .small_window .no_live {
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff; }
  .small_window .close_icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1002;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: rgba(0, 0, 0, 0.1); }
    .small_window .close_icon:hover {
      background: rgba(0, 0, 0, 0.4); }
    .small_window .close_icon > img {
      width: 12px;
      height: 12px; }
  .small_window > iframe {
    width: 100%;
    height: 100%;
    border: none;
    -ms-transform: scale(1.005, 1);
        transform: scale(1.005, 1); }

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.live_window_modal {
  top: 50%;
  right: 50%;
  -ms-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
  width: 900px;
  height: 506px;
  border-radius: 24px; }
  .live_window_modal .click_mask {
    display: none; }

.live_entrance {
  position: relative;
  width: 70px;
  cursor: pointer;
  z-index: 99;
  left: -12px; }

.block_cpn {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
  box-shadow: none; }
  .block_cpn .no_live {
    background: none;
    margin-top: -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .block_cpn .no_live > img {
      width: 180px;
      height: auto; }
    .block_cpn .no_live > div {
      padding: 4px 8px;
      border-radius: 4px;
      color: #252525;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 10px auto 0; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.affix {
  width: 47px;
  position: fixed;
  z-index: 8;
  top: 450px;
  right: 12px; }
  @media screen and (max-height: 768px) {
    .affix {
      top: 250px; }
      .affix .small_window {
        top: 250px; } }
  .affix_fixed {
    top: 31%; }
    .affix_fixed .small_window {
      top: calc(31%); }
    .affix_fixed_mobile {
      top: 50%;
      -ms-transform: scale(0.9);
          transform: scale(0.9); }
  .affix .assix-advice {
    position: relative;
    bottom: 10px;
    right: 5px;
    width: 60px;
    height: 60px;
    cursor: pointer; }
    .affix .assix-advice-img {
      width: 100%;
      height: 100%; }
  .affix-content {
    width: 50px;
    text-align: center;
    font-size: 14px; }
    .affix-content__top {
      width: 100%;
      padding: 8px 0;
      border-radius: 4px 4px 0px 0px;
      background: linear-gradient(180deg, #4c8df7 0%, #62b3ff 100%);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
      color: #fff;
      cursor: pointer;
      text-align: center; }
      .affix-content__top .text {
        display: block;
        margin-top: -4px; }
      .affix-content__top .icon-search {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE4LjAgMTkuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUyNC4wIC00MDQuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1MDkuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAgOC4wKSI+PGcgb3BhY2l0eT0iNzcuMjQxNDQzNSUiPjxwYXRoIGQ9Ik03LjUsMTUgQzExLjY0MjEzNTYsMTUgMTUsMTEuNjQyMTM1NiAxNSw3LjUgQzE1LDMuMzU3ODY0MzggMTEuNjQyMTM1NiwwIDcuNSwwIEMzLjM1Nzg2NDM4LDAgMCwzLjM1Nzg2NDM4IDAsNy41IEMwLDExLjY0MjEzNTYgMy4zNTc4NjQzOCwxNSA3LjUsMTUgWiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAgMTQuMCkiPjxwYXRoIGQ9Ik0wLDAgTDMsMyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center bottom no-repeat; }
    .affix-content__bottom .text {
      color: #4b5b76;
      letter-spacing: 2px;
      line-height: 20px; }
    .affix-content__bottom .border {
      width: 20px;
      height: 0;
      border-bottom: 1px solid #dcdcdc;
      margin: 14px auto; }
    .affix-content__bottom .top-boder {
      font-size: 20px;
      color: #4b5b76;
      position: relative;
      cursor: pointer; }
      .affix-content__bottom .top-boder::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 16px;
        height: 0;
        border-bottom: 2px solid #4b5b76;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
      .affix-content__bottom .top-boder:hover {
        color: #1975ff; }
        .affix-content__bottom .top-boder:hover::before {
          border-color: #1975ff; }
    .affix-content__bottom .assix-suggest {
      background: linear-gradient(180deg, #3370f5, #38a5fd 99%);
      margin-bottom: 12px; }
      .affix-content__bottom .assix-suggest > img {
        width: 30px;
        height: 31px; }
      .affix-content__bottom .assix-suggest .text {
        color: #ffffff; }
    .affix-content__bottom .affix-applet {
      background: #ffffff;
      box-shadow: 0px 2px 10px 0px rgba(33, 59, 102, 0.08); }
      .affix-content__bottom .affix-applet > img {
        width: 18px;
        height: 18px; }
      .affix-content__bottom .affix-applet .text {
        color: #181818; }
    .affix-content__bottom .assix-live {
      width: 70px;
      height: 137px;
      background: url(/static/img/live_img.svg) no-repeat;
      margin-left: -7px;
      cursor: pointer; }
    .affix-content__bottom .assix-suggest,
    .affix-content__bottom .affix-applet,
    .affix-content__bottom .affix-search {
      cursor: pointer;
      font-size: 14px;
      width: 46px;
      height: 130px;
      border-radius: 23px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .affix-content__bottom .assix-suggest > img,
      .affix-content__bottom .affix-applet > img,
      .affix-content__bottom .affix-search > img {
        margin-bottom: 5px; }
      .affix-content__bottom .assix-suggest .text,
      .affix-content__bottom .affix-applet .text,
      .affix-content__bottom .affix-search .text {
        width: 14px;
        line-height: 18px;
        font-weight: 500; }
      .affix-content__bottom .assix-suggest:hover,
      .affix-content__bottom .affix-applet:hover,
      .affix-content__bottom .affix-search:hover {
        opacity: 0.8; }
  .affix-panel {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 0;
    height: auto;
    opacity: 0;
    transition: opacity 0.1s, width 0.1s;
    background-color: transparent;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(195, 195, 195, 0.24); }
    .affix-panel_top {
      top: -10px; }
    .affix-panel_top_other {
      top: 60px; }
    .affix-panel__active {
      width: 213px;
      opacity: 1; }
      .affix-panel__active.affix-panel__search {
        width: 440px; }
    .affix-panel__active_custom {
      width: 160px; }
      .affix-panel__active_custom .affix-panel-content__suggest {
        padding-left: 12px; }
    .affix-panel-content__suggest {
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      padding: 24px 0 29px 26px;
      background-color: #fff;
      display: none; }
      .affix-panel-content__suggest__show {
        display: block; }
      .affix-panel-content__suggest .panel-item {
        margin-bottom: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .affix-panel-content__suggest .panel-item .img-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 28px;
          height: 28px;
          margin-right: 17px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .affix-panel-content__suggest .panel-item .img-wrap > img {
            max-width: 100%;
            max-height: 100%; }
        .affix-panel-content__suggest .panel-item .text {
          font-weight: 600;
          color: #181818;
          cursor: pointer; }
          .affix-panel-content__suggest .panel-item .text:hover {
            color: #1975ff; }
        .affix-panel-content__suggest .panel-item-consult {
          -ms-flex-align: center;
              align-items: center; }
        .affix-panel-content__suggest .panel-item-call__right {
          text-align: left; }
          .affix-panel-content__suggest .panel-item-call__right .call-text {
            font-size: 14px;
            font-weight: 550;
            color: #181818; }
          .affix-panel-content__suggest .panel-item-call__right .call-number {
            font-size: 18px;
            color: #1975ff;
            font-weight: 600; }
          .affix-panel-content__suggest .panel-item-call__right .qrcode {
            width: 66px;
            margin-top: 6px; }
        .affix-panel-content__suggest .panel-item:last-child {
          margin-bottom: 0; }
    .affix-panel-content__search {
      border-radius: 10px;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      background-color: #fff;
      text-align: center;
      overflow: hidden;
      display: none;
      color: #4b5b76; }
      .affix-panel-content__search__show {
        display: block; }
    .affix-panel-content__applet {
      border-radius: 10px;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      padding: 18px 0;
      background-color: #fff;
      text-align: center;
      overflow: hidden;
      display: none;
      color: #4b5b76; }
      .affix-panel-content__applet__show {
        display: block; }
      .affix-panel-content__applet .title {
        font-size: 16px;
        font-weight: 600; }
      .affix-panel-content__applet .desc {
        font-size: 12px; }
      .affix-panel-content__applet > img {
        width: 140px;
        margin: 4px 0 2px; }
  .affix .affix-applet-live {
    position: relative;
    width: 72px;
    height: auto;
    margin-top: 14px;
    justify-self: center;
    cursor: pointer; }
    .affix .affix-applet-live > img {
      width: 100%;
      height: auto; }
  .affix .feedback-modal {
    position: absolute;
    right: 60px;
    top: -190px;
    background-color: #fff;
    box-shadow: 0px 7px 13px 0px rgba(53, 53, 69, 0.08);
    border-radius: 5px;
    z-index: 2;
    cursor: default;
    color: #38485c;
    text-align: center;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease; }
    .affix .feedback-modal.feedMdoal-show {
      width: 461px;
      height: 555px;
      opacity: 1; }
    .affix .feedback-modal .modal-top {
      font-size: 34px;
      color: #c8cacd;
      width: 100%;
      height: 33px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-weight: lighter;
      cursor: pointer;
      box-sizing: border-box;
      padding: 0 20px; }
      .affix .feedback-modal .modal-top > span {
        display: inline-block;
        height: 100%;
        width: 30px;
        line-height: 40px; }
      .affix .feedback-modal .modal-top > p {
        width: 132px;
        height: 20px;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 1px;
        color: #38485c; }
    .affix .feedback-modal .modal-title {
      font-size: 20px;
      letter-spacing: 1px;
      color: #38485c;
      margin-bottom: 32px; }
    .affix .feedback-modal .modal-mention {
      font-size: 14px;
      color: #38485c;
      width: 400px;
      margin: 0 auto 30px;
      text-align: justify; }
      .affix .feedback-modal .modal-mention span {
        color: #2277e6;
        cursor: pointer;
        text-decoration: underline; }
    .affix .feedback-modal .modal-content {
      box-sizing: border-box;
      padding: 0 30px;
      margin-bottom: 30px; }
      .affix .feedback-modal .modal-content .modal-ipt-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: start;
            align-items: flex-start;
        height: auto;
        margin-bottom: 20px;
        position: relative; }
        .affix .feedback-modal .modal-content .modal-ipt-item:nth-last-child(1) {
          margin-bottom: 0;
          height: 128px; }
        .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left {
          width: 81px;
          text-align: left;
          font-size: 15px;
          line-height: 34px; }
          .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left .star {
            color: #ff6d68; }
        .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right {
          -ms-flex: 1;
              flex: 1;
          height: 100%; }
          .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt {
            width: 100%;
            height: 40px;
            border: 1px solid #d9d9d9;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            padding: 0 4px;
            box-sizing: border-box; }
            .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt:focus {
              border-color: #40a9ff;
              border-right-width: 1px !important;
              outline: 0;
              box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }
            .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt.textarea {
              resize: none;
              padding: 10px 14px;
              height: 126px; }
          .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone {
            display: -ms-flexbox;
            display: flex; }
            .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .ipt {
              border-top-left-radius: 0px;
              border-bottom-left-radius: 0px;
              border-left: none; }
            .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select {
              width: 150px !important; }
              .affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select.ipt {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-left: 1px solid #d9d9d9;
                color: #999; }
        .affix .feedback-modal .modal-content .modal-ipt-item .err-tip {
          position: absolute;
          bottom: -18px;
          left: 81px;
          color: #f5222d;
          font-size: 13px; }
    .affix .feedback-modal .gaia-btn:disabled {
      background-color: #f5f5f5;
      border-color: #d9d9d9;
      color: rgba(0, 0, 0, 0.25); }
    .affix .feedback-modal .modal-success-tip {
      color: #3d4665;
      letter-spacing: 1px;
      padding: 48px;
      text-align: left;
      text-indent: 2em;
      line-height: 28px; }

.promote_api_modal {
  top: 16%; }
  .promote_api_modal .promote_title {
    color: #43436b;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    font-weight: 600; }
  .promote_api_modal .promote_desc {
    color: #9295bf;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    width: 100%;
    line-height: 28px; }
  .promote_api_modal .promote_weight {
    font-size: 26px;
    color: #ffa270;
    font-weight: 600; }
  .promote_api_modal .promote_button {
    width: 100%;
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 12px; }
  .promote_api_modal .promote_bold {
    font-weight: bold; }
  .promote_api_modal .ant-modal-content {
    background: url("https://xfyun-doc.xfyun.cn/static%2F16957794610917788%2FfreeTokensBg.png") no-repeat;
    background-size: cover;
    height: 235px;
    width: 470px;
    padding-top: 16px; }
  .promote_api_modal .ant-modal-title {
    text-align: center; }
  .promote_api_modal .ant-modal-footer {
    display: none; }

@media only screen and (max-width: 576px) {
  .affix {
    display: block; } }

.hide_affix {
  display: none; }

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    -ms-transform: translateX(0);
        transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    -ms-transform: translateX(0);
        transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-transform-origin: left;
      transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  -ms-transform-origin: right;
      transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.integral-page {
  color: #2d2d2d;
  overflow-x: hidden; }
  .integral-page p {
    margin: 0; }
  .integral-page .il-wrapper {
    background-color: #fff; }
    .integral-page .il-wrapper .il-banner {
      width: 100%;
      height: 376px;
      box-sizing: border-box;
      background: #4f39e8 url(/static/img/activities/recommend/ir_banner.png) center center no-repeat; }
      .integral-page .il-wrapper .il-banner .banner-info {
        width: 1200px;
        height: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        padding-top: 130px;
        color: #fff;
        letter-spacing: 1px; }
      .integral-page .il-wrapper .il-banner .banner-title {
        font-size: 48px;
        letter-spacing: 6px; }
      .integral-page .il-wrapper .il-banner .banner-desc {
        line-height: 2;
        font-size: 20px;
        letter-spacing: 3px; }
      .integral-page .il-wrapper .il-banner .tab-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        width: 1200px;
        height: 52px;
        box-sizing: border-box;
        margin: 0 auto;
        position: relative;
        top: -52px;
        left: 0; }
        .integral-page .il-wrapper .il-banner .tab-head .tab-nav {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
          .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item {
            width: 158px;
            height: 52px;
            box-sizing: border-box;
            line-height: 52px;
            text-align: center;
            margin-right: 10px;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.1);
            cursor: pointer;
            position: relative;
            -webkit-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            transition: all .3s linear; }
            .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item::before {
              content: "";
              width: 0px;
              border-bottom: 4px solid #f8836d;
              position: absolute;
              bottom: 4px;
              left: 50%;
              transform: translate3d(-50%, 0, 0);
              transition: width .3s linear; }
            .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item:hover, .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item.active {
              background-color: #fff;
              color: #000; }
              .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item:hover::before, .integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item.active::before {
                width: 40px; }
        .integral-page .il-wrapper .il-banner .tab-head .score-wrap {
          color: #fff;
          display: inline-block; }
        .integral-page .il-wrapper .il-banner .tab-head .score-num {
          font-size: 20px;
          margin-right: 24px; }
        .integral-page .il-wrapper .il-banner .tab-head .tab-btn {
          display: inline-block;
          width: 115px;
          height: 34px;
          line-height: 34px;
          text-align: center;
          cursor: pointer;
          background-image: linear-gradient(#fff, #fff);
          color: #ff8c57;
          border-radius: 17px; }
          .integral-page .il-wrapper .il-banner .tab-head .tab-btn:hover {
            box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
    .integral-page .il-wrapper .tab-content {
      width: 1200px;
      margin: 0 auto;
      padding: 50px 0; }
      .integral-page .il-wrapper .tab-content .section-title {
        padding-bottom: 50px; }
        .integral-page .il-wrapper .tab-content .section-title .cn-title {
          letter-spacing: 2px;
          font-size: 30px; }
        .integral-page .il-wrapper .tab-content .section-title .en-title {
          letter-spacing: 1px;
          font-size: 33px;
          color: #e1e1e1;
          opacity: .81; }

.rmr-page {
  color: #2d2d2d;
  overflow-x: hidden; }
  .rmr-page p {
    margin: 0; }
  .rmr-page .rmr-wrapper {
    background-color: #fff; }
    .rmr-page .rmr-wrapper .rmr-banner {
      width: 100%;
      height: 494px;
      box-sizing: border-box;
      position: relative;
      background: url(/static/img/activities/recommend/rmr-banner.png) center center no-repeat;
      margin-bottom: 160px; }
      .rmr-page .rmr-wrapper .rmr-banner .rmr-info {
        width: 1200px;
        height: 124px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        background-color: #fff;
        position: absolute;
        bottom: -62px;
        left: 50%;
        margin-left: -600px;
        box-shadow: 0px 2px 17px 1px rgba(196, 179, 171, 0.12); }
        .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item {
          width: 52%;
          height: 100%;
          box-sizing: border-box;
          padding: 0 20px;
          color: #2d2d2d; }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item:nth-child(1) {
            width: 45%; }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-title {
            font-size: 20px;
            color: #999;
            padding: 20px 0 10px; }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-detail {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: justify;
                justify-content: space-between;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
            .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-detail .rmr-info-num {
              color: #e75e4d;
              font-size: 30px;
              vertical-align: sub;
              padding-left: 6px; }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-btn {
            width: 115px;
            height: 36px;
            box-sizing: border-box;
            line-height: 36px;
            color: #fff;
            cursor: pointer;
            text-align: center;
            background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%), linear-gradient(#f37a6b, #f37a6b);
            border-radius: 3px; }
            .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-btn:hover {
              box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container {
            height: 45px;
            line-height: 45px; }
            .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: row;
                  flex-direction: row;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: start;
                  justify-content: flex-start;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide .ir-item {
                text-align: center;
                font-size: 13px;
                padding-right: 20px; }
                .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide .ir-item .ir-num {
                  color: #f37a6b;
                  padding: 0 4px; }
          .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .empty {
            text-align: center;
            color: #999; }
        .rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-line {
          width: 1px;
          height: 90px;
          box-sizing: border-box;
          background-image: linear-gradient(to bottom, #fcddd9, #f37a6b, #fcddd9);
          opacity: 0.61;
          border-radius: 2px;
          box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
    .rmr-page .rmr-wrapper .rmr-section {
      width: 1200px;
      margin: 0 auto 100px;
      position: relative; }
      .rmr-page .rmr-wrapper .rmr-section .rmr-title {
        text-align: center;
        padding-bottom: 70px; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-title-en {
          color: #e2e2e2;
          font-size: 34px; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          width: 220px;
          letter-spacing: 1px;
          margin: 0 auto;
          font-size: 28px; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon {
            position: relative; }
            .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::before, .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::after {
              position: absolute;
              display: inline-block;
              content: "";
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
              border-radius: 3px;
              background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%), linear-gradient(#ff863f, #ff863f); }
            .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::before {
              width: 16px;
              height: 16px;
              box-sizing: border-box;
              left: 0;
              top: -6px;
              z-index: 2;
              opacity: .6; }
            .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::after {
              width: 24px;
              height: 24px;
              box-sizing: border-box;
              top: -10px;
              left: -20px;
              opacity: 0.18; }
            .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon.right::before {
              left: -16px; }
            .rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon.right::after {
              left: -4px; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-title-desc {
          font-size: 14px;
          color: #999;
          padding-top: 10px; }
      .rmr-page .rmr-wrapper .rmr-section .rmr-tip {
        text-align: center;
        color: #999999; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-tip a {
          text-decoration: none;
          color: #f89a76;
          padding-left: 4px; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-tip a .arrow {
            width: 20px;
            height: 7px;
            box-sizing: border-box;
            display: inline-block;
            margin-left: 2px;
            background: url(/static/img/activities/recommend/arrow.png) center center no-repeat;
            transition: all .3s ease-in; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-tip a:hover i {
            -ms-transform: translateX(4px);
                transform: translateX(4px); }
      .rmr-page .rmr-wrapper .rmr-section .link-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .rmr-page .rmr-wrapper .rmr-section .link-list .link-item {
          width: 20%;
          height: 38px;
          box-sizing: border-box;
          padding: 0 10px;
          text-align: center;
          line-height: 26px;
          margin-bottom: 18px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          cursor: pointer;
          position: relative; }
          .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:before {
            display: inline-block;
            content: "";
            width: 0px;
            height: 26px;
            border-right: 1px solid #c7c7c7;
            position: absolute;
            right: 0;
            bottom: 10px; }
          .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:after {
            content: "";
            width: 60px;
            height: 2px;
            background-color: #ff916f;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -30px;
            display: none; }
          .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:hover, .rmr-page .rmr-wrapper .rmr-section .link-list .link-item.active {
            color: #ff8c57; }
            .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:hover:after, .rmr-page .rmr-wrapper .rmr-section .link-list .link-item.active:after {
              display: inline-block; }
          .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:nth-child(5n + 5):before, .rmr-page .rmr-wrapper .rmr-section .link-list .link-item:last-child:before {
            display: none; }
      .rmr-page .rmr-wrapper .rmr-section .link-content {
        width: 100%;
        height: 182px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        background-color: #fff8f7;
        padding: 30px 60px; }
        .rmr-page .rmr-wrapper .rmr-section .link-content .lt-left .lt-title {
          font-size: 24px;
          padding-bottom: 10px;
          white-space: pre-line; }
        .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: end;
              justify-content: flex-end;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
          .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
            .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-num {
              color: #f37a6b;
              opacity: .3;
              font-size: 50px;
              padding-right: 30px; }
            .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-method {
              padding-bottom: 10px; }
            .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn {
              width: 114px;
              height: 36px;
              box-sizing: border-box;
              text-align: center;
              line-height: 36px;
              border-radius: 3px;
              border: solid 1px #f37a6b;
              color: #f37a6b;
              cursor: pointer;
              font-size: 14px; }
              .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn .cy-icon {
                width: 17px;
                height: 20px;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: text-top;
                background: url(/static/img/activities/recommend/cy-icon.png) center center no-repeat; }
              .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn:hover {
                background-color: #feebe9; }
            .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-scan {
              color: #f37a6b; }
              .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-scan .arrow-icon {
                width: 20px;
                height: 7px;
                box-sizing: border-box;
                display: inline-block;
                margin-left: 2px;
                background: url(/static/img/activities/recommend/arrow.png) center center no-repeat; }
            .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-qrcode {
              width: 114px;
              height: 114px;
              box-sizing: border-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: row;
                  flex-direction: row;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
              margin-left: 20px;
              background-color: #ffffff;
              box-shadow: 0px 6px 9px 0px rgba(196, 179, 171, 0.26);
              border-radius: 3px;
              border: solid 1px #f37a6b; }
          .rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-line {
            width: 1px;
            height: 110px;
            box-sizing: border-box;
            border-right: 1px solid #fac2a8;
            margin: 0 50px;
            -ms-transform: skewX(-18deg);
                transform: skewX(-18deg); }
      .rmr-page .rmr-wrapper .rmr-section .user-task {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 60px; }
        .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item {
          width: 25%;
          height: 210px;
          box-sizing: border-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          padding: 20px 0;
          border-right: solid 1px #e8e8e8; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item:nth-child(n + 5) {
            border-top: solid 1px #e8e8e8;
            -ms-flex-pack: end;
                justify-content: flex-end; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item:nth-child(4n + 4) {
            border-right: none; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .icon-wrap {
            width: 100%;
            height: 70px;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
            .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .icon-wrap .uk-icon {
              margin-left: 10px; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-title {
            font-size: 18px;
            padding: 20px 0 10px; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-num {
            color: #e75e4d;
            font-size: 24px; }
          .rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-unit {
            padding-left: 6px;
            font-size: 14px; }
      .rmr-page .rmr-wrapper .rmr-section .rmr-goods {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-goods .goods-item {
          width: 280px;
          box-sizing: border-box;
          margin-right: 26px;
          margin-bottom: 70px; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .goods-item:nth-child(4n + 4) {
            margin-right: 0; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          height: 240px;
          border: solid 1px #e3e3e3;
          position: relative; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap::before {
            width: 120px;
            height: 120px;
            box-sizing: border-box;
            position: absolute;
            top: -1px;
            left: -1px;
            content: "";
            border-left: 1px solid #ff8c57;
            border-top: 1px solid #ff8c57; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap::after {
            width: 120px;
            height: 120px;
            box-sizing: border-box;
            position: absolute;
            bottom: -1px;
            right: -1px;
            content: "";
            border-right: 1px solid #3ac5f8;
            border-bottom: 1px solid #3ac5f8; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap > img {
            max-width: 260px;
            max-height: 220px; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-name {
          font-size: 18px;
          color: #242424;
          padding: 20px 0 10px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: end;
              align-items: flex-end;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-num {
            font-size: 24px;
            color: #ff8c57; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-unit {
            color: #242424;
            padding: 0 6px 0 2px; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-leftnum {
            font-size: 14px;
            color: #242424; }
        .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn {
          width: 100px;
          height: 30px;
          box-sizing: border-box;
          line-height: 30px;
          background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%), linear-gradient(#f37a6b, #f37a6b);
          color: #fff;
          text-align: center;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn:hover {
            box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
          .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn.disabled {
            cursor: not-allowed;
            background-image: linear-gradient(to right, #ccc, #bbb);
            pointer-events: none; }
            .rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn.disabled:hover {
              box-shadow: none; }
      .rmr-page .rmr-wrapper .rmr-section .step-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item {
          width: 21%;
          text-align: center;
          z-index: 2; }
          .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon {
            width: 78px;
            height: 78px;
            box-sizing: border-box;
            border: 1px solid #fbc8c0;
            border-radius: 50%;
            position: relative;
            margin: 0 auto; }
            .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon .sp-txt {
              width: 110px;
              height: 34px;
              box-sizing: border-box;
              position: absolute;
              background-color: #fff;
              top: 50%;
              left: 50%;
              transform: translate3d(-50%, -50%, 0);
              line-height: 34px;
              color: #e75e4d;
              font-size: 20px; }
              .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon .sp-txt .sp-num {
                font-size: 24px;
                font-weight: 500;
                padding-left: 2px; }
          .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-title {
            color: #242424;
            font-size: 20px;
            padding: 20px 0 10px; }
            .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-title.register {
              cursor: pointer; }
          .rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-desc {
            color: #999999;
            font-size: 14px; }
        .rmr-page .rmr-wrapper .rmr-section .step-wrap .sp-line {
          width: 80%;
          height: 1px;
          box-sizing: border-box;
          position: absolute;
          top: 40px;
          left: 78px;
          background-color: #d9dada; }
      .rmr-page .rmr-wrapper .rmr-section .b_bg1 {
        width: 307px;
        height: 391px;
        box-sizing: border-box;
        position: absolute;
        top: 210px;
        left: -420px;
        background: url(/static/img/activities/recommend/b_pic1.png) center center/100% 100% no-repeat; }
      .rmr-page .rmr-wrapper .rmr-section .b_bg2 {
        width: 196px;
        height: 190px;
        box-sizing: border-box;
        position: absolute;
        top: 160px;
        right: -300px;
        background: url(/static/img/activities/recommend/b_pic2.png) center center/100% 100% no-repeat; }
      .rmr-page .rmr-wrapper .rmr-section .b_bg3 {
        width: 171px;
        height: 198px;
        box-sizing: border-box;
        position: absolute;
        bottom: -100px;
        left: -350px;
        background: url(/static/img/activities/recommend/b_pic3.png) center center/100% 100% no-repeat; }

.luck-draw {
  height: 360px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .luck-draw .rotate-wheel {
    width: 590px;
    height: 360px;
    background: #973831;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .luck-draw .rotate-wheel .wheel-block {
      width: 180px;
      height: 108px;
      margin: 0 5px;
      background: #fff;
      border-radius: 5px;
      box-sizing: border-box; }
      .luck-draw .rotate-wheel .wheel-block:nth-child(-n+3) {
        margin-top: 5px; }
      .luck-draw .rotate-wheel .wheel-block:nth-child(n+6) {
        margin-bottom: 5px; }
      .luck-draw .rotate-wheel .wheel-block.active {
        background: linear-gradient(to bottom, #ffdea4, #f08bfe); }
    .luck-draw .rotate-wheel .inner {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      text-align: center; }
      .luck-draw .rotate-wheel .inner .gift-show {
        height: 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .luck-draw .rotate-wheel .inner .gift-show img {
          margin-top: 12px; }
        .luck-draw .rotate-wheel .inner .gift-show .cash {
          width: 142px; }
      .luck-draw .rotate-wheel .inner .gift-title {
        text-align: center;
        font-size: 15px;
        color: #7c35e7;
        font-weight: 600; }
  .luck-draw .draw-start {
    width: 180px;
    height: 108px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 5px; }
    .luck-draw .draw-start .draw-cost {
      color: #fff;
      font-size: 14px;
      margin-top: 20px; }
    .luck-draw .draw-start .draw-button {
      width: 180px;
      box-sizing: border-box;
      height: 108px;
      border: 2px solid #ffc588;
      background: linear-gradient(to right, #cb955b, #e6aa6a);
      background-size: cover;
      text-align: center;
      line-height: 108px;
      font-size: 24px;
      color: #fff;
      outline: 0;
      cursor: pointer; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.act-modal h4 {
  margin: 0; }

.act-modal p {
  line-height: 25px;
  margin: 0; }

.act-modal .modal-footer-activity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px;
    margin-right: 10px; }
  .act-modal .modal-footer-activity .normal {
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #c25b4d;
    border-radius: 6px;
    cursor: pointer; }

.draw-area {
  background: #c04b45;
  height: 400px;
  width: 100%;
  border-radius: 10px;
  margin: 40px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .draw-area .draw-box {
    width: 585px;
    height: 360px;
    background: #973831;
    border-radius: 10px; }
  .draw-area .activity-rules {
    color: #fff;
    width: 520px; }
    .draw-area .activity-rules .rules-tt {
      font-weight: 600;
      color: #ffe7cc;
      line-height: 25px; }
    .draw-area .activity-rules p {
      line-height: 25px; }
      .draw-area .activity-rules p span {
        text-decoration: underline;
        cursor: pointer; }
      .draw-area .activity-rules p .not-span {
        cursor: default;
        text-decoration: none; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.act-modal h4 {
  margin: 0; }

.act-modal p {
  line-height: 25px;
  margin: 0; }
  .act-modal p span {
    text-decoration: underline;
    cursor: pointer; }

.act-modal .modal-footer-activity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px; }

.act-modal .special-color {
  color: #84a9ff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.modal-1215 {
  position: fixed;
  width: 568px;
  height: 380px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1100; }
  .modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333; }
  .modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto; }
    .modal-1215 .form-content .form-row .form-label {
      float: left;
      width: 88px;
      line-height: 43px;
      font-size: 16px;
      text-align: right;
      color: #333333; }
    .modal-1215 .form-content .form-row .form-input {
      margin-left: 18px;
      float: left;
      width: 356px;
      height: 41px;
      line-height: 41px; }
      .modal-1215 .form-content .form-row .form-input input {
        border: solid 1px #cccbcd;
        height: 41px;
        width: 356px;
        text-indent: 8px;
        outline: none; }
        .modal-1215 .form-content .form-row .form-input input:focus {
          border: solid 1px #fd5b6c; }
  .modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer; }
  .modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center; }

.apply-btn {
  margin: 0 auto;
  width: 154px;
  height: 44px;
  background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%), linear-gradient(#36acfa, #36acfa);
  background-blend-mode: normal,  normal;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  border-radius: 3px; }
  .apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%); }

.apply-result {
  position: fixed;
  width: 568px;
  height: 238px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1111; }
  .apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .apply-result .ar-info.ar-success .ar-content {
      -ms-flex-pack: center;
          justify-content: center; }
    .apply-result .ar-info.ar-success .ar-icon {
      background-image: url(/static/img/activities/icon-success.png); }
    .apply-result .ar-info .ar-icon {
      height: 50px;
      width: 50px;
      background: url(/static/img/activities/icon-error.png) center no-repeat; }
    .apply-result .ar-info .ar-content {
      margin-left: 19px;
      height: 50px;
      line-height: 25px;
      font-size: 22px;
      color: #333333;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column; }
      .apply-result .ar-info .ar-content .ar-detail {
        font-size: 14px;
        line-height: 25px;
        color: #df575b; }

.modal-layer {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 576px) {
  .modal-1215 {
    zoom: .5; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.act-modal h4 {
  margin: 0; }

.act-modal p {
  line-height: 25px;
  margin: 0; }

.act-modal .modal-footer-activity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px;
    margin-right: 10px; }
  .act-modal .modal-footer-activity .normal {
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #c25b4d;
    border-radius: 6px;
    cursor: pointer; }

.order-title {
  position: relative;
  width: 1200px;
  margin: 0 auto; }
  .order-title .title {
    top: 60px;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 31px;
    position: absolute;
    width: 100%;
    height: 43px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/static/img/activities/discount-regular/title.png); }
    .order-title .title.overseas {
      background-image: url(/static/img/activities/overseas/title.png); }
  .order-title .desc-desc {
    height: 30px;
    width: 100%;
    position: absolute;
    top: 120px;
    text-align: center;
    letter-spacing: 2px; }
    .order-title .desc-desc .title-desc {
      top: 80px;
      left: 50%; }
    .order-title .desc-desc .rule-btn {
      padding: 0px;
      margin-left: 15px;
      color: #84a9ff;
      border-bottom: #84a9ff solid 1px;
      font-size: 14px;
      text-decoration: none;
      cursor: pointer;
      position: relative;
      z-index: 2; }

.first-order {
  position: relative; }

.package-block {
  padding-top: 140px;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  height: 1050px;
  width: 1200px;
  margin: 0 auto; }
  .package-block .package-package {
    width: 1200px;
    height: 1000px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto; }
    .package-block .package-package .package-wrapper {
      position: relative;
      margin: 15px 0px;
      width: 584px;
      height: 230px;
      text-align: left;
      background-image: url(/static/img/activities/discount-regular/fristOrder.png); }
      .package-block .package-package .package-wrapper .package-text {
        width: 370px;
        padding-top: 30px;
        padding-left: 33px; }
        .package-block .package-package .package-wrapper .package-text .package-title {
          font-weight: bold;
          font-size: 18px;
          letter-spacing: 1px;
          cursor: pointer; }
        .package-block .package-package .package-wrapper .package-text .package-desc {
          font-size: 14px;
          color: dimgray;
          letter-spacing: 1px; }
      .package-block .package-package .package-wrapper .package-display {
        position: absolute;
        padding-left: 30px;
        top: 90px;
        width: 370px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 15px; }
        .package-block .package-package .package-wrapper .package-display .obj-wrapper {
          width: 170px;
          height: 40px;
          border: solid 1px #f9dbad;
          border-radius: 5px;
          margin-right: 10px;
          margin-bottom: 7px;
          line-height: 40px;
          position: relative; }
          .package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-symbol {
            color: #ecb67a;
            font-size: 20px;
            position: absolute;
            left: 7px; }
          .package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-price {
            position: absolute;
            left: 26px;
            color: #ecb67a;
            font-size: 20px; }
          .package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-level {
            position: absolute;
            right: 10px;
            font-size: 12px;
            color: dimgray; }
      .package-block .package-package .package-wrapper .sum-block {
        position: absolute;
        margin-left: 450px;
        top: 60px; }
        .package-block .package-package .package-wrapper .sum-block .sum-num {
          color: #dfdfff;
          font-size: 16px;
          letter-spacing: 1px; }
        .package-block .package-package .package-wrapper .sum-block .sum-price {
          margin-top: 10px; }
          .package-block .package-package .package-wrapper .sum-block .sum-price .price-symbol {
            color: #ecb67a;
            font-size: 18px; }
          .package-block .package-package .package-wrapper .sum-block .sum-price .price {
            color: #ecb67a;
            font-size: 30px;
            letter-spacing: 1px;
            font-weight: bold; }
        .package-block .package-package .package-wrapper .sum-block .sum-btn {
          font-size: 16px;
          cursor: pointer;
          background-color: #f8a950;
          width: 115px;
          height: 38px;
          border-radius: 5px;
          text-align: center;
          line-height: 36px;
          margin-top: 23px;
          color: #fef4e8;
          letter-spacing: 2px; }
        .package-block .package-package .package-wrapper .sum-block .sum-btn:hover {
          background-color: #ff885e; }

.first-topup {
  position: relative; }

.topup-module {
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  position: relative;
  margin-top: 160px;
  margin-bottom: 20px;
  width: 100%;
  height: 359px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/img/activities/discount-regular/fristTopup2.png); }
  .topup-module .desc {
    position: relative;
    height: 350px;
    width: 700px;
    left: 40%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px;
    margin: 0px; }
    .topup-module .desc .topup-title {
      position: absolute;
      height: 40px;
      font-size: 24px;
      top: 40px;
      left: 150px;
      letter-spacing: 7px; }
      .topup-module .desc .topup-title .special {
        color: #db774d;
        font-size: 37px;
        font-weight: bold; }
    .topup-module .desc .activies-object {
      position: absolute;
      top: 130px;
      width: 500px;
      display: -ms-flexbox;
      display: flex;
      letter-spacing: 2px; }
      .topup-module .desc .activies-object .object-label {
        font-size: 16px;
        height: 25px;
        width: 90px;
        color: #4a81ff;
        background-color: #cbdaff;
        border-radius: 5px;
        text-align: center;
        line-height: 25px; }
      .topup-module .desc .activies-object .object-desc {
        position: absolute;
        left: 80px;
        margin-left: 20px;
        font-size: 14px;
        color: #555555; }
    .topup-module .desc .activies-explain {
      position: absolute;
      width: 700px;
      top: 180px;
      display: -ms-flexbox;
      display: flex;
      letter-spacing: 2px; }
      .topup-module .desc .activies-explain .explain-label {
        font-size: 16px;
        height: 25px;
        width: 90px;
        color: #4a81ff;
        background-color: #cbdaff;
        border-radius: 5px;
        text-align: center;
        line-height: 25px; }
      .topup-module .desc .activies-explain .explain-desc {
        position: absolute;
        left: 80px;
        margin-left: 20px;
        font-size: 14px;
        color: #555555; }
    .topup-module .desc .topup-btn {
      left: 240px;
      position: absolute;
      top: 260px;
      width: 150px;
      height: 40px;
      background-color: #f8a950;
      color: #ffffff;
      text-align: center;
      line-height: 36px;
      border-radius: 5px;
      letter-spacing: 3px;
      font-size: 16px;
      cursor: pointer; }
    .topup-module .desc .topup-btn:hover {
      background-color: #ff885e; }

.first-order {
  position: relative; }

.select-module {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 160px;
  margin-bottom: 30px;
  position: relative;
  height: 470px;
  width: 1200px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: #eeeeee 0.1px 0.1px 18px 0.3px; }
  .select-module .package-module {
    left: 0px;
    top: 23px;
    width: 970px;
    height: 423px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: space-center;
        justify-content: space-center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .select-module .package-module .package-item {
      cursor: pointer;
      margin-top: 7px;
      margin-left: 15px;
      width: 303px;
      height: 190px;
      background-image: url(/static/img/activities/discount-regular/selectModule.png);
      position: relative;
      letter-spacing: 1px; }
      .select-module .package-module .package-item .item-title {
        position: absolute;
        top: 29px;
        left: 110px;
        font-weight: bold;
        font-size: 16px; }
      .select-module .package-module .package-item .item-desc {
        width: 235px;
        position: absolute;
        top: 60px;
        left: 35px;
        font-size: 14px;
        color: dimgray; }
      .select-module .package-module .package-item .item-amount {
        position: absolute;
        top: 117px;
        left: 35px;
        font-size: 14px;
        color: #999999; }
        .select-module .package-module .package-item .item-amount .amount-num {
          color: #e9ab65;
          font-size: 17px; }
      .select-module .package-module .package-item .item-indate {
        position: absolute;
        top: 147px;
        left: 35px;
        font-size: 14px;
        color: #999999; }
        .select-module .package-module .package-item .item-indate .indate-num {
          color: #e9ab65;
          font-size: 17px; }
  .select-module .btn {
    position: absolute;
    top: 417px;
    left: 875px;
    color: #6c96fb;
    font-size: 14px;
    width: 90px;
    height: 30px;
    cursor: pointer; }
  .select-module .package-desc {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 230px;
    height: 473px;
    background-image: url(/static/img/activities/discount-regular/selectDesc.png);
    letter-spacing: 1px;
    line-height: 30px; }
    .select-module .package-desc .desc-desc {
      position: absolute;
      right: 10px;
      top: 44px;
      width: 210px;
      height: 150px;
      font-size: 16px;
      color: #777777; }
      .select-module .package-desc .desc-desc .special {
        font-size: 20px;
        color: #db774d; }
    .select-module .package-desc .desc-price {
      position: absolute;
      top: 216px;
      width: 230px;
      height: 210px;
      font-size: 18px;
      border-left: #f0f0f1 solid 1px; }
      .select-module .package-desc .desc-price .price-title {
        margin-left: 52px;
        margin-top: 74px;
        color: #555555; }
      .select-module .package-desc .desc-price .price {
        margin-left: 54px;
        margin-top: 20px;
        font-size: 34px;
        color: #fc865d;
        font-weight: bold; }
    .select-module .package-desc .desc-btn {
      position: absolute;
      bottom: 0px;
      width: 230px;
      height: 49px;
      line-height: 46px;
      text-align: center;
      color: #ffffff;
      font-size: 16px;
      letter-spacing: 2px;
      cursor: pointer; }
    .select-module .package-desc .desc-btn:hover {
      background-color: #ff885e; }

.combine {
  position: relative; }

.combine-module {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 130px;
  position: relative;
  height: 460px;
  width: 1200px; }
  .combine-module .meal-module {
    position: relative;
    width: 1190px;
    height: 180px;
    margin-top: 25px;
    margin: 33px auto;
    box-shadow: #eeeeee 0.1px 0.1px 18px 0.3px; }
    .combine-module .meal-module .meal-one {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: relative;
      height: 180px;
      width: 435px; }
      .combine-module .meal-module .meal-one .one-title {
        height: 180px;
        width: 135px;
        text-align: center;
        cursor: pointer; }
        .combine-module .meal-module .meal-one .one-title .title-img {
          position: absolute;
          left: 30px;
          top: 41px;
          height: 68px;
          width: 66px; }
        .combine-module .meal-module .meal-one .one-title .title {
          position: absolute;
          top: 129px;
          width: 135px;
          height: 40px;
          letter-spacing: 1px;
          font-weight: bold;
          font-size: 16px; }
      .combine-module .meal-module .meal-one .one-desc {
        position: absolute;
        left: 140px;
        height: 180px;
        width: 320px;
        margin: 0 auto;
        top: 0px; }
        .combine-module .meal-module .meal-one .one-desc .desc-desc {
          margin-top: 27px;
          line-height: 21px;
          font-size: 15px;
          height: 56px;
          width: 280px;
          color: dimgray; }
        .combine-module .meal-module .meal-one .one-desc .desc-info {
          margin-top: 8px;
          height: 36px;
          width: 280px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
          .combine-module .meal-module .meal-one .one-desc .desc-info .info-amount {
            position: absolute;
            font-size: 18px;
            color: #f1b877; }
            .combine-module .meal-module .meal-one .one-desc .desc-info .info-amount .amount-name {
              color: #999999;
              font-size: 14px; }
          .combine-module .meal-module .meal-one .one-desc .desc-info .info-indata {
            position: absolute;
            left: 150px;
            font-size: 18px;
            color: #f1b877; }
            .combine-module .meal-module .meal-one .one-desc .desc-info .info-indata .indata-name {
              color: #999999;
              font-size: 14px; }
        .combine-module .meal-module .meal-one .one-desc .desc-price {
          height: 40px;
          width: 180px;
          font-weight: bold;
          font-size: 20px;
          color: #f1b877; }
    .combine-module .meal-module .add-symbol {
      position: absolute;
      left: 451px;
      top: 0px;
      height: 180px;
      width: 35px;
      text-align: center;
      line-height: 170px;
      font-size: 50px; }
    .combine-module .meal-module .meal-two {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: absolute;
      left: 502px;
      top: 0px;
      height: 180px;
      width: 435px; }
      .combine-module .meal-module .meal-two .two-title {
        height: 180px;
        width: 135px;
        text-align: center;
        cursor: pointer; }
        .combine-module .meal-module .meal-two .two-title .title-img {
          position: absolute;
          left: 37px;
          top: 41px;
          height: 68px;
          width: 52px; }
        .combine-module .meal-module .meal-two .two-title .title-img2 {
          position: absolute;
          left: 37px;
          top: 41px;
          height: 68px;
          width: 68px; }
        .combine-module .meal-module .meal-two .two-title .title {
          position: absolute;
          top: 129px;
          width: 135px;
          height: 40px;
          letter-spacing: 1px;
          font-weight: bold;
          font-size: 16px; }
      .combine-module .meal-module .meal-two .two-desc {
        position: absolute;
        left: 140px;
        height: 180px;
        width: 320px;
        margin: 0 auto;
        top: 0px; }
        .combine-module .meal-module .meal-two .two-desc .desc-desc {
          margin-top: 27px;
          line-height: 21px;
          font-size: 15px;
          height: 56px;
          width: 280px;
          color: dimgray; }
        .combine-module .meal-module .meal-two .two-desc .desc-info {
          margin-top: 8px;
          position: relative;
          height: 36px;
          width: 284px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
          .combine-module .meal-module .meal-two .two-desc .desc-info .info-amount {
            position: absolute;
            font-size: 18px;
            color: #f1b877; }
            .combine-module .meal-module .meal-two .two-desc .desc-info .info-amount .amount-name {
              color: #999999;
              font-size: 14px; }
          .combine-module .meal-module .meal-two .two-desc .desc-info .info-indata {
            position: absolute;
            left: 150px;
            font-size: 18px;
            color: #f1b877; }
            .combine-module .meal-module .meal-two .two-desc .desc-info .info-indata .indata-name {
              color: #999999;
              font-size: 14px; }
        .combine-module .meal-module .meal-two .two-desc .desc-price {
          height: 40px;
          width: 180px;
          font-weight: bold;
          font-size: 20px;
          color: #f1b877; }
    .combine-module .meal-module .equal-symbol {
      position: absolute;
      left: 950px;
      top: 0px;
      height: 180px;
      width: 35px;
      text-align: center;
      line-height: 170px;
      font-size: 50px; }
    .combine-module .meal-module .discount-price {
      position: absolute;
      left: 1005px;
      top: 0px;
      height: 180px;
      width: 180px; }
      .combine-module .meal-module .discount-price .price {
        position: absolute;
        left: 0px;
        top: 40px;
        width: 120px;
        height: 40px;
        font-size: 34px;
        color: #ff885e;
        font-weight: bolder; }
      .combine-module .meal-module .discount-price .discount-symbol {
        position: absolute;
        left: 136px;
        top: 35px;
        width: 40px;
        height: 17px;
        font-size: 14px;
        background-image: url(/static/img/activities/discount-regular/eightDiscount.png); }
        .combine-module .meal-module .discount-price .discount-symbol .text {
          color: #ffffff;
          width: 36px;
          height: 17px;
          line-height: 17px;
          text-align: center; }
      .combine-module .meal-module .discount-price .buy-btn {
        position: absolute;
        left: 0px;
        top: 111px;
        width: 150px;
        height: 40px;
        background-color: #f8a950;
        border-radius: 5px;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 38px;
        text-align: center;
        cursor: pointer; }
      .combine-module .meal-module .discount-price .buy-btn:hover {
        background-color: #ff885e; }

.present {
  position: relative; }

.present-module {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 155px;
  position: relative;
  height: 440px;
  width: 1200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .present-module .item-module {
    margin: 0px;
    position: relative;
    background-image: url(/static/img/activities/discount-regular/giveaway.png);
    width: 360px;
    height: 410px; }
    .present-module .item-module .sumPrice {
      position: absolute;
      margin-left: 90px;
      margin-top: 44px;
      width: 260px;
      color: #ff936e;
      font-size: 40px; }
      .present-module .item-module .sumPrice .desc {
        font-size: 18px;
        color: #444444;
        margin-top: 10px;
        margin-left: 42px;
        letter-spacing: 1px; }
    .present-module .item-module .givePrice {
      position: absolute;
      width: 250px;
      height: 180px;
      left: 54px;
      top: 145px;
      border-top: solid #bbbbbb 1px;
      letter-spacing: 1px; }
      .present-module .item-module .givePrice .price {
        margin-left: 58px;
        margin-top: 21px;
        color: #999999;
        font-size: 15px; }
        .present-module .item-module .givePrice .price .price-price {
          color: #e9ab65;
          font-size: 30px; }
        .present-module .item-module .givePrice .price .price-name {
          color: #e9ab65; }
      .present-module .item-module .givePrice .text {
        width: 35px;
        height: 35px;
        background-color: #e9ab65;
        color: #ffffff;
        font-size: 17px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        margin-left: 114px;
        margin-top: 14px; }
      .present-module .item-module .givePrice .give {
        width: 130px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #e9ab65;
        font-size: 30px;
        margin-left: 65px;
        margin-top: 15px; }
        .present-module .item-module .givePrice .give .text-text {
          font-size: 15px; }
    .present-module .item-module .btn {
      position: absolute;
      width: 170px;
      height: 45px;
      left: 100px;
      top: 350px;
      letter-spacing: 1px;
      background-color: #f8a950;
      border-radius: 6px;
      line-height: 45px;
      color: #ffffff;
      text-align: center;
      font-size: 16px;
      letter-spacing: 3px;
      cursor: pointer; }
    .present-module .item-module .btn:hover {
      background-color: #ff885e; }

.overseas {
  position: relative; }
  .overseas .station {
    position: relative;
    margin: 130px auto 0;
    width: 1200px; }
    .overseas .station .os-ul {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .overseas .station .os-ul .os-card {
        width: 580px;
        height: 262px;
        box-sizing: border-box;
        padding: 0 42px;
        font-size: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 40px;
        position: relative; }
        .overseas .station .os-ul .os-card:nth-child(1), .overseas .station .os-ul .os-card:nth-child(2) {
          margin-top: 44px; }
        .overseas .station .os-ul .os-card .tip {
          color: rgba(255, 255, 255, 0.8);
          position: absolute;
          top: 1px;
          right: 36px;
          font-size: 14px;
          letter-spacing: 1px; }
        .overseas .station .os-ul .os-card .title {
          text-align: center;
          color: #F5C688;
          font-size: 18px;
          padding: 14px 0 10px; }
        .overseas .station .os-ul .os-card .desc {
          height: 64px;
          color: #ffffff;
          line-height: 1.5; }
        .overseas .station .os-ul .os-card .request {
          padding: 40px 20px 10px; }
          .overseas .station .os-ul .os-card .request .rq-item:last-child {
            margin-left: 30px; }
          .overseas .station .os-ul .os-card .request .rq-num {
            font-weight: 600;
            color: #DB774D;
            font-size: 30px;
            padding-right: 4px; }
        .overseas .station .os-ul .os-card .year {
          padding: 0 20px; }
          .overseas .station .os-ul .os-card .year .unit {
            color: #DB774D;
            font-size: 18px; }
        .overseas .station .os-ul .os-card .buy-btn {
          position: absolute;
          bottom: -6px;
          left: 50%;
          transform: translate3d(-50%, 0, 0);
          text-decoration: none;
          display: block;
          width: 140px;
          height: 40px;
          background-color: #F8A950;
          color: #fff;
          text-align: center;
          line-height: 40px;
          border-radius: 4px;
          transition: all .3s; }
          .overseas .station .os-ul .os-card .buy-btn:hover {
            background-color: #FF8A62; }
    .overseas .station .ab-wrap {
      width: 1200px;
      height: 522px;
      box-sizing: border-box;
      margin-top: 80px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 40px; }
      .overseas .station .ab-wrap .ab-left {
        width: 356px;
        height: 100%;
        position: relative;
        background-color: #f1f5ff; }
        .overseas .station .ab-wrap .ab-left::before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate3d(-50%, 0, 0);
          width: 80px;
          height: 3px;
          background: #4A81FF; }
        .overseas .station .ab-wrap .ab-left .desc {
          color: #333;
          line-height: 1.6;
          font-size: 16px;
          padding: 40px 30px 0; }
        .overseas .station .ab-wrap .ab-left .bg {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 355px;
          height: 301px;
          background: url(/static/img/activities/overseas/bg.png) center center/100% 100% no-repeat; }
      .overseas .station .ab-wrap .ab-ul {
        -ms-flex: 1;
            flex: 1;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.12);
        border-radius: 0px 4px 4px 0px; }
        .overseas .station .ab-wrap .ab-ul .ab-item {
          width: 50%;
          height: 50%;
          box-sizing: border-box;
          padding: 30px 36px; }
          .overseas .station .ab-wrap .ab-ul .ab-item:nth-child(1) {
            border-bottom: 1px solid #E5E5E5;
            border-right: 1px solid #E5E5E5; }
          .overseas .station .ab-wrap .ab-ul .ab-item:nth-child(2) {
            border-bottom: 1px solid #E5E5E5; }
          .overseas .station .ab-wrap .ab-ul .ab-item:nth-child(3) {
            border-right: 1px solid #E5E5E5; }
          .overseas .station .ab-wrap .ab-ul .ab-item .title {
            font-weight: 600;
            color: #333; }
          .overseas .station .ab-wrap .ab-ul .ab-item .desc {
            font-size: 14px;
            color: #333;
            line-height: 1.7;
            padding: 10px 0 20px; }
          .overseas .station .ab-wrap .ab-ul .ab-item .tags {
            display: inline-block;
            width: auto;
            height: 26px;
            padding: 0 10px;
            line-height: 26px;
            font-size: 14px;
            color: #A5A5A5;
            font-weight: 500;
            border: 1px solid #A5A5A5;
            border-radius: 4px; }
            .overseas .station .ab-wrap .ab-ul .ab-item .tags:last-child {
              margin-left: 20px; }
          .overseas .station .ab-wrap .ab-ul .ab-item .free-btn {
            text-decoration: none;
            display: block;
            width: 140px;
            height: 40px;
            margin: 34px auto 0;
            background-color: #F8A950;
            color: #fff;
            text-align: center;
            line-height: 40px;
            border-radius: 4px;
            transition: all .3s; }
            .overseas .station .ab-wrap .ab-ul .ab-item .free-btn:hover {
              background-color: #FF8A62; }

.dis-page {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  background-color: #f9faff; }
  .dis-page .header {
    min-width: 1200px; }
    .dis-page .header .main-header {
      z-index: 999;
      background-color: #365192;
      min-width: 1200px;
      width: 100%; }
  .dis-page .dis-wrapper {
    position: relative;
    min-width: 1200px; }
    .dis-page .dis-wrapper .dis-banner {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 440px;
      min-width: 1200px;
      background-image: url(/static/img/activities/discount-regular/banner.png);
      background-repeat: no-repeat;
      background-position: center; }

.act-nav {
  position: fixed;
  left: 15px;
  top: 20%;
  width: 130px;
  height: 500px;
  background-image: url(/static/img/activities/discount-regular/index2.png);
  background-repeat: no-repeat;
  background-position: center; }
  .act-nav .zxzx {
    width: 130px;
    position: absolute;
    top: 133px;
    color: #666666;
    letter-spacing: 1px;
    line-height: 50px;
    cursor: pointer;
    z-index: 2; }
    .act-nav .zxzx .zxzx-img {
      position: absolute;
      top: 14px;
      left: 15px;
      width: 28px;
      height: 26px;
      background-image: url(/static/img/activities/discount-regular/message.png); }
    .act-nav .zxzx .immm-btn {
      position: absolute;
      left: 53px; }
  .act-nav ul {
    position: absolute;
    color: #666666;
    letter-spacing: 1px;
    top: 185px;
    line-height: 50px;
    width: 100px;
    text-align: center; }
    .act-nav ul li {
      cursor: pointer;
      width: 130px;
      height: 50px; }
      .act-nav ul li:hover {
        background: #ff885e;
        color: #ffffff; }
      .act-nav ul li.active {
        background: #ff885e;
        color: #ffffff; }
  .act-nav .to-top {
    width: 150px;
    height: 63px;
    position: absolute;
    top: 433px;
    cursor: pointer; }

.dis-content {
  position: relative; }
  .dis-content .buttom-module {
    height: 150px;
    width: 1200px;
    position: relative;
    margin: 45px auto;
    background-image: url(/static/img/activities/discount-regular/buttom.png); }
    .dis-content .buttom-module .buttom-text {
      padding-top: 40px;
      margin-left: 423px;
      color: #bfb3a6;
      font-size: 22px;
      letter-spacing: 3px;
      font-weight: bold; }
    .dis-content .buttom-module .buttom-btn {
      width: 130px;
      padding-top: 23px;
      margin-left: 570px;
      color: #f8a950;
      font-size: 16px;
      letter-spacing: 1px;
      cursor: pointer; }

.act-page .header .main-header {
  z-index: 999; }

.act-page .activity-wrapper .act-banner {
  width: 100%;
  height: 430px;
  background-image: url(/static/img/activities/banner.jpg);
  background-repeat: no-repeat;
  background-position: center; }

.act-page .activity-wrapper .act-content {
  height: auto;
  width: 100%;
  background-image: url(/static/img/activities/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat; }
  .act-page .activity-wrapper .act-content .ac-inner {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden; }
    .act-page .activity-wrapper .act-content .ac-inner h3,
    .act-page .activity-wrapper .act-content .ac-inner p,
    .act-page .activity-wrapper .act-content .ac-inner ul,
    .act-page .activity-wrapper .act-content .ac-inner li {
      margin: 0;
      padding: 0; }
    .act-page .activity-wrapper .act-content .ac-inner .act-item {
      width: 100%;
      height: auto;
      overflow: hidden; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title {
        margin-top: 40px;
        text-align: center; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title h3 {
          font-size: 30px;
          line-height: 38px;
          letter-spacing: 1px;
          color: #333; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p {
          margin-top: 16px;
          margin-bottom: 14px;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: 1px;
          color: #333; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p .rule-btn {
            color: #333;
            border-bottom: 2px solid #989795;
            text-decoration: none;
            cursor: pointer; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p .link-span {
            color: #333;
            border-bottom: 2px solid #989795;
            text-decoration: none;
            cursor: pointer; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-btn {
        display: block;
        margin: 318px auto 88px 487px;
        width: 253px;
        height: 65px;
        background: url(/static/img/activities/buy-top.png) center no-repeat; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-btn:hover {
          background: url(/static/img/activities/buy-top-hover.png) center no-repeat; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item .ai-spline {
        height: 28px;
        width: 100%;
        background: url(/static/img/activities/300-spline.png) center no-repeat; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 50px auto 30px;
        width: 1100px; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li {
          width: 312px;
          height: 392px;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 8px;
          box-shadow: 0px 0px 20px #d8d2cf; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li .charge-btn {
            display: block;
            margin-top: 309px;
            margin-left: 61px;
            width: 198px;
            height: 48px;
            cursor: pointer;
            transition: all .5s;
            background: url(/static/img/activities/chunchao/buy-btn.png) center no-repeat; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li .charge-btn:hover {
              background: url(/static/img/activities/chunchao/buy-btn-hover.png) center no-repeat; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l1 {
            background-image: url(/static/img/activities/chunchao/1-1.jpg); }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l2 {
            background-image: url(/static/img/activities/chunchao/1-2.jpg); }
          .act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l3 {
            background-image: url(/static/img/activities/chunchao/1-3.jpg); }
      .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w {
        height: 813px; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w .caidai-1 {
          height: 166px;
          background: url(/static/img/activities/chunchao/1-duihuan.png) center no-repeat; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w .caidai-1 .btn-duihuan {
            display: inline-block;
            margin-top: 75px;
            margin-left: 934px;
            width: 146px;
            height: 36px;
            cursor: pointer;
            background: url(/static/img/activities/chunchao/btn-duihuan.png) center no-repeat; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia {
        height: 1134px;
        overflow: hidden; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .act-item-title {
          margin-top: 30px; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: distribute;
              justify-content: space-around;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item {
            display: -ms-flexbox;
            display: flex;
            margin-top: 33px;
            padding: 15px;
            width: 530px;
            height: 172px;
            text-align: left;
            background-image: url(/static/img/activities/chunchao/package-item.png); }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .lt {
              width: 330px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .title {
              margin-bottom: 6px;
              color: #927858;
              font-size: 20px;
              line-height: 24px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .desc {
              margin-bottom: 12px;
              letter-spacing: 1px;
              font-size: 14px;
              color: #927858;
              line-height: 18px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: justify;
                  justify-content: space-between;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item {
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 7px;
                width: 159px;
                height: 46px;
                line-height: 46px;
                background-color: #fbecd0; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .price {
                  width: 95px;
                  font-size: 22px;
                  color: #a26f33; }
                  .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .price span {
                    margin-left: 11px;
                    font-size: 16px; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .package {
                  font-size: 12px;
                  color: #a26f33;
                  margin-left: 5px; }
                  .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .package span {
                    border-bottom: 1px solid #cead81; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr {
            margin-left: 50px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-price {
              margin-top: 32px;
              font-size: 26px;
              line-height: 26px;
              color: #fdf3da;
              letter-spacing: 1px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-price span {
                font-size: 18px;
                color: #fff; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-num {
              margin-top: 12px;
              font-size: 18px;
              line-height: 18px;
              color: #fdf3da;
              letter-spacing: 1px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-num span {
                color: #fff; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package {
              margin-top: 25px;
              width: 126px;
              height: 38px;
              line-height: 38px;
              text-align: center;
              border-radius: 5px;
              background-color: #c25b4d;
              cursor: pointer;
              transition: all .5s; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package:hover {
                background-color: #b65144; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package span {
                font-size: 18px;
                color: #fdf3da; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan {
        height: 1346px; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .act-item-title {
          margin-top: 32px;
          position: relative;
          z-index: 2; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-ad {
          cursor: pointer;
          position: relative;
          bottom: 30px;
          width: 100%;
          height: 200px;
          background: url(/static/img/activities/chunchao/lx-ad.png) center no-repeat; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap {
          display: -ms-flexbox;
          display: flex;
          margin: 30px 20px;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          position: relative;
          bottom: 30px; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set {
            width: 370px;
            height: 480px;
            box-shadow: 0px 10px 10px 10px rgba(95, 95, 95, 0.1);
            transition: all .5s;
            border-radius: 10px;
            margin-bottom: 35px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set:hover {
              transform: translate3d(0, -2px, 0);
              box-shadow: 0px 10px 14px 15px rgba(65, 65, 65, 0.1); }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt {
              background: #c45448 url(/static/img/activities/chunchao/set-bg.png) right center no-repeat;
              height: 150px;
              border-radius: 10px 10px 0 0;
              color: #fff;
              text-align: center;
              cursor: pointer; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt h3 {
                margin: 0 auto;
                padding-top: 25px;
                font-size: 24px;
                letter-spacing: 1px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt p {
                margin: 10px auto;
                width: 85%;
                font-size: 18px;
                letter-spacing: 1px;
                text-align: center; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount {
              background: #fff;
              font-size: 15px;
              height: 77px;
              border-bottom: 2px solid #e9e9e9;
              color: #999;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-align: start;
                  align-items: start; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount p {
                margin: 0 30px;
                display: -ms-flexbox;
                display: flex; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount p span {
                  text-align: left;
                  width: 150px;
                  height: 25px;
                  white-space: nowrap; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount .amount {
                color: #333; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price {
              border-radius: 10px;
              height: 255px;
              background: #fff url(/static/img/activities/chunchao/diamond.png) right bottom no-repeat; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i {
                display: block; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i.price-tt {
                  margin: 0px 30px;
                  padding: 20px 0 0;
                  height: 30px;
                  background: url(/static/img/activities/chunchao/lx-logo.png) left center no-repeat; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i.imm-save {
                  width: 45px;
                  margin: 0px 0 0 20px;
                  height: 30px;
                  background: url(/static/img/activities/chunchao/imm-save.png) left center no-repeat; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .price {
                color: #b53e44;
                font-size: 48px;
                letter-spacing: 1px;
                margin: 0 30px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .save-price {
                display: -ms-flexbox;
                display: flex;
                font-size: 16px;
                margin-left: 10px;
                -ms-flex-align: center;
                    align-items: center;
                color: #666; }
                .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .save-price span {
                  vertical-align: bottom; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .buy-btn {
                width: 305px;
                height: 50px;
                margin: 30px auto 0;
                background: linear-gradient(to Right, #c9935a, #e7aa6b);
                color: #fff;
                font-size: 20px;
                line-height: 50px;
                text-align: center;
                border-radius: 5px;
                cursor: pointer;
                letter-spacing: 1px; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai {
        height: 754px; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap-outside {
          margin: auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center; }
        .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap {
          background: #fff;
          width: 237px;
          height: 540px;
          padding: 15px 20px 15px 20px;
          border-radius: 8px;
          position: relative;
          box-shadow: 0px 5px 10px 5px rgba(95, 95, 95, 0.1);
          margin: 30px 10px; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap::before {
            position: absolute;
            top: 0;
            left: 30px;
            content: '';
            display: block;
            background: #b53e44;
            width: 63px;
            height: 6px;
            border-radius: 10px; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product {
            border-bottom: 2px solid #f5e2c5;
            padding-bottom: 5px;
            height: 220px;
            cursor: pointer; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product h2 {
              font-size: 22px;
              letter-spacing: 1px; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p {
              width: 100%;
              line-height: 28px;
              letter-spacing: .5px;
              text-align: left;
              margin-bottom: 15px;
              font-size: 16px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p span {
                color: #999;
                letter-spacing: .5px; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p .amount {
                color: #4c4c4c; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu .cacu-way {
            width: 200px;
            height: 40px;
            margin: 30px auto 10px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            color: #b53e44;
            background: #f8ebe7;
            border: 1px solid #b53e44;
            border-radius: 5px;
            letter-spacing: .5px; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount {
            background: #fff;
            font-size: 15px;
            height: 100px;
            border-bottom: 2px solid #f5e2c5;
            color: #999;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: start;
                align-items: start; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount p {
              display: -ms-flexbox;
              display: flex; }
              .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount p span {
                text-align: left;
                width: 135px;
                height: 30px;
                white-space: nowrap; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount .amount {
              color: #333; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .price {
            font-size: 46px;
            color: #b53e44;
            margin: 10px 0; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .price span {
              color: #939393;
              font-size: 20px; }
          .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap {
            display: -ms-flexbox;
            display: flex;
            height: 40px;
            position: absolute;
            left: 0; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap .try-btn {
              width: 138px;
              height: 40px;
              line-height: 40px;
              background-color: #c45448;
              color: #fff;
              text-align: center;
              font-size: 18px;
              border-radius: 0 0 0 5px;
              cursor: pointer; }
            .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap .ques-btn {
              cursor: pointer;
              width: 139px;
              height: 40px;
              line-height: 40px;
              background-color: #d89f63;
              color: #fff;
              text-align: center;
              font-size: 18px;
              border-radius: 0 0 5px 0; }
      .act-page .activity-wrapper .act-content .ac-inner .act-item.ai-rule {
        height: 653px; }

.act-page .act-nav {
  position: fixed;
  left: 0;
  top: 30%;
  width: 150px;
  height: 500px;
  background-image: url(/static/img/activities/chunchao/nav.png);
  background-repeat: no-repeat;
  background-position: center; }
  .act-page .act-nav .zxzx {
    position: absolute;
    left: 38px;
    color: #fff;
    letter-spacing: 1px;
    top: 185px;
    line-height: 32px;
    cursor: pointer; }
  .act-page .act-nav ul {
    position: absolute;
    left: 26px;
    color: #fff;
    letter-spacing: 1px;
    top: 230px;
    line-height: 33px;
    width: 100px;
    text-align: center; }
    .act-page .act-nav ul li {
      cursor: pointer;
      width: 99px;
      height: 33px;
      background: #b64046; }
      .act-page .act-nav ul li:nth-child(2n) {
        background: #9a3b2e; }
      .act-page .act-nav ul li:hover {
        background: #d49c60; }
      .act-page .act-nav ul li.active {
        background: #d49c60; }
  .act-page .act-nav .to-top {
    width: 100px;
    height: 63px;
    position: absolute;
    left: 51px;
    bottom: 47px;
    cursor: pointer; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sidebar {
  width: 200px; }
  .sidebar .sidebar-top {
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    background-color: #f0f2f5;
    font-size: 17px;
    color: #24374e;
    letter-spacing: 1px; }
  .sidebar .sidebar-links {
    background-color: #ffffff; }

.sidebar-group {
  position: relative;
  padding: 0 10px; }

.sidebar-group-heading {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  padding: 0 16px;
  border-bottom: 1px solid #e6e8f4;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sidebar-group-heading span {
    font-size: 14px;
    -ms-flex: 1;
        flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .sidebar-group-heading .line-arrow {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999999;
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    transition: transform .2s ease-in-out; }
  .sidebar-group-heading::after {
    content: '';
    position: absolute;
    width: 3px;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: transparent;
    transition: background-color .2s ease-in-out; }

.sidebar-group-heading.active {
  font-weight: 500; }
  .sidebar-group-heading.active::after {
    background-color: #4a81ff; }
  .sidebar-group-heading.active .line-arrow {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.sidebar-group-items {
  border-bottom: 1px solid #e6e8f4;
  padding: 7px 0; }

.sidebar-link {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 20px;
  font-size: 14px;
  color: #24374e;
  text-decoration: none; }

.sidebar-link:hover, .sidebar-link.active {
  color: #4a81ff; }

.dropdown-transition {
  height: 0;
  transition: height .2s ease-in-out;
  overflow: hidden; }


@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-title {
  margin-top: 70px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  letter-spacing: 1px;
  font-weight: 400; }
  .section-title span {
    position: relative; }
    .section-title span::before {
      content: '<';
      position: absolute;
      left: -30px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      color: #4a81ff; }
    .section-title span::after {
      content: '>';
      position: absolute;
      right: -30px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      color: #4a81ff; }

@media only screen and (max-width: 576px) {
  .section-title {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px; }
    .section-title span {
      position: relative; }
      .section-title span::before {
        left: -20px; }
      .section-title span::after {
        right: -20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.ability-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0;
  background-color: #ffffff;
  border: solid 1px #e6e8f4;
  transition: box-shadow ease-in-out .3s; }
  .ability-card:hover {
    box-shadow: 0px 3px 10px 0px rgba(43, 75, 196, 0.11); }

.ability-card__left {
  width: 230px;
  height: 105px;
  font-size: 18px;
  line-height: 30px;
  color: #24374e;
  text-align: center;
  border-right: solid 1px #e2e3e7; }
  .ability-card__left .ability-logo {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.ability-card__right {
  -ms-flex: 1;
      flex: 1;
  height: 105px;
  padding: 0 45px;
  font-size: 14px;
  line-height: 20px;
  color: #7a8ba6; }

.ability-card__more {
  position: absolute;
  right: 25px;
  bottom: 20px; }
  .ability-card__more .gaia-btn {
    margin-right: 10px; }
    .ability-card__more .gaia-btn:last-child {
      margin-right: 0px; }

@media only screen and (max-width: 576px) {
  .ability-card {
    padding: 40px 0;
    font-size: 12px; }
  .ability-card__left {
    width: 110px;
    height: 80px;
    font-size: 12px;
    line-height: normal; }
    .ability-card__left .ability-logo {
      width: 40px;
      height: 40px;
      margin: 0 auto 10px; }
  .ability-card__right {
    -ms-flex: 1;
        flex: 1;
    height: 80px;
    padding: 0 22px;
    font-size: 12px;
    line-height: 21px;
    color: #7a8ba6; }
  .ability-card__more {
    right: 15px;
    bottom: 10px; }
    .ability-card__more .gaia-btn {
      font-size: 12px; } }

.title-desc-desc {
  width: 100%;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 30px;
  font-size: 16px;
  color: #6474a4;
  letter-spacing: 2px; }

@media only screen and (max-width: 400px) {
  .media-title-desc-desc {
    font-size: 12px;
    margin-bottom: 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-banner {
  min-height: 365px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  color: #24374e; }

.section-banner.left {
  text-align: left; }

.section-banner.center {
  text-align: center; }
  .section-banner.center .service-banner-desc {
    width: 540px;
    margin-left: auto;
    margin-right: auto; }

.section-banner.dark {
  color: #ffffff; }

.service-banner-title {
  margin-top: 80px;
  margin-bottom: 17px;
  font-size: 38px; }
  .service-banner-title span {
    position: relative; }
  .service-banner-title .badge-icon {
    position: absolute;
    top: -5px;
    left: 100%; }
  .service-banner-title .play-icon {
    width: 40px;
    height: 40px;
    vertical-align: -8px;
    margin-left: 8px;
    cursor: pointer;
    transition: transform .2s ease-in; }
    .service-banner-title .play-icon:hover {
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.service-banner-desc {
  width: 500px;
  line-height: 2;
  font-size: 14px;
  margin-bottom: 26px; }

.service-banner-btns .gaia-btn {
  margin-right: 10px; }
  .service-banner-btns .gaia-btn:last-child {
    margin-right: 0px; }

.service-banner-extra {
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .service-banner-extra p {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
    -webkit-margin-after: 10px;
            margin-block-end: 10px; }

.video-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  transition: 0.35s;
  z-index: 12000;
  background-color: rgba(0, 0, 0, 0.3); }
  .video-modal-wrap.modal-show {
    display: -ms-flexbox;
    display: flex; }
  .video-modal-wrap .por-player {
    width: 700px;
    height: 500px;
    position: relative;
    background-color: #000; }
    .video-modal-wrap .por-player .por-player-close {
      position: absolute;
      top: 2px;
      right: 2px;
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .video-modal-wrap .por-player .por-player-close > svg {
        transition: transform .2s ease-in; }
        .video-modal-wrap .por-player .por-player-close > svg:hover {
          -ms-transform: scale(1.3);
              transform: scale(1.3); }
    .video-modal-wrap .por-player > video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none; }

@media only screen and (min-width: 576.01px) {
  .service-banner-btns .gaia-btn:first-child {
    padding: 0 30px; }
  .section-banner.center .service-banner-btns .gaia-btn {
    padding: 0 30px; } }

@media only screen and (max-width: 576px) {
  .section-banner {
    min-height: 200px;
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #eff4fa; }
  .service-banner-title {
    margin-top: 35px;
    margin-bottom: 17px;
    font-size: 16px; }
    .service-banner-title .badge-icon {
      top: -15px;
      -ms-transform: scale(0.5);
          transform: scale(0.5);
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%; }
    .service-banner-title .play-icon {
      width: 18px;
      height: 18px;
      vertical-align: -4px;
      margin-left: 4px; }
  .service-banner-desc {
    width: 64%;
    font-size: 12px; }
  .service-banner-extra {
    display: none; }
  .service-banner-btns {
    margin-bottom: 20px; }
  .video-modal-wrap .por-player {
    width: 100%;
    height: 71.42857143vw; } }

.discount-pc-banner {
  position: relative;
  width: 100%;
  height: 439px; }
  .discount-pc-banner .banner-bg {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 2560px;
    height: 439px;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16983705816995418%2F%E6%B4%BB%E5%8A%A8%E9%A1%B5banner.jpg") center center/cover no-repeat; }

.et-page {
  color: #2d2d2d;
  overflow-x: hidden; }
  .et-page p {
    margin: 0; }
  .et-page .et-wrapper {
    background-color: #fff; }
    .et-page .et-wrapper .et-banner {
      width: 100%;
      height: 530px;
      box-sizing: border-box;
      position: relative;
      background: url(/static/img/activities/recommend/et_banner.png) center center no-repeat;
      margin-bottom: 100px; }
      .et-page .et-wrapper .et-banner-desc {
        width: 1200px;
        position: absolute;
        left: 50%;
        bottom: 143px;
        transform: translate3d(-50%, 0, 0); }
        .et-page .et-wrapper .et-banner-desc .et-desc-text {
          width: 700px;
          line-height: 1.6; }
      .et-page .et-wrapper .et-banner .et-btn-wrap {
        width: 1200px;
        height: 10px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        bottom: 110px;
        transform: translate3d(-50%, 0, 0); }
      .et-page .et-wrapper .et-banner .et-btn {
        width: 116px;
        height: 36px;
        box-sizing: border-box;
        line-height: 36px;
        background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%), linear-gradient(#f37a6b, #f37a6b);
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .et-page .et-wrapper .et-banner .et-btn:hover {
          box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
    .et-page .et-wrapper .et-section {
      width: 1200px;
      margin: 0 auto 120px;
      position: relative; }
      .et-page .et-wrapper .et-section .user-task {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 60px; }
        .et-page .et-wrapper .et-section .user-task .uk-item {
          width: 33.33%;
          height: 230px;
          box-sizing: border-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          padding: 0 50px;
          border-right: solid 1px #e8e8e8; }
          .et-page .et-wrapper .et-section .user-task .uk-item:nth-child(n + 4) {
            border-top: solid 1px #e8e8e8;
            padding-top: 30px; }
          .et-page .et-wrapper .et-section .user-task .uk-item:nth-child(3n + 3) {
            border-right: none; }
          .et-page .et-wrapper .et-section .user-task .uk-item .icon-wrap {
            width: 100%;
            height: 70px;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
            .et-page .et-wrapper .et-section .user-task .uk-item .icon-wrap .uk-icon {
              margin-left: 10px; }
          .et-page .et-wrapper .et-section .user-task .uk-item .uk-title {
            font-size: 18px;
            padding: 10px 0 10px; }
          .et-page .et-wrapper .et-section .user-task .uk-item .uk-desc {
            width: 100%;
            color: #999;
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 24px; }
      .et-page .et-wrapper .et-section .step-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .et-page .et-wrapper .et-section .step-wrap .step-item {
          width: 24%;
          height: 210px;
          box-sizing: border-box;
          text-align: center;
          z-index: 2; }
          .et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon {
            width: 78px;
            height: 78px;
            box-sizing: border-box;
            border: 1px solid #fbc8c0;
            border-radius: 50%;
            position: relative;
            margin: 0 auto; }
            .et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon .sp-txt {
              width: 110px;
              height: 34px;
              box-sizing: border-box;
              position: absolute;
              background-color: #fff;
              top: 50%;
              left: 50%;
              transform: translate3d(-50%, -50%, 0);
              line-height: 34px;
              color: #e75e4d;
              font-size: 20px; }
              .et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon .sp-txt .sp-num {
                font-size: 24px;
                font-weight: 500;
                padding-left: 2px; }
          .et-page .et-wrapper .et-section .step-wrap .step-item .sp-title {
            color: #242424;
            font-size: 20px;
            padding: 20px 0 10px; }
          .et-page .et-wrapper .et-section .step-wrap .step-item .sp-desc {
            color: #999999;
            font-size: 14px;
            text-align: left;
            line-height: 24px; }
        .et-page .et-wrapper .et-section .step-wrap .sp-line {
          width: 78%;
          height: 1px;
          box-sizing: border-box;
          position: absolute;
          top: 40px;
          left: 91px;
          background-color: #d9dada; }
      .et-page .et-wrapper .et-section .b_bg1 {
        width: 307px;
        height: 391px;
        box-sizing: border-box;
        position: absolute;
        top: 170px;
        left: -420px;
        background: url(/static/img/activities/recommend/b_pic1.png) center center/100% 100% no-repeat; }
      .et-page .et-wrapper .et-section .b_bg2 {
        width: 196px;
        height: 190px;
        box-sizing: border-box;
        position: absolute;
        top: 120px;
        right: -246px;
        background: url(/static/img/activities/recommend/b_pic2.png) center center/100% 100% no-repeat; }
      .et-page .et-wrapper .et-section .b_bg3 {
        width: 171px;
        height: 198px;
        box-sizing: border-box;
        position: absolute;
        top: -200px;
        left: -258px;
        background: url(/static/img/activities/recommend/b_pic3.png) center center/100% 100% no-repeat; }
    .et-page .et-wrapper .et-section-2 {
      background-color: #616cf1;
      height: 380px;
      margin-bottom: 240px;
      position: relative;
      padding-top: 80px; }
      .et-page .et-wrapper .et-section-2 .et-title-cn {
        color: #fff; }
      .et-page .et-wrapper .et-section-2 .armed-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin: 10px auto 0;
        width: 1200px; }
        .et-page .et-wrapper .et-section-2 .armed-list .armed-item {
          width: 222px;
          height: 369px;
          box-sizing: border-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          padding: 0 20px;
          background-color: #fff;
          box-shadow: 2px 5px 17px 1px rgba(196, 179, 171, 0.21);
          border-radius: 5px;
          transition: all .2s linear; }
          .et-page .et-wrapper .et-section-2 .armed-list .armed-item:hover {
            transform: translate3d(0, -4px, 0); }
          .et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-line {
            width: 32px;
            height: 0;
            border-bottom: 3px solid #f24c0c;
            margin: 40px 0 17px; }
          .et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-title {
            font-size: 18px;
            margin-bottom: 20px; }
          .et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-desc {
            width: 100%;
            color: #999;
            font-size: 14px;
            line-height: 24px; }
    .et-page .et-wrapper .et-title {
      text-align: center;
      padding-bottom: 70px; }
      .et-page .et-wrapper .et-title-en {
        color: #e2e2e2;
        font-size: 34px; }
      .et-page .et-wrapper .et-title-cn {
        font-size: 28px;
        letter-spacing: 1px; }

.rt-page {
  color: #2d2d2d; }
  .rt-page p {
    margin: 0; }
  .rt-page .rt-wrapper {
    background-color: #fff; }
    .rt-page .rt-wrapper .rt-banner {
      width: 100%;
      height: 637px;
      box-sizing: border-box;
      position: relative;
      background: url(/static/img/activities/recommend/rt_banner.png) center center no-repeat; }
    .rt-page .rt-wrapper .rt-section {
      width: 1200px;
      height: 394px;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin: 0 auto; }
      .rt-page .rt-wrapper .rt-section .rt-info {
        width: 680px; }
        .rt-page .rt-wrapper .rt-section .rt-info .rt-title {
          font-size: 30px; }
        .rt-page .rt-wrapper .rt-section .rt-info .rt-desc {
          font-size: 16px;
          line-height: 24px;
          padding: 20px 0; }
          .rt-page .rt-wrapper .rt-section .rt-info .rt-desc .rt-prize {
            color: #f37a6b; }
        .rt-page .rt-wrapper .rt-section .rt-info .rt-btn {
          display: inline-block;
          text-decoration: none;
          width: 115px;
          height: 36px;
          box-sizing: border-box;
          line-height: 36px;
          background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%), linear-gradient(#f37a6b, #f37a6b);
          color: #fff;
          text-align: center;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          border-radius: 3px; }
          .rt-page .rt-wrapper .rt-section .rt-info .rt-btn:hover {
            box-shadow: 0px 5px 16px 0px rgba(255, 140, 87, 0.55); }
          .rt-page .rt-wrapper .rt-section .rt-info .rt-btn.disabled {
            cursor: not-allowed;
            background-image: linear-gradient(to right, #ccc, #bbb); }
            .rt-page .rt-wrapper .rt-section .rt-info .rt-btn.disabled:hover {
              box-shadow: none; }
    .rt-page .rt-wrapper .section-wrap {
      background-color: #fff9f8; }

.spring-banner {
  background-image: url("https://openres.xfyun.cn/xfyundoc/2025-06-11/5bf8035c-ff29-4b54-92ce-79c2df9a7091/1749643461573/618activityBanner.png");
  width: 100%;
  height: 444px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .spring-banner-content {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 444px; }
  .spring-banner .spring-banner-center {
    position: relative;
    top: 220px;
    left: 436px;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #fff;
    border-radius: 48px;
    padding-left: 16px;
    width: 335px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 37px;
    background: #cee9fc; }
  .spring-banner .spring-words {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #00308C;
    line-height: 37px; }
  .spring-banner .spring-rules-btn {
    padding: 8px 16px;
    font-size: 16px;
    height: 37px;
    line-height: 22px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 500;
    background: linear-gradient(270deg, #518DFF 0%, #0D57F0 100%);
    border-radius: 48px;
    cursor: pointer; }
    .spring-banner .spring-rules-btn:hover {
      opacity: 0.8; }

.act-page .header .main-header {
  z-index: 999; }

.act-page .casedetail-wrapper {
  background-color: #ffffff; }
  .act-page .casedetail-wrapper .act-banner {
    width: 100%;
    height: 272px;
    background-image: url(/static/img/activities/case/detail_banner.png);
    background-repeat: no-repeat;
    background-position: center; }
    .act-page .casedetail-wrapper .act-banner .detail-title {
      width: 1200px;
      margin: 0 auto;
      padding-top: 100px;
      color: #ffffff;
      padding-left: 30px;
      position: relative; }
      .act-page .casedetail-wrapper .act-banner .detail-title .title {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 20px; }
      .act-page .casedetail-wrapper .act-banner .detail-title .sub-title {
        font-size: 15px;
        width: 750px;
        color: #999999;
        line-height: 24px; }
      .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen {
        position: absolute;
        top: 240px;
        right: 0px;
        width: 280px;
        height: 375px;
        background-color: #fff;
        box-shadow: #999 0px 5px 10px;
        border-radius: 2px; }
        .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image {
          width: 200px;
          height: 150px;
          text-align: center;
          line-height: 150px;
          margin: 10px auto 15px; }
          .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image img {
            max-width: 100%;
            vertical-align: middle; }
        .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image-intro {
          font-size: 14px;
          color: #000225;
          margin-bottom: 30px;
          text-align: center; }
        .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-company, .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product {
          font-size: 14px;
          color: #000225;
          font-weight: 600;
          margin-bottom: 10px;
          margin-left: 40px; }
        .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-company-name {
          color: #636479;
          font-size: 14px;
          margin-bottom: 20px;
          margin-left: 40px; }
        .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product-name {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          font-size: 14px;
          color: #4a81ff;
          margin-left: 40px; }
          .act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product-name div {
            margin-right: 10px;
            margin-bottom: 10px;
            cursor: pointer; }
  .act-page .casedetail-wrapper .casedetail-body {
    width: 1200px;
    margin: 40px auto 15px; }
    .act-page .casedetail-wrapper .casedetail-body .casedetail-body-title {
      border-left: 4px solid #517ad2;
      padding-left: 10px;
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 15px; }
    .act-page .casedetail-wrapper .casedetail-body .casedetail-body-content {
      font-size: 15px;
      color: #58596f;
      line-height: 26px;
      width: 850px; }
    .act-page .casedetail-wrapper .casedetail-body .casedetail-body-img {
      width: 850px; }
      .act-page .casedetail-wrapper .casedetail-body .casedetail-body-img img {
        max-width: 100%; }
  .act-page .casedetail-wrapper .casedetail-footer {
    margin-top: 90px; }

.pg-span {
  display: inline-block;
  padding: 8px 10px;
  width: 30px;
  margin: 0 5px;
  cursor: pointer;
  background: #f4f4f5;
  color: #606266;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pg-active {
  background: #409eff;
  color: #fff; }

.act-page .header .main-header {
  z-index: 999; }

.act-page .case-wrapper {
  background-color: #ffffff; }
  .act-page .case-wrapper .act-banner {
    width: 100%;
    height: 271px;
    background-image: url(/static/img/activities/case/banner.png);
    background-repeat: no-repeat;
    background-position: center; }
    .act-page .case-wrapper .act-banner .banner-title {
      color: #fff;
      width: 400px;
      margin: 0 auto;
      text-align: center;
      padding-top: 100px; }
      .act-page .case-wrapper .act-banner .banner-title .title {
        font-size: 40px;
        letter-spacing: 2px;
        margin-bottom: 15px; }
      .act-page .case-wrapper .act-banner .banner-title .sub-title {
        font-size: 18px; }
  .act-page .case-wrapper .section-title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 400; }
    .act-page .case-wrapper .section-title span {
      position: relative; }
      .act-page .case-wrapper .section-title span::before {
        content: '<';
        position: absolute;
        left: -30px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #4a81ff; }
      .act-page .case-wrapper .section-title span::after {
        content: '>';
        position: absolute;
        right: -30px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #4a81ff; }
  .act-page .case-wrapper .case-box .case-content {
    width: 1200px;
    margin: 0px auto; }
    .act-page .case-wrapper .case-box .case-content .case-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .act-page .case-wrapper .case-box .case-content .case-header .case-header-left {
        width: 550px;
        height: 310px;
        min-width: 550px;
        max-width: 550px; }
        .act-page .case-wrapper .case-box .case-content .case-header .case-header-left img {
          width: 100%;
          height: 100%; }
      .act-page .case-wrapper .case-box .case-content .case-header .case-header-right {
        width: 650px;
        min-width: 650px;
        max-width: 650px;
        height: 310px;
        position: relative;
        box-shadow: 2px 2px 10px #e4e9f9; }
        .act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-title {
          font-size: 26px;
          color: #24374e;
          margin-bottom: 20px;
          margin-top: 36px;
          margin-left: 36px; }
        .act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tips {
          font-size: 15px;
          color: #58596f;
          line-height: 22px;
          margin-bottom: 20px;
          width: 580px;
          margin-left: 36px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden; }
        .act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tags {
          font-size: 15px;
          color: #24374e;
          margin-left: 36px; }
          .act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tags span {
            color: #4679f1;
            margin-right: 15px;
            cursor: pointer; }
        .act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-btn {
          font-size: 15px;
          background-color: #4a81ff;
          text-align: center;
          width: 100px;
          height: 30px;
          line-height: 30px;
          color: #fff;
          position: absolute;
          bottom: 36px;
          border-radius: 1px;
          cursor: pointer;
          margin-left: 36px; }
    .act-page .case-wrapper .case-box .case-content .case-footer {
      padding-bottom: 36px; }
      .act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 1160px;
        margin: 50px auto 0; }
        .act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-box {
          width: 130px;
          min-width: 130px;
          height: 60px;
          line-height: 100px;
          margin-right: 20px;
          padding-bottom: 10px;
          border-bottom: 2px solid #fff;
          cursor: pointer;
          text-align: center; }
          .act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-box img {
            max-width: 130px;
            max-height: 60px; }
        .act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-select {
          border-bottom: 2px solid #4a81ff; }
      .act-page .case-wrapper .case-box .case-content .case-footer .case-line {
        height: 1px;
        background-color: #e9ecf2;
        width: 1160px;
        margin: 0 auto; }
  .act-page .case-wrapper .detail-body {
    background-color: #fafbff;
    padding-top: 50px; }
    .act-page .case-wrapper .detail-body .case-detail {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 1200px;
      margin: 0 auto; }
      .act-page .case-wrapper .detail-body .case-detail .case-detail-list {
        width: 570px;
        height: 290px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: 20px;
        margin-right: 20px;
        background-color: #fff;
        border-radius: 3px; }
        .act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover {
          box-shadow: 2px 2px 10px #e4e9f9; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover .show-btn .case-detail-conetent-tips {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4 !important;
            overflow: hidden; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover .show-btn .btn-detail {
            opacity: 1 !important; }
        .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-icon {
          width: 150px;
          height: 180px;
          margin-right: 30px;
          text-align: center;
          line-height: 180px;
          margin-left: 30px; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-icon img {
            max-width: 100%;
            vertical-align: middle; }
        .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-line {
          height: 225px;
          width: 2px;
          background-color: #e9e9e9;
          margin-right: 20px; }
        .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent {
          height: 215px;
          position: relative;
          width: 310px; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .btn-detail {
            opacity: 0;
            padding: 3px 8px;
            border-radius: 3px;
            font-size: 15px;
            background-color: #4a81ff;
            text-align: center;
            width: 85px;
            height: 24px;
            line-height: 24px;
            color: #fff;
            border-radius: 1px;
            cursor: pointer;
            margin-top: 10px; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-title {
            font-size: 20px;
            color: #000225;
            font-weight: 500;
            margin-bottom: 15px; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tips {
            font-size: 15px;
            color: #58596f;
            line-height: 26px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
            overflow: hidden; }
          .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tags {
            position: absolute;
            top: 205px; }
            .act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tags span {
              color: #4a81ff;
              margin-right: 15px;
              cursor: pointer; }
    .act-page .case-wrapper .detail-body .deatil-type {
      width: 1100px;
      margin: 0 auto;
      margin-bottom: 20px; }
      .act-page .case-wrapper .detail-body .deatil-type .industry-type {
        display: -ms-flexbox;
        display: flex;
        line-height: 30px;
        font-size: 16px; }
        .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-name {
          min-width: 85px;
          color: #58596f; }
        .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-height {
          height: auto !important; }
        .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-box {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-positive: 1;
              flex-grow: 1;
          overflow: hidden;
          height: 30px;
          line-height: 30px; }
          .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-box div {
            margin-right: 10px;
            color: #000225;
            padding: 0 15px;
            cursor: pointer;
            margin-bottom: 10px; }
        .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show {
          min-width: 55px;
          cursor: pointer;
          position: relative; }
          .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show .type-show-icon-down {
            border: solid #333;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 3px;
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            margin-left: 8px;
            position: absolute;
            top: 8px; }
          .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show .type-show-icon-up {
            border: solid #333;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 3px;
            -ms-transform: rotate(-135deg);
                transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            margin-left: 8px;
            position: absolute;
            top: 13px; }
        .act-page .case-wrapper .detail-body .deatil-type .industry-type .type-selected {
          background-color: #ebeef7 !important;
          color: #4679f1 !important; }
    .act-page .case-wrapper .detail-body .deatil-pagination {
      width: 1200px;
      margin: 0 auto;
      text-align: right;
      padding-bottom: 50px; }
      .act-page .case-wrapper .detail-body .deatil-pagination .pg-span {
        display: inline-block;
        padding: 8px 10px;
        width: 30px;
        margin: 0 5px;
        cursor: pointer;
        background: #f4f4f5;
        color: #606266;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .act-page .case-wrapper .detail-body .deatil-pagination .pg-active {
        background: #409eff;
        color: #fff; }
    .act-page .case-wrapper .detail-body .detail-empty {
      text-align: center;
      line-height: 60px;
      color: #999999; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-ai-eco {
  width: 100%;
  height: 760px;
  overflow: hidden;
  background: url(/_next/static/img/section-eco-bg.89979b9.png) bottom center no-repeat;
  background-size: contain; }
  .section-ai-eco .section-ai-eco-container {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px; }
  .section-ai-eco .section-title {
    font-size: 30px;
    color: #1a1d3c;
    font-weight: 500;
    margin-bottom: 10px; }
  .section-ai-eco .section-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #646b97; }
  .section-ai-eco .eco-card-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative; }
    .section-ai-eco .eco-card-list a {
      color: #4a81ff;
      text-decoration: none; }
    .section-ai-eco .eco-card-list .eco-card-item {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      width: 280px;
      margin: 0 8px;
      padding: 260px 20px 35px;
      border: 1px solid #e6e8f3;
      background-color: #fff;
      transition: all .2s linear;
      cursor: pointer; }
      .section-ai-eco .eco-card-list .eco-card-item:hover {
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        transform: translate3d(0, -2px, 0); }
        .section-ai-eco .eco-card-list .eco-card-item:hover .detail-link {
          visibility: visible;
          opacity: 1; }
    .section-ai-eco .eco-card-list .eco-card-01 {
      background: url(/_next/static/img/eco-bg-01.cb72529.jpg) #fff top center no-repeat;
      background-size: contain; }
    .section-ai-eco .eco-card-list .eco-card-02 {
      background: url(/_next/static/img/eco-bg-02.ce03f5b.jpg) #fff top center no-repeat;
      background-size: contain; }
    .section-ai-eco .eco-card-list .eco-card-03 {
      background: url(/_next/static/img/eco-bg-03.6fba8e8.jpg) #fff top center no-repeat;
      background-size: contain; }
    .section-ai-eco .eco-card-list .eco-card-04 {
      background: url(/_next/static/img/eco-bg-04.1d563e0.jpg) #fff top center no-repeat;
      background-size: contain; }
    .section-ai-eco .eco-card-list .card-title {
      color: #131313;
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 16px; }
    .section-ai-eco .eco-card-list .eco-card-feature {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative; }
      .section-ai-eco .eco-card-list .eco-card-feature .feature-item {
        color: #646b97;
        margin: 5px 0; }
    .section-ai-eco .eco-card-list .detail-link {
      margin-top: 16px;
      text-align: right;
      float: right;
      position: relative;
      visibility: hidden;
      opacity: 0;
      transition: opacity .2s linear;
      font-size: 14px; }
      .section-ai-eco .eco-card-list .detail-link::after {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDREVCRTNFQjI4RjExRUE4QUUzOEY3QjUyOENFREU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDREVCRTNGQjI4RjExRUE4QUUzOEY3QjUyOENFREU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNERUJFM0NCMjhGMTFFQThBRTM4RjdCNTI4Q0VERTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNERUJFM0RCMjhGMTFFQThBRTM4RjdCNTI4Q0VERTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zKHJdAAACOUlEQVR42pyVy0tVURTGzznerhSpSTOhh+UknNXIHhpmkmSFDYuaBVGEk2wWRbMSjKL+AhFsYBJqNSgpDSqxCJw4SCzsMYqsHIigx9+C74Lszj73Hjf+2F722t9+rfWdsOFmHHhaBM1wGhpgJ2yBefgCb+ExjMKKTyCptcMUdMMMXIR6KFdvvz9rfErx/7Wc8zsP9+EodMEguEf7Id7DXeiAe3ACrsBS0s5N+ImOv09H9t6ZWqw4i9+h+fkk8Qda9bjuNUub1zyb/9AVt4HDcBaWg/W1Zc1vLLxBJG5DJyykzQ7DoBJ+wSFPyIJ07phuId3sOM9K2N0/mIAxFsh7Yp7DIhyJlMd9pZw7jvmLgzb+nVau+5rpdZj4fniT5XJZYA9dNbvv94S8tsLLKYXmEu63JkX/L7TqeiZYrMcZt8KrDSn/WJW35Ij/LnKAT3AANqAQJh0wpxzdCj+dwZYiD1un9L2RMF4Nf0z8K2x3xdnNhyJp+YpuhLhbCcO7YDaSux3M8qAIT9JVINzuCWmCdyY+AGcyCD+Sl2xLCTO9wUh+vBGOlSBcQWd53sauff5jOpvgRU5Gf01WuzfNAhC0h6xMWX+z7Peq6RaMa1iJb5VVtk7jKtP8cRhyLfeyvNgWqsooXKV5Vi+XkvzciugUfIOP8pyw2DMozuK/w8m1xeh+5mzggvzYbPM69OrKZlRw9pHerXQ7p912auep39BgzRs8NdvUzs6bV+gxzVdmVR+WCC99X/9VAQYAYtKQW6IH0tsAAAAASUVORK5CYII=) center center no-repeat;
        background-size: contain;
        transition: right .1s linear;
        right: 0;
        vertical-align: sub;
        cursor: pointer; }
      .section-ai-eco .eco-card-list .detail-link:hover::after {
        transition: all .2s linear;
        -ms-transform: translateX(3px);
            transform: translateX(3px); }

@media only screen and (max-width: 576px) {
  .section-ai-eco {
    height: auto; }
    .section-ai-eco * {
      box-sizing: border-box; }
    .section-ai-eco .section-title {
      font-size: 18px; }
    .section-ai-eco .section-sub-title {
      font-size: 12px; }
  .section-ai-eco-container {
    width: 100% !important;
    padding: 0 16px;
    margin-top: 0px !important; }
    .section-ai-eco-container .eco-card-list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .section-ai-eco-container .eco-card-list .eco-card-item {
        width: 48%;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        margin: 0;
        padding: 0 0 10px;
        border: none;
        background-image: none;
        background-color: #f0f4ff;
        margin-bottom: 16px; }
        .section-ai-eco-container .eco-card-list .eco-card-item .card-title {
          background: #5787ff;
          color: #fff;
          margin-top: 0;
          padding: 8px 0;
          font-size: 14px; }
        .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature {
          padding: 0 8px;
          text-align: center;
          -ms-flex-pack: center;
              justify-content: center;
          color: #646a97;
          font-size: 12px; }
          .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature .feature-item {
            width: 100%;
            margin: 3px 0; }
          .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature::before, .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature::after {
            display: none; }
        .section-ai-eco-container .eco-card-list .eco-card-item .detail-link {
          display: block;
          visibility: visible;
          opacity: 1;
          margin-top: 10px;
          text-align: center;
          float: none;
          font-size: 12px; }
          .section-ai-eco-container .eco-card-list .eco-card-item .detail-link:before {
            display: none; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
@media only screen and (max-width: 576px) {
  .section-solution-mobile {
    overflow: hidden;
    background: url(/_next/static/img/section-solution-bg.a552c27.png) #282b48 center center no-repeat; }
    .section-solution-mobile .section-solution-container {
      width: 100%;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 40px; }
    .section-solution-mobile .section-title {
      color: #fff;
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 5px; }
    .section-solution-mobile .section-sub-title {
      font-size: 12px;
      font-weight: 400;
      width: 90%;
      margin: auto;
      color: #ffffff;
      opacity: .5; }
    .section-solution-mobile .card-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 95vw;
      margin: 50px auto 0; }
      .section-solution-mobile .card-list .card-item {
        width: 46vw;
        height: 46vw;
        margin-bottom: 12px;
        box-sizing: border-box;
        text-align: left;
        transform-style: preserve-3d;
        transition: transform .5s;
        perspective: 500;
        cursor: pointer; }
        .section-solution-mobile .card-list .card-item img {
          width: 50px;
          margin: 0 auto 2px; }
      .section-solution-mobile .card-list .card-content {
        width: 100%;
        height: 100%;
        padding: 25px;
        text-align: center;
        box-sizing: border-box;
        position: absolute;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        transition: transform .5s;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-line-pack: center;
            align-content: center; }
        .section-solution-mobile .card-list .card-content.frontend {
          background: #fff; }
        .section-solution-mobile .card-list .card-content.backend {
          color: #fff;
          background: #4a81ff;
          position: relative;
          transform: rotateY(-180deg); }
        .section-solution-mobile .card-list .card-content .card-backend-title {
          color: #fff;
          font-size: 18px;
          font-weight: 500; }
        .section-solution-mobile .card-list .card-content .card-desc {
          font-size: 14px;
          opacity: .8; }
        .section-solution-mobile .card-list .card-content .btn-link {
          text-align: center;
          font-size: 14px;
          line-height: 22px;
          border-radius: 2px;
          text-indent: 5px;
          color: #578aff;
          white-space: nowrap; }
          .section-solution-mobile .card-list .card-content .btn-link::after {
            content: "";
            line-height: 22px;
            border: 5px solid #578aff;
            display: inline-block;
            margin-left: 6px;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent; }
      .section-solution-mobile .card-list .card-item-title {
        font-size: 16px;
        color: #1a1d3c;
        font-weight: 500;
        margin: 2px 0 2px;
        text-align: center; } }

.section-solution {
  height: 880px;
  overflow: hidden;
  perspective: 1000px;
  background: url(/_next/static/img/section-solution-bg.a552c27.png) #282b48 center center no-repeat; }
  .section-solution .section-solution-container {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px; }
  .section-solution .section-title {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px; }
  .section-solution .section-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    opacity: .5; }
  .section-solution .card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 50px; }
    .section-solution .card-list .card-item {
      width: 290px;
      height: 285px;
      margin-bottom: 12px;
      box-sizing: border-box;
      text-align: left;
      position: relative;
      perspective: 1000;
      -webkit-perspective: 1000;
      margin: 5px; }
      .section-solution .card-list .card-item:hover .frontend {
        transform: rotateY(180deg); }
      .section-solution .card-list .card-item:hover .backend {
        transform: rotateY(0deg); }
    .section-solution .card-list .card-content {
      padding: 25px;
      box-sizing: border-box;
      position: absolute;
      height: 100%;
      width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transition: ease-in-out 600ms; }
      .section-solution .card-list .card-content.frontend {
        background: #fff;
        overflow: hidden; }
      .section-solution .card-list .card-content.backend {
        color: #fff;
        background: #4a81ff;
        transform: rotateY(-180deg); }
        .section-solution .card-list .card-content.backend .card-backend-title {
          color: #fff;
          font-size: 18px;
          font-weight: 500; }
        .section-solution .card-list .card-content.backend .card-desc {
          font-size: 14px;
          opacity: .8; }
        .section-solution .card-list .card-content.backend .btn-link {
          padding: 5px 10px;
          float: right;
          color: #fff;
          font-size: 14px;
          border: 1px solid rgba(255, 255, 255, 0.7);
          border-radius: 2px;
          background: #4a81ff;
          position: absolute;
          right: 25px;
          bottom: 25px;
          cursor: pointer; }
          .section-solution .card-list .card-content.backend .btn-link::after {
            content: "";
            border: 5px solid #fff;
            display: inline-block;
            margin-left: 5px;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent; }
      .section-solution .card-list .card-content .card-item-title {
        font-size: 20px; }
      .section-solution .card-list .card-content .card-item-icon {
        height: 50px; }
    .section-solution .card-list .card-item-title {
      font-size: 16px;
      color: #1a1d3c;
      font-weight: 500;
      margin-top: 10px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-video {
  width: 100%;
  margin-top: 0;
  position: relative;
  line-height: 0; }
  .section-video .video-top {
    width: 100%;
    height: 58px;
    background: url(/static/img/index/video-top-bg.png) center center no-repeat;
    background-size: cover; }
    .section-video .video-top.non {
      display: none; }
  .section-video .video-static {
    width: 100%;
    height: 320px;
    background: url(/static/img/index/video-bg.jpg) center center no-repeat;
    background-size: cover;
    transition: all .5s; }
    .section-video .video-static:hover {
      background-image: url(/static/img/index/video-bg-hover.jpg);
      cursor: pointer;
      transition: all .5s; }
    .section-video .video-static.non {
      display: none; }
  .section-video .video-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
  .section-video video {
    filter: brightness(0.6);
    height: 320px; }
    .section-video video.non {
      display: none; }

@media only screen and (max-width: 576px) {
  .section-video {
    width: 100vw;
    overflow: hidden;
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    line-height: 0; }
    .section-video .video-top {
      width: 100%;
      height: 58px;
      background: url(/static/img/index/video-top-bg.png) center center no-repeat;
      background-size: cover; }
      .section-video .video-top.non {
        display: none; }
    .section-video .video-static-mobile {
      width: 100%;
      height: 23vw;
      background: url(/static/img/index/video-bg-mobile.png) center center no-repeat;
      background-size: cover; }
      .section-video .video-static-mobile.non {
        display: none; }
    .section-video video {
      width: auto;
      height: 22vw; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.banner-container .banner1 .double-circle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: transparent; }

.banner-container .banner1 .double-circle .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  border-radius: 50%; }

.banner-container .banner1 .circle-size-0 {
  width: 16px;
  height: 6px; }

.banner-container .banner1 .circle-size-0 .size-0 {
  width: 44px;
  height: 14px;
  margin-top: -7px;
  margin-left: -22px; }

.banner-container .banner1 .circle-size-1 {
  width: 16px;
  height: 8px; }

.banner-container .banner1 .circle-size-1 .size-1 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .circle-size-2 {
  width: 24px;
  height: 12px; }

.banner-container .banner1 .circle-size-2 .size-2 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .inner-delay-0 {
  animation: banner-move1 12s linear infinite; }

.banner-container .banner1 .outer-delay-0 {
  opacity: 0;
  animation: banner-move1 12s linear 2s infinite; }

.banner-container .banner1 .inner-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 3s infinite; }

.banner-container .banner1 .outer-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 5s infinite; }

.banner-container .banner1 .inner-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 6s infinite; }

.banner-container .banner1 .outer-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 8s infinite; }

.banner-container .banner1 .left-0 {
  top: 518px;
  margin-left: -557px;
  transform: rotateX(45deg); }

.banner-container .banner1 .left-1 {
  top: 561px;
  margin-left: -396px;
  transform: rotateX(30deg); }

.banner-container .banner1 .left-2 {
  top: 476px;
  margin-left: -127px; }

.banner-container .banner1 .right-0 {
  top: 515px;
  margin-left: 94px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-1 {
  top: 487px;
  margin-left: 312px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-2 {
  top: 528px;
  margin-left: 590px;
  transform: rotateX(45deg); }

.banner-container .banner1 .bg-blur {
  position: absolute;
  top: 335px;
  left: 0;
  width: 100%;
  height: 283px;
  background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center; }

.banner-container .banner1 .bubble {
  position: absolute;
  transition-duration: 3s;
  left: 50%;
  top: 0;
  width: 1616px;
  height: 640px;
  margin-left: -808px;
  background: url(/static/img/banner-index/bubble.png) no-repeat center center;
  background-size: contain;
  animation: 6s rote infinite; }

.banner-container .banner1 .aurora-wrap {
  position: absolute;
  top: 330px;
  left: 0;
  width: 100%;
  height: 300px; }

.banner-container .banner1 .aurora-wrap .green-round {
  width: 100%;
  height: 100%;
  background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
  animation: grad-change 8s linear infinite; }

.banner-container .banner1 .aurora-wrap .red-aurora {
  position: absolute;
  top: -70px;
  left: 50%;
  width: 1050px;
  height: 300px;
  margin-left: -700px;
  background: url(/static/img/banner-index/red-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .green-aurora {
  position: absolute;
  top: 70px;
  left: 48%;
  width: 505px;
  height: 84px;
  background: url(/static/img/banner-index/green-aurora.png) no-repeat;
  animation: grad-change1 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .blue-aurora {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 1016px;
  height: 302px;
  margin-left: -508px;
  background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite;
  opacity: 0.7; }

.banner-container .banner1 .banner-line {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 2180px;
  height: 193px;
  margin-left: -1090px;
  opacity: 0.7; }

@keyframes grad-change {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes grad-change1 {
  0% {
    opacity: 0.7; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

@keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0; }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1; }
  80% {
    transform: scale(3, 3);
    opacity: 0; }
  100% {
    transform: scale(3, 3);
    opacity: 0; } }

@keyframes rote {
  0% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px); }
  50% {
    transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px); }
  100% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0); } }

@media only screen and (max-width: 576px) {
  .section-banner-mobile .banner-each {
    width: 100vw;
    height: 60vw;
    overflow: hidden;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .section-banner-mobile .banner1 {
    position: relative;
    background-image: url(/static/img/index/index-banner-mobile.jpg);
    cursor: default; }
  .section-banner-mobile .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 3;
    animation: dash 5s linear infinite; }
  @keyframes dash {
    from {
      stroke-dashoffset: 0; }
    to {
      stroke-dashoffset: 100; } } }

/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.banner-container .banner1 .double-circle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: transparent; }

.banner-container .banner1 .double-circle .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  border-radius: 50%; }

.banner-container .banner1 .circle-size-0 {
  width: 16px;
  height: 6px; }

.banner-container .banner1 .circle-size-0 .size-0 {
  width: 44px;
  height: 14px;
  margin-top: -7px;
  margin-left: -22px; }

.banner-container .banner1 .circle-size-1 {
  width: 16px;
  height: 8px; }

.banner-container .banner1 .circle-size-1 .size-1 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .circle-size-2 {
  width: 24px;
  height: 12px; }

.banner-container .banner1 .circle-size-2 .size-2 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .inner-delay-0 {
  animation: banner-move1 12s linear infinite; }

.banner-container .banner1 .outer-delay-0 {
  opacity: 0;
  animation: banner-move1 12s linear 2s infinite; }

.banner-container .banner1 .inner-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 3s infinite; }

.banner-container .banner1 .outer-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 5s infinite; }

.banner-container .banner1 .inner-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 6s infinite; }

.banner-container .banner1 .outer-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 8s infinite; }

.banner-container .banner1 .left-0 {
  top: 518px;
  margin-left: -557px;
  transform: rotateX(45deg); }

.banner-container .banner1 .left-1 {
  top: 561px;
  margin-left: -396px;
  transform: rotateX(30deg); }

.banner-container .banner1 .left-2 {
  top: 476px;
  margin-left: -127px; }

.banner-container .banner1 .right-0 {
  top: 515px;
  margin-left: 94px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-1 {
  top: 487px;
  margin-left: 312px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-2 {
  top: 528px;
  margin-left: 590px;
  transform: rotateX(45deg); }

.banner-container .banner1 .bg-blur {
  position: absolute;
  top: 335px;
  left: 0;
  width: 100%;
  height: 283px;
  background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center; }

.banner-container .banner1 .bubble {
  position: absolute;
  transition-duration: 3s;
  left: 50%;
  top: 0;
  width: 1616px;
  height: 640px;
  margin-left: -808px;
  background: url(/static/img/banner-index/bubble.png) no-repeat center center;
  background-size: contain;
  animation: 6s rote infinite; }

.banner-container .banner1 .aurora-wrap {
  position: absolute;
  top: 330px;
  left: 0;
  width: 100%;
  height: 300px; }

.banner-container .banner1 .aurora-wrap .green-round {
  width: 100%;
  height: 100%;
  background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
  animation: grad-change 8s linear infinite; }

.banner-container .banner1 .aurora-wrap .red-aurora {
  position: absolute;
  top: -70px;
  left: 50%;
  width: 1050px;
  height: 300px;
  margin-left: -700px;
  background: url(/static/img/banner-index/red-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .green-aurora {
  position: absolute;
  top: 70px;
  left: 48%;
  width: 505px;
  height: 84px;
  background: url(/static/img/banner-index/green-aurora.png) no-repeat;
  animation: grad-change1 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .blue-aurora {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 1016px;
  height: 302px;
  margin-left: -508px;
  background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite;
  opacity: 0.7; }

.banner-container .banner1 .banner-line {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 2180px;
  height: 193px;
  margin-left: -1090px;
  opacity: 0.7; }

@keyframes grad-change {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes grad-change1 {
  0% {
    opacity: 0.7; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

@keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0; }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1; }
  80% {
    transform: scale(3, 3);
    opacity: 0; }
  100% {
    transform: scale(3, 3);
    opacity: 0; } }

@keyframes rote {
  0% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px); }
  50% {
    transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px); }
  100% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0); } }

.section-banner .banner-each {
  width: 100%;
  height: 640px;
  overflow: hidden;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat; }

.section-banner .banner1 {
  position: relative;
  background-image: url(/static/img/index/index-banner.jpg);
  cursor: default; }

.section-banner .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-dasharray: 3; }

@keyframes dash {
  from {
    stroke-dashoffset: 0; }
  to {
    stroke-dashoffset: 100; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.bottom-banner-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.bottom-banner-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0 100px;
  -ms-flex-align: center;
      align-items: center;
  min-height: 110px;
  overflow: hidden;
  color: #ffffff; }

.bottom-banner-title {
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #24374e; }

.bottom-banner-divider {
  height: 28px;
  width: 1px;
  background-color: #ffffff;
  margin: 0 18px; }

.bottom-banner-desc {
  font-size: 18px;
  -ms-flex: 1;
      flex: 1;
  color: #8393ac; }

.dark .bottom-banner-title {
  color: #ffffff; }

.dark .bottom-banner-desc {
  color: #ffffff; }

.bottom-banner-btns .gaia-btn {
  height: 40px;
  line-height: 40px;
  padding: 0 30px; }

.bottom-banner-content.vertical {
  display: block;
  text-align: center;
  padding: 80px 0;
  min-height: 0; }
  .bottom-banner-content.vertical .bottom-banner-divider {
    display: none; }
  .bottom-banner-content.vertical .bottom-banner-title {
    margin-top: 0;
    margin-bottom: 20px; }
  .bottom-banner-content.vertical .bottom-banner-desc {
    margin: 0; }
  .bottom-banner-content.vertical .bottom-banner-btns {
    margin-top: 26px; }
    .bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
      padding: 0 55px; }

@media only screen and (max-width: 576px) {
  .bottom-banner-content {
    display: block;
    padding: 25px 0;
    height: auto;
    text-align: center; }
  .bottom-banner-divider {
    display: none; }
  .bottom-banner-title {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0; }
  .bottom-banner-desc {
    font-size: 12px;
    margin: 8px 0 15px; }
  .bottom-banner-btns .gaia-btn {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 18px; }
  .bottom-banner-content.vertical {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 30px 0; }
    .bottom-banner-content.vertical .bottom-banner-title {
      margin-top: 0;
      margin-bottom: 10px; }
    .bottom-banner-content.vertical .bottom-banner-btns {
      margin-top: 20px; }
      .bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
        padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-anchor {
  z-index: 1;
  background-color: #f9faff; }

.anchor-tabs, .anchor-tab-item {
  list-style: none;
  margin: 0;
  padding: 0; }

.anchor-tabs {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e6e8f4; }

.anchor-tab-item {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  height: 65px; }
  .anchor-tab-item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 25px;
    height: 15px;
    width: 1px;
    background-color: #e6e8f4; }
  .anchor-tab-item:last-child::before {
    display: none; }
  .anchor-tab-item a {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    font-size: 16px;
    text-decoration: none;
    line-height: 65px;
    height: 65px;
    color: #24374e;
    cursor: pointer; }
  .anchor-tab-item:hover a, .anchor-tab-item.active a {
    color: #4a81ff; }
  .anchor-tab-item.active a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #4a81ff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.product-price-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 20px 18px;
  font-size: 14px; }
  .product-price-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    width: 50px;
    height: 4px;
    background-color: #4a81ff; }

.product-price-card__head {
  padding: 15px 0 20px;
  border-bottom: 1px solid #e6e8f4; }
  .product-price-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 12px; }
  .product-price-card__head .desc {
    color: #8393ac;
    height: 40px;
    overflow: hidden; }

.product-price-card__body {
  padding-top: 16px;
  height: 174px;
  border-bottom: 1px solid #e6e8f4; }
  .product-price-card__body .spec {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    color: #24374e; }
    .product-price-card__body .spec > div {
      -ms-flex: 1;
          flex: 1; }
    .product-price-card__body .spec:last-child {
      margin-bottom: 0; }

.product-price-card__footer {
  padding-top: 20px;
  padding-bottom: 4px;
  text-align: center; }
  .product-price-card__footer .price {
    margin-bottom: 15px; }
    .product-price-card__footer .price span {
      font-size: 22px;
      color: #fe581c;
      font-weight: 500; }
    .product-price-card__footer .price .old-price {
      display: block;
      margin-left: 15px;
      font-weight: normal;
      font-size: 14px;
      color: #8393ac;
      text-decoration: line-through; }
  .product-price-card__footer .btns {
    min-height: 32px; }

@media only screen and (max-width: 576px) {
  .product-price-card {
    padding: 15px 10px;
    font-size: 12px; }
  .product-price-card__head {
    padding: 10px 0 15px; }
  .product-price-card__head .title {
    font-size: 14px;
    margin-bottom: 6px; }
  .product-price-card__body {
    padding-top: 12px;
    height: 140px; }
  .product-price-card__body .spec {
    margin-bottom: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.developer-resource-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  background-image: url(/static/img/bg_developer-resource.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 30px 20px;
  font-size: 14px; }

.developer-resource-card__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }
  .developer-resource-card__head img {
    margin-right: 20px; }
  .developer-resource-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }

.developer-resource-card__body {
  height: 100px;
  overflow: hidden; }
  .developer-resource-card__body .desc {
    color: #8393ac;
    line-height: 1.8; }

.developer-resource-card__footer .gaia-btn {
  margin-right: 20px; }
  .developer-resource-card__footer .gaia-btn:last-child {
    margin-right: 0px; }

@media only screen and (max-width: 576px) {
  .developer-resource-card {
    padding: 15px 10px;
    font-size: 12px; }
  .developer-resource-card__head {
    margin-bottom: 10px; }
  .developer-resource-card__head .title {
    font-size: 14px; }
  .developer-resource-card__body {
    height: 88px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.guide-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 30px 20px;
  font-size: 14px; }
  .guide-card img {
    float: right;
    position: relative;
    top: -1px; }
  .guide-card .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 18px; }
  .guide-card .desc {
    color: #8393ac; }

@media only screen and (max-width: 576px) {
  .guide-card {
    padding: 15px 10px;
    font-size: 12px; }
  .guide-card .title {
    margin-bottom: 8px; }
  .guide-card img {
    width: 35px;
    height: 35px;
    top: 5px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.tutorial-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  font-size: 14px; }
  .tutorial-card .cover {
    height: 145px;
    width: 100%;
    overflow: hidden; }
    .tutorial-card .cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .3s; }
  .tutorial-card .title {
    font-size: 15px;
    color: #24374e;
    font-weight: 500;
    padding: 0 10px;
    margin: 10px 0;
    height: 45px;
    overflow: hidden; }
  .tutorial-card .desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 13px;
    color: #8393ac;
    padding: 0 10px 12px; }
    .tutorial-card .desc span {
      -ms-flex: 1;
          flex: 1;
      margin: 0 8px; }
    .tutorial-card .desc .icon {
      display: inline-block;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .tutorial-card .desc .icon.user {
      background-image: url(/static/img/ic_user.png);
      width: 10px;
      height: 13px; }
    .tutorial-card .desc .icon.play {
      background-image: url(/static/img/ic_play.png);
      width: 19px;
      height: 19px; }
  .tutorial-card:hover .cover img {
    -ms-transform: scale(1.15);
        transform: scale(1.15); }

@media only screen and (max-width: 576px) {
  .tutorial-card {
    font-size: 12px; }
  .tutorial-card .title {
    font-size: 12px;
    height: 50px; }
  .tutorial-card .desc {
    font-size: 11px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.case-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 30px 20px;
  font-size: 14px; }

.case-card__head .case-logo {
  width: 100%;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.case-card__title {
  margin-top: 25px;
  font-size: 18px;
  text-align: center; }

.case-card__body {
  padding-top: 30px;
  padding-bottom: 30px;
  height: 200px;
  color: #8393ac;
  line-height: 1.8; }

.case-card__footer {
  text-align: center; }

@media only screen and (max-width: 576px) {
  .case-card {
    padding: 15px 10px;
    font-size: 12px; }
  .case-card__title {
    margin-top: 10px;
    font-size: 14px; }
  .case-card__body {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 170px;
    text-align: justify; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.scene-card {
  font-size: 14px;
  padding: 0 20px; }

.scene-card__head .scene-logo {
  width: 100%;
  height: 46px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.scene-card__head .title {
  margin: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #24374e;
  font-weight: 500;
  text-align: center; }

.scene-card__body {
  height: 75px;
  margin-bottom: 20px;
  overflow: hidden;
  color: #8393ac;
  line-height: 1.8; }

.scene-card__footer {
  text-align: center; }

@media only screen and (max-width: 576px) {
  .scene-card {
    padding: 20px 10px;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    font-size: 12px; }
  .scene-card__head .title {
    margin-bottom: 10px;
    font-size: 14px; }
  .scene-card__body {
    height: 66px;
    margin-bottom: 10px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.scene-card-1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 255px;
  font-size: 14px;
  padding: 50px 35px 35px;
  background-color: #ffffff;
  background-image: url(/static/img/bg_scene1.png);
  background-position: right 205px;
  background-size: auto;
  background-repeat: no-repeat;
  border: solid 1px #e6e8f4;
  transition: box-shadow ease-in-out .3s; }
  .scene-card-1:hover {
    box-shadow: 0px 3px 10px 0px rgba(43, 75, 196, 0.11); }
  .scene-card-1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -24px;
    width: 48px;
    height: 4px;
    background-color: #2976ff; }

.scene-card-1__head {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #24374e;
  text-align: center; }

.scene-card-1__body {
  -ms-flex: 1;
      flex: 1;
  margin-top: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #7a8ba6; }

.scene-card-1__footer {
  display: -ms-flexbox;
  display: flex; }
  .scene-card-1__footer .btn-label {
    font-size: 16px;
    color: #374567;
    margin-right: 20px;
    line-height: 32px; }
  .scene-card-1__footer .btn-items {
    -ms-flex: 1;
        flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .scene-card-1__footer .btn-items .gaia-btn {
      margin-bottom: 5px;
      margin-right: 5px; }
      .scene-card-1__footer .btn-items .gaia-btn:last-child {
        margin-right: 0; }

@media only screen and (max-width: 576px) {
  .scene-card-1 {
    padding: 20px 10px;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    font-size: 12px;
    height: 200px; }
  .scene-card-1__head {
    font-size: 14px; }
  .scene-card-1__footer .btn-label {
    font-size: 14px;
    margin-right: 10px;
    line-height: 27px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-scene-tab .scene-tab {
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }

.section-scene-tab .scene-tabpane-content {
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  box-sizing: border-box; }

.section-scene-tab .scene-tabpane-content__left {
  height: 370px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #e6e8f4;
  padding-right: 20px; }
  .section-scene-tab .scene-tabpane-content__left img {
    display: block;
    height: 320px;
    width: 490px;
    margin: 0 auto; }

.section-scene-tab .scene-tabpane-content__right {
  -ms-flex: 1;
      flex: 1;
  height: 370px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-left: 25px; }
  .section-scene-tab .scene-tabpane-content__right .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }
  .section-scene-tab .scene-tabpane-content__right .desc {
    color: #8393ac;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px; }
  .section-scene-tab .scene-tabpane-content__right .body {
    -ms-flex: 1;
        flex: 1;
    overflow: auto;
    padding: 10px 0;
    font-size: 14px;
    border-top: 1px dashed #e6e8f4; }
    .section-scene-tab .scene-tabpane-content__right .body p {
      margin-top: 10px;
      margin-bottom: 10px; }
  .section-scene-tab .scene-tabpane-content__right .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px; }
    .section-scene-tab .scene-tabpane-content__right .footer .btns {
      margin-top: 16px;
      width: 100%; }
    .section-scene-tab .scene-tabpane-content__right .footer .gaia-btn {
      margin-right: 10px; }
      .section-scene-tab .scene-tabpane-content__right .footer .gaia-btn:last-child {
        margin-right: 0px; }

.section-scene-tab .scene-tab .gaia-callapse {
  display: none; }

@media only screen and (max-width: 576px) {
  .section-scene-tab .scene-tab {
    border: none;
    font-size: 12px; }
  .section-scene-tab .scene-tab .gaia-tabs {
    display: none; }
  .section-scene-tab .scene-tab .gaia-callapse {
    display: block; }
  .section-scene-tab .gaia-collapse-header {
    font-size: 14px; }
  .section-scene-tab .gaia-collapse-content {
    padding: 0 10px; }
  .section-scene-tab .scene-tabpane-content {
    display: block;
    margin: 0;
    overflow: hidden; }
  .section-scene-tab .scene-tabpane-content__left {
    width: 100%;
    height: auto;
    padding: 25px 0;
    box-sizing: border-box;
    border-right: none;
    text-align: center; }
    .section-scene-tab .scene-tabpane-content__left img {
      width: 245px;
      height: 160px; }
  .section-scene-tab .scene-tabpane-content__right {
    height: auto; }
    .section-scene-tab .scene-tabpane-content__right .title {
      font-size: 14px; } }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;transition:.3s;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-ms-transform:scale(0);transform:scale(0);-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-ms-transform-origin:50%;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-scene-tab-swiper .scene-tab {
  border: none; }

.section-scene-tab-swiper .scene-tab, .section-scene-tab-swiper .gaia-tabs, .section-scene-tab-swiper .gaia-tabs-bar, .section-scene-tab-swiper .gaia-tabs-content {
  background-color: transparent; }

.section-scene-tab-swiper .scene-tabpane-content {
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  padding-top: 50px;
  box-sizing: border-box; }

.section-scene-tab-swiper .scene-tabpane-content__left {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 330px;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
  -ms-flex-direction: column;
      flex-direction: column;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right bottom; }
  .section-scene-tab-swiper .scene-tabpane-content__left .head {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin: 25px 0; }
  .section-scene-tab-swiper .scene-tabpane-content__left .body {
    -ms-flex: 1;
        flex: 1;
    overflow: auto;
    color: #8393ac;
    line-height: 1.8;
    font-size: 14px;
    white-space: pre-wrap; }
  .section-scene-tab-swiper .scene-tabpane-content__left .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px; }
    .section-scene-tab-swiper .scene-tabpane-content__left .footer .btns {
      margin-top: 16px;
      width: 100%; }
    .section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn {
      margin-right: 10px; }
      .section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn:last-child {
        margin-right: 0px; }

.section-scene-tab-swiper .scene-tabpane-content__right {
  position: relative;
  width: 620px;
  height: 330px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
    border-radius: 5px;
    width: 620px;
    height: 330px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    background-size: 8px 13px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    outline: none;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(16, 62, 237, 0.39); }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev::after, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next::after {
      font-size: 14px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev {
    left: -15px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    right: -15px; }

.section-scene-tab-swiper .scene-tab .gaia-callapse {
  display: none; }

@media only screen and (max-width: 576px) {
  .section-scene-tab-swiper .scene-tab {
    border: none;
    font-size: 12px; }
  .section-scene-tab-swiper .scene-tab .gaia-tabs {
    display: none; }
  .section-scene-tab-swiper .scene-tab .gaia-callapse {
    display: block; }
  .section-scene-tab-swiper .gaia-collapse-header {
    font-size: 14px; }
  .section-scene-tab-swiper .gaia-collapse-content {
    padding: 0; }
  .section-scene-tab-swiper .scene-tabpane-content {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    margin: 0;
    padding: 15px;
    overflow: hidden; }
  .section-scene-tab-swiper .scene-tabpane-content__left {
    width: 100%;
    height: auto;
    margin-right: 0;
    box-sizing: border-box;
    border-right: none; }
    .section-scene-tab-swiper .scene-tabpane-content__left .head {
      font-size: 12px;
      margin: 25px 0 0; }
    .section-scene-tab-swiper .scene-tabpane-content__left .body {
      font-size: 12px;
      margin-top: 5px; }
  .section-scene-tab-swiper .scene-tabpane-content__right {
    height: auto;
    width: 100%;
    text-align: center;
    margin: -15px;
    padding: 15px; }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
      display: none; }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
      width: 310px;
      height: 166px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-step .steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.section-step .steps-item:not(:last-child) {
  position: relative;
  -ms-flex: 1;
      flex: 1; }
  .section-step .steps-item:not(:last-child)::after {
    position: absolute;
    content: '';
    top: 90px;
    right: 10px;
    left: 150px;
    border-top: 1px solid #d6deff; }

.section-step .steps-item-content {
  width: 140px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .section-step .steps-item-content img {
    width: 52px;
    height: 52px; }
  .section-step .steps-item-content .steps-item-nth {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 1px;
    color: #4a81ff;
    margin: 20px 0 0; }
  .section-step .steps-item-content .steps-item-title {
    font-size: 18px;
    color: #3d4665; }
  .section-step .steps-item-content .steps-item-desc {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #7a8ba6;
    overflow: hidden;
    text-align: justify; }

@media only screen and (max-width: 576px) {
  .section-step .steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .section-step .steps-item {
    position: relative;
    background-color: #ffffff;
    border: solid 1px #e6e8f4;
    padding: 20px 15px 20px 65px; }
  .section-step .steps-item:not(:last-child) {
    margin-bottom: 15px; }
    .section-step .steps-item:not(:last-child)::after {
      display: none; }
  .section-step .steps-item-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    .section-step .steps-item-content img {
      position: absolute;
      top: 24px;
      left: 22px;
      width: 28px;
      height: 28px; }
    .section-step .steps-item-content .steps-item-nth {
      font-size: 15px;
      line-height: normal;
      color: #4a81ff;
      margin: 0; }
    .section-step .steps-item-content .steps-item-title {
      font-size: 14px;
      color: #3d4665; }
    .section-step .steps-item-content .steps-item-desc {
      width: 100%;
      height: 32px;
      margin-top: 10px;
      font-size: 12px;
      line-height: 15px;
      color: #7a8ba6;
      overflow: hidden;
      text-align: justify; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.advantage-card {
  font-size: 14px;
  padding: 40px 20px;
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }

.advantage-card__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
  height: 40px;
  overflow: hidden; }
  .advantage-card__head img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .advantage-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }

.advantage-card__body {
  height: 100px;
  overflow: hidden;
  color: #8393ac;
  line-height: 1.8; }

.advantage-card.style2 {
  padding: 25px 20px; }
  .advantage-card.style2 .advantage-card__head {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    height: 95px; }
    .advantage-card.style2 .advantage-card__head img {
      width: 46px;
      height: 46px;
      margin-bottom: 15px;
      margin-right: 0; }
  .advantage-card.style2 .advantage-card__body {
    height: 100px;
    overflow: hidden; }

@media only screen and (max-width: 576px) {
  .advantage-card {
    font-size: 12px;
    padding: 20px 10px; }
  .advantage-card__head {
    margin-bottom: 10px;
    height: 20px; }
    .advantage-card__head img {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
    .advantage-card__head .title {
      font-size: 14px; }
  .advantage-card.style2 {
    padding: 15px 10px; }
    .advantage-card.style2 .advantage-card__head {
      height: 55px; }
      .advantage-card.style2 .advantage-card__head img {
        width: 25px;
        height: 25px;
        margin-bottom: 6px;
        margin-right: 0; }
    .advantage-card.style2 .advantage-card__body {
      height: auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.speakers-tabs-table {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }
  .speakers-tabs-table .gaia-tabs-bar {
    padding-top: 75px; }
  .speakers-tabs-table table {
    width: 100%; }
  .speakers-tabs-table thead th {
    height: 75px;
    vertical-align: middle;
    color: #4a81ff;
    text-align: center; }
  .speakers-tabs-table .speakers-table-body {
    max-height: 596px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    overflow-y: auto; }
  .speakers-tabs-table tbody td {
    text-align: center;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    color: #24374e; }
  .speakers-tabs-table .price {
    color: #fe581c; }
    .speakers-tabs-table .price .old-price {
      text-decoration: line-through;
      color: #ccc;
      font-size: 12px;
      margin-top: 5px;
      margin-left: 5px; }
  .speakers-tabs-table .service-tips {
    color: #8f9dae;
    margin-top: 30px;
    font-size: 14px; }

.speakers-tabs .gaia-tab {
  width: 180px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  transition: all .3s; }

.speakers-tabs .gaia-tab.gaia-tab-active {
  background-color: #f4f5f9; }

.speakers-tabs .gaia-tab-pane {
  transition: none; }

.speakers-tabs-table .scene-title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 180px;
  height: 75px;
  line-height: 75px;
  color: #4a81ff;
  font-weight: bold;
  z-index: 2; }
  .speakers-tabs-table .scene-title span {
    position: relative; }
  .speakers-tabs-table .scene-title .badge-icon {
    position: absolute;
    top: -8px;
    left: 100%; }

.audio-player {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-right: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/static/img/player.png);
  vertical-align: middle;
  cursor: pointer; }
  .audio-player.play {
    background-position: left center; }
  .audio-player audio {
    pointer-events: none; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-picture img {
  display: block;
  width: 100%; }

.section-industry-picture .container {
  padding-bottom: 50px; }

@media only screen and (max-width: 576px) {
  .section-industry-picture .container {
    padding-bottom: 30px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-video-tutorial .video-tutorial-wrap {
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border: solid 1px #e6e8f4; }

.section-video-tutorial .video-box {
  position: relative;
  width: 781px;
  height: 450px;
  background-color: #000; }
  .section-video-tutorial .video-box video {
    width: 100%;
    height: 100%;
    outline: none; }
  .section-video-tutorial .video-box .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.23);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .section-video-tutorial .video-box .mask .icon-play {
      display: inline-block;
      width: 60px;
      height: 60px;
      background: url(/static/img/ic_play-1.png);
      cursor: pointer; }

.section-video-tutorial .tutorial-box {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  padding: 0 35px;
  font-size: 14px;
  color: #2b3e54;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url(/static/img/bg_video-tutorial.png); }
  .section-video-tutorial .tutorial-box .tutorial-title {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #2b3e54;
    margin: 40px 0; }
    .section-video-tutorial .tutorial-box .tutorial-title::after {
      position: absolute;
      content: '';
      top: 45px;
      left: 0;
      width: 44px;
      height: 4px;
      background-color: #4a81ff; }
  .section-video-tutorial .tutorial-box .tutorial-desc {
    color: #7a8ba6;
    line-height: 1.8;
    white-space: pre-wrap; }
  .section-video-tutorial .tutorial-box .tutorial-lecturer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 35px; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/static/img/ic_user.png);
      margin-right: 8px; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer .title {
      margin-left: 18px;
      color: #7a8ba6; }

@media only screen and (max-width: 576px) {
  .section-video-tutorial .video-tutorial-wrap {
    display: block;
    padding: 16px 12px; }
  .section-video-tutorial .video-box {
    position: relative;
    width: 100% !important;
    height: auto !important; }
  .section-video-tutorial .tutorial-box {
    background: none;
    padding: 0;
    font-size: 12px; }
    .section-video-tutorial .tutorial-box .tutorial-title {
      margin: 16px 0 10px;
      font-size: 12px;
      line-height: normal; }
      .section-video-tutorial .tutorial-box .tutorial-title::after {
        display: none; }
    .section-video-tutorial .tutorial-box .tutorial-desc {
      margin: 10px 0 25px;
      line-height: 1.8; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer {
      position: static;
      padding: 0; }
      .section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
        margin-right: 6px; }
      .section-video-tutorial .tutorial-box .tutorial-lecturer .title {
        margin-left: 9px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-rich-text {
  position: relative;
  padding: 30px 20px;
  font-size: 14px; }

.section-industry-richtext .container {
  padding-bottom: 50px; }

@media only screen and (max-width: 576px) {
  .section-rich-text {
    padding: 15px 10px;
    font-size: 12px; }
  .section-industry-richtext .container {
    padding-bottom: 30px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-banner {
  width: 100%; }
  .section-industry-banner div {
    outline: none; }
  .section-industry-banner .banner-bg {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; }
    .section-industry-banner .banner-bg .banner-title {
      margin-top: 180px;
      margin-bottom: 0;
      font-size: 40px;
      color: #fff;
      text-align: center; }
    .section-industry-banner .banner-bg .banner-desc {
      margin: 8px auto 0;
      width: 776px;
      line-height: 28px;
      text-align: center;
      color: #fff;
      letter-spacing: 2px; }
    .section-industry-banner .banner-bg .industry-banner-btns {
      margin-top: 37px;
      text-align: center; }
      .section-industry-banner .banner-bg .industry-banner-btns .gaia-btn {
        margin-right: 30px; }
        .section-industry-banner .banner-bg .industry-banner-btns .gaia-btn:nth-last-child(1) {
          margin-right: 0; }
      .section-industry-banner .banner-bg .industry-banner-btns button {
        padding: 0px 28px; }
  @media only screen and (max-width: 576px) {
    .section-industry-banner .banner-bg {
      height: 230px; }
      .section-industry-banner .banner-bg .banner-title {
        margin-top: 43px;
        padding-left: 16px;
        font-size: 20px;
        text-align: left; }
      .section-industry-banner .banner-bg .banner-desc {
        margin: 5px 0;
        padding-left: 16px;
        width: 280px;
        font-size: 10px;
        line-height: 18px;
        text-align: left; }
      .section-industry-banner .banner-bg .industry-banner-btns {
        margin-top: 14px;
        text-align: left;
        padding-left: 16px; }
        .section-industry-banner .banner-bg .industry-banner-btns button {
          padding: 0px 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-policy {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-policy .card-list {
    margin-bottom: 35px; }
  .section-industry-policy .block-info .info-wrap {
    position: relative;
    padding: 10px 20px;
    margin: 3px 30px 3px 0;
    height: 110px; }
    .section-industry-policy .block-info .info-wrap:hover {
      box-shadow: 3px 3px 6px #eee; }
    .section-industry-policy .block-info .info-wrap p {
      margin: 0;
      letter-spacing: 1px; }
    .section-industry-policy .block-info .info-wrap .info-title {
      position: relative;
      margin: 9px 0 9px 12px;
      font-size: 18px;
      line-height: 21px;
      color: #191c3d; }
      .section-industry-policy .block-info .info-wrap .info-title::before {
        content: '';
        position: absolute;
        left: -12px;
        width: 4px;
        height: 21px;
        background-color: #4a81ff; }
    .section-industry-policy .block-info .info-wrap .info-desc {
      font-size: 14px;
      line-height: 20px;
      color: #646b97; }
    .section-industry-policy .block-info .info-wrap .info-wrap-link {
      position: absolute;
      left: 20px;
      bottom: 15px;
      font-size: 14px;
      color: #4a81ff;
      text-decoration: none; }
  .section-industry-policy .block-window {
    position: relative;
    height: 400px;
    padding: 0;
    background-color: #ebf2fb;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .section-industry-policy .block-window .window-wrap {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 120px;
      background-color: rgba(74, 129, 255, 0.82); }
      .section-industry-policy .block-window .window-wrap .window-wrap-title {
        position: relative;
        margin-top: 20px;
        margin-left: 36px;
        width: 430px;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px; }
        .section-industry-policy .block-window .window-wrap .window-wrap-title::after {
          content: '';
          position: absolute;
          bottom: -15px;
          left: 9px;
          width: 400px;
          height: 1px;
          background-color: #fff; }
      .section-industry-policy .block-window .window-wrap .window-wrap-link {
        position: absolute;
        right: 30px;
        bottom: 18px;
        font-size: 14px;
        color: #fff;
        text-decoration: none; }
  @media only screen and (max-width: 576px) {
    .section-industry-policy .gaia-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
      margin-bottom: 0; }
      .section-industry-policy .gaia-row .block-window {
        height: 178px; }
        .section-industry-policy .gaia-row .block-window .window-wrap {
          height: 64px; }
          .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title {
            margin-top: 6px;
            margin-left: 25px;
            width: 75%;
            font-size: 12px;
            line-height: 20px; }
            .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title::after {
              bottom: -7px;
              left: 0;
              width: 90%;
              height: 1px;
              background-color: #fff; }
          .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-link {
            right: 18px;
            bottom: 5px;
            font-size: 12px; }
      .section-industry-policy .gaia-row .block-info {
        background-color: #fff; }
        .section-industry-policy .gaia-row .block-info .info-wrap {
          padding: 14px 0;
          margin: 0 20px;
          height: auto;
          border-bottom: 1px solid #eff0f3; }
          .section-industry-policy .gaia-row .block-info .info-wrap:last-child {
            border-bottom: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap:hover {
            box-shadow: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-title {
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-weight: bold; }
            .section-industry-policy .gaia-row .block-info .info-wrap .info-title::before {
              display: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-desc {
            margin-top: 4px;
            font-size: 12px;
            line-height: 18px; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-wrap-link {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            font-size: 0; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-solution {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-solution .card-list .solution-card {
    padding: 0 50px;
    height: 394px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #3c3d6e;
    transition: all .5s;
    color: #fff;
    overflow: hidden; }
    .section-industry-solution .card-list .solution-card i {
      display: inline-block;
      margin-top: 140px;
      width: 66px;
      height: 66px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      transition: all .5s; }
    .section-industry-solution .card-list .solution-card p {
      margin: 0; }
    .section-industry-solution .card-list .solution-card .info-title {
      font-size: 18px;
      line-height: 44px;
      font-weight: bold; }
    .section-industry-solution .card-list .solution-card .info-desc {
      font-size: 14px; }
    .section-industry-solution .card-list .solution-card .info-wrap-link {
      display: inline-block;
      margin-top: 400px;
      width: 154px;
      height: 46px;
      font-size: 14px;
      line-height: 46px;
      background-color: #4a81ff;
      border-radius: 4px;
      color: #fff;
      text-align: center;
      text-decoration: none;
      transition: all .5s; }
    .section-industry-solution .card-list .solution-card:hover {
      background-size: 110%;
      background-color: #1689ff; }
      .section-industry-solution .card-list .solution-card:hover i {
        margin-top: 56px;
        transition: all .5s; }
      .section-industry-solution .card-list .solution-card:hover .info-wrap-link {
        margin-top: 80px;
        background-color: #fff;
        color: #000;
        transition: all .5s; }
  @media only screen and (max-width: 576px) {
    .section-industry-solution {
      margin-bottom: 15px; }
      .section-industry-solution .card-list .solution-card {
        padding: 0 14px;
        height: auto; }
        .section-industry-solution .card-list .solution-card i {
          margin-top: 8px;
          width: 33px;
          height: 33px; }
        .section-industry-solution .card-list .solution-card p {
          margin: 0; }
        .section-industry-solution .card-list .solution-card .info-title {
          font-size: 14px;
          line-height: 22px; }
        .section-industry-solution .card-list .solution-card .info-desc {
          margin-top: 4px;
          min-height: 32px;
          max-height: 80px;
          font-size: 12px;
          overflow: hidden; }
        .section-industry-solution .card-list .solution-card .info-wrap-link {
          margin-top: 8px;
          margin-bottom: 14px;
          width: 82px;
          height: 24px;
          font-size: 12px;
          line-height: 24px;
          border-radius: 2px; }
        .section-industry-solution .card-list .solution-card:hover {
          background-size: 110%;
          background-color: #4a81ff; }
          .section-industry-solution .card-list .solution-card:hover i {
            margin-top: 8px;
            transition: all .5s; }
          .section-industry-solution .card-list .solution-card:hover .info-wrap-link {
            margin-top: 8px;
            background-color: #fff;
            color: #000;
            transition: all .5s; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-advantage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-advantage .card-list .advantage-card {
    margin: 25px;
    padding: 0;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2);
    overflow: hidden; }
    .section-industry-advantage .card-list .advantage-card i {
      position: absolute;
      margin-top: -25px;
      margin-left: -25px;
      width: 66px;
      height: 66px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .section-industry-advantage .card-list .advantage-card p {
      margin: 0; }
    .section-industry-advantage .card-list .advantage-card .info-title {
      margin-top: 46px;
      font-size: 18px;
      color: #4f4f4f;
      line-height: 20px;
      text-align: center; }
    .section-industry-advantage .card-list .advantage-card .info-desc {
      margin-top: 15px;
      padding: 0 30px;
      font-size: 14px;
      line-height: 23px;
      white-space:  pre-wrap; }
  @media only screen and (max-width: 576px) {
    .section-industry-advantage {
      margin-top: 0 !important;
      padding-bottom: 0 !important; }
      .section-industry-advantage .card-list {
        margin-bottom: 0; }
        .section-industry-advantage .card-list .gaia-col-sm-1 {
          margin-bottom: 0; }
          .section-industry-advantage .card-list .gaia-col-sm-1 .advantage-card {
            height: 160px; }
        .section-industry-advantage .card-list .gaia-col-sm-2 {
          padding: 0; }
          .section-industry-advantage .card-list .gaia-col-sm-2:nth-of-type(odd) .advantage-card {
            margin-left: 25px;
            margin-right: 15px; }
        .section-industry-advantage .card-list .advantage-card {
          margin: 15px;
          height: 190px;
          box-shadow: 0 2px 6px rgba(56, 115, 187, 0.2); }
          .section-industry-advantage .card-list .advantage-card i {
            margin-top: -15px;
            margin-left: -15px;
            width: 32px;
            height: 32px; }
          .section-industry-advantage .card-list .advantage-card .info-title {
            margin-top: 18px;
            padding: 0 10px;
            font-size: 14px; }
          .section-industry-advantage .card-list .advantage-card .info-desc {
            margin-top: 10px;
            padding: 0 10px;
            font-size: 12px;
            line-height: 20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-case {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-case .container {
    position: relative; }
    .section-industry-case .container .card-list .slick-dots li.slick-active .partner-dot {
      color: #fff;
      background-color: #4a81ff !important; }
  .section-industry-case .industry-case-block {
    position: relative;
    outline: none; }
    .section-industry-case .industry-case-block .info-wrap {
      position: relative;
      padding-left: 50px;
      padding-right: 140px;
      width: 550px;
      height: 470px;
      background-color: #fafbff;
      overflow: hidden; }
      .section-industry-case .industry-case-block .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-case .industry-case-block .info-wrap .info-title {
        position: relative;
        margin-top: 60px;
        font-size: 20px;
        line-height: 21px;
        color: #191c3d; }
      .section-industry-case .industry-case-block .info-wrap .info-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 26px;
        color: #646b97;
        white-space: pre-wrap; }
      .section-industry-case .industry-case-block .info-wrap .case-use-ability {
        position: absolute;
        top: 278px; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability p {
          margin-bottom: 30px;
          font-size: 18px;
          color: #191c3d; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
          display: inline-block;
          padding: 10px 14px;
          margin-right: 20px;
          margin-bottom: 10px;
          line-height: 14px;
          text-decoration: none;
          font-size: 14px;
          color: #3d4665;
          border: 1px solid #e7eaf1;
          background-color: #fff;
          border-radius: 17px; }
    .section-industry-case .industry-case-block .industry-case-img {
      position: absolute;
      right: 0;
      top: 58px;
      width: 510px;
      height: 354px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  @media only screen and (max-width: 576px) {
    .section-industry-case .industry-case-block .info-wrap {
      margin-top: 144px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      height: auto; }
      .section-industry-case .industry-case-block .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-case .industry-case-block .info-wrap .info-title {
        margin-top: 16px;
        font-size: 14px;
        line-height: 14px; }
      .section-industry-case .industry-case-block .info-wrap .info-desc {
        margin-top: 12px;
        font-size: 12px;
        line-height: 20px;
        color: #3d4665;
        white-space: pre-wrap; }
      .section-industry-case .industry-case-block .info-wrap .case-use-ability {
        position: relative;
        top: 0; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability p {
          margin-top: 16px;
          margin-bottom: 12px;
          font-size: 14px;
          font-weight: bold; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
          display: inline-block;
          padding: 4px 6px;
          margin-right: 12px;
          margin-bottom: 4px;
          font-size: 12px;
          line-height: 12px;
          border-radius: 12px; }
    .section-industry-case .industry-case-block .industry-case-img {
      left: 0;
      top: 0;
      width: 100%;
      height: 144px;
      background-size: auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-process {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-process .card-list .process-card {
    position: relative;
    margin: 27px 47px 77px;
    padding: 0 20px;
    height: 190px;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right; }
    .section-industry-process .card-list .process-card i {
      display: inline-block;
      margin-top: 36px;
      width: 45px;
      height: 45px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .section-industry-process .card-list .process-card p {
      margin: 0; }
    .section-industry-process .card-list .process-card .info-title {
      margin-top: 18px;
      font-size: 18px;
      color: #4f4f4f;
      font-weight: bold;
      line-height: 20px; }
    .section-industry-process .card-list .process-card .info-desc {
      margin-top: 12px;
      font-size: 14px;
      line-height: 20px;
      color: #9da0ad;
      white-space:  pre-wrap; }
    .section-industry-process .card-list .process-card::after {
      content: '';
      position: absolute;
      right: -75px;
      top: 77px;
      width: 36px;
      height: 36px;
      background-image: url(/static/img/industry/icon-next.jpg); }
    .section-industry-process .card-list .process-card:nth-of-type(4) {
      background-color: #000; }
  .section-industry-process .card-list > div:last-child .process-card::after {
    display: none; }
  @media only screen and (max-width: 576px) {
    .section-industry-process .card-list {
      margin-bottom: 10px; }
      .section-industry-process .card-list .process-card {
        margin: 5px;
        padding: 15px;
        height: 120px;
        box-shadow: 0 2px 5px rgba(56, 115, 187, 0.2); }
        .section-industry-process .card-list .process-card i {
          margin-top: 0;
          width: 40px;
          height: 40px; }
        .section-industry-process .card-list .process-card .info-title {
          margin-top: 14px;
          font-size: 14px; }
        .section-industry-process .card-list .process-card .info-desc {
          margin-top: 10px;
          font-size: 12px;
          line-height: 16px; }
        .section-industry-process .card-list .process-card::after {
          display: none; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-partner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .section-industry-partner .industry-partner-card {
    outline: none; }
  .section-industry-partner .industry-partner-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: start;
    margin: 0 auto;
    padding: 50px 40px;
    width: 850px;
    font-size: 0;
    background-color: #fff;
    border: 1px solid #e4eaf9; }
    .section-industry-partner .industry-partner-wrap .slick-dots-ul {
      margin: 0; }
    .section-industry-partner .industry-partner-wrap .icon-wrap {
      padding-right: 40px;
      border-right: 1px solid #e4eaf9; }
      .section-industry-partner .industry-partner-wrap .icon-wrap i {
        display: inline-block;
        width: 130px;
        height: 130px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
    .section-industry-partner .industry-partner-wrap .info-wrap {
      position: relative;
      margin-left: 40px;
      width: 630px;
      overflow: hidden; }
      .section-industry-partner .industry-partner-wrap .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-partner .industry-partner-wrap .info-wrap .info-title {
        position: relative;
        font-size: 18px;
        line-height: 24px; }
      .section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px;
        color: #3d4665;
        white-space:  pre-wrap; }
  .section-industry-partner .apply-buttons {
    text-align: center; }
    .section-industry-partner .apply-buttons .apply-link {
      display: inline-block;
      margin-top: 114px;
      margin-bottom: 55px;
      width: 154px;
      height: 46px;
      line-height: 46px;
      background-color: #4a81ff;
      border-radius: 4px;
      color: #fff;
      text-align: center;
      text-decoration: none;
      box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2); }
      .section-industry-partner .apply-buttons .apply-link:hover {
        background-color: rgba(74, 129, 255, 0.77); }
  .section-industry-partner .slick-dots li.slick-active .partner-dot {
    color: #fff;
    background-color: #4a81ff !important; }
  @media only screen and (max-width: 576px) {
    .section-industry-partner {
      margin-top: 0 !important; }
      .section-industry-partner .industry-partner-wrap {
        padding: 18px;
        width: auto;
        border: none; }
        .section-industry-partner .industry-partner-wrap .icon-wrap {
          position: absolute;
          padding: 0;
          bottom: 18px;
          right: 18px;
          border-right: none;
          opacity: 0.5; }
          .section-industry-partner .industry-partner-wrap .icon-wrap i {
            background-position: bottom; }
        .section-industry-partner .industry-partner-wrap .info-wrap {
          margin-left: 0;
          width: auto; }
          .section-industry-partner .industry-partner-wrap .info-wrap .info-title {
            font-size: 14px;
            line-height: 20px; }
          .section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
            margin-top: 8px;
            height: 140px;
            font-size: 12px;
            overflow: hidden; }
      .section-industry-partner .apply-buttons .apply-link {
        margin-top: 48px;
        margin-bottom: 15px;
        width: 150px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        border-radius: 2px; }
      .section-industry-partner .slick-dots {
        margin-bottom: 18px !important; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-ability {
  overflow: hidden;
  background: linear-gradient(#fff 284px, #f9fbff 285px); }
  .section-industry-ability .scene-tab {
    border: none;
    background-color: transparent; }
    .section-industry-ability .scene-tab .gaia-tabs-bar {
      border: none;
      background-color: transparent; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav {
        padding: 0 200px; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav span {
          height: auto; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
          display: none; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab:hover {
          color: #000; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab-active:hover {
          color: #4a81ff; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs i {
          width: 60px;
          height: 60px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs p {
          display: inline-block;
          margin-top: 8px;
          margin-bottom: 18px;
          color: #191c3d;
          line-height: 20px; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tab-active .ability-tabs p {
        color: #4a81ff; }
    .section-industry-ability .scene-tab .gaia-tabs, .section-industry-ability .scene-tab .gaia-tabs-content {
      min-height: 390px;
      background-color: transparent; }
  .section-industry-ability .industry-ability-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 70px;
    box-sizing: border-box; }
    .section-industry-ability .industry-ability-block .industry-ability-wrap {
      margin: 0 10px;
      width: 380px;
      font-size: 0;
      text-align: center; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap a {
        text-decoration: none;
        color: #000; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap p {
        margin: 0;
        font-size: 14px; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap i {
        display: inline-block;
        width: 66px;
        height: 66px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
        margin-top: 16px; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
        padding: 0 20px;
        margin-top: 26px;
        margin-bottom: 85px;
        line-height: 22px;
        text-align: center;
        color: #646b97;
        white-space:  pre-wrap; }
        .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc span {
          display: inline-block;
          text-align: left; }
  @media only screen and (max-width: 576px) {
    .section-industry-ability {
      margin-bottom: 15px;
      background: none;
      background-color: #f9fbff; }
      .section-industry-ability .industry-ability-block {
        display: inline-block;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        padding-top: 4px;
        box-sizing: border-box; }
        .section-industry-ability .industry-ability-block .industry-ability-wrap {
          margin: 0;
          width: 100%;
          text-align: left; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap a {
            text-decoration: none;
            color: #000; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap p {
            margin: 0;
            font-size: 12px; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap i {
            display: none; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
            margin-top: 20px;
            font-weight: bold; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
            margin-top: 12px;
            margin-bottom: 35px;
            padding: 0;
            line-height: 22px;
            text-align: left; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-scene .scene-tab {
  margin-bottom: 50px;
  background-color: #ffffff;
  border: none; }
  .section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab span {
    margin: 10px 36px 10px 0;
    padding: 0;
    height: 43px;
    width: 320px;
    text-align: right;
    line-height: 43px; }
  .section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
    display: none; }
  .section-industry-scene .scene-tab .gaia-tabs-horizontal .gaia-tabs-inkbar {
    left: 356px; }
  .section-industry-scene .scene-tab .gaia-tabs-content {
    margin-left: 45px;
    padding: 0 68px 0 42px;
    width: 810px;
    height: 450px;
    border: 1px solid #2767fc;
    border-bottom-right-radius: 100px; }

.section-industry-scene .industry-scene-block {
  box-sizing: border-box; }
  .section-industry-scene .industry-scene-block .industry-scene-wrap {
    min-height: 225px;
    overflow: hidden;
    font-size: 0;
    border-bottom: 1px solid #f3f3f3; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap:last-child {
      border: none; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap p {
      margin: 0; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 26px;
      font-size: 16px;
      font-weight: bold; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
        display: inline-block;
        width: 60px;
        height: 60px;
        margin-right: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
      margin-top: 8px;
      line-height: 22px;
      font-size: 14px;
      text-align: left; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
        display: inline-block;
        margin-right: 32px;
        color: #666;
        line-height: 38px; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
        margin-bottom: 13px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
          display: inline;
          margin-right: 0;
          line-height: 25px; }

@media only screen and (max-width: 576px) {
  .section-industry-scene .scene-tab {
    margin-bottom: 15px; }
  .section-industry-scene .industry-scene-block {
    box-sizing: border-box; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap {
      margin: 0;
      width: 100%;
      min-height: auto;
      text-align: left; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
        margin-top: 12px;
        font-size: 14px;
        font-weight: bold; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
          display: none; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
        margin-top: 12px;
        margin-bottom: 12px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
          margin-right: 20px;
          font-size: 12px;
          color: #666;
          line-height: 20px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
          margin-bottom: 13px; }
          .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
            display: inline;
            line-height: 20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sf-footer {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 1200px;
  font-size: 12px;
  background: #141519;
  color: #7e8187;
  z-index: 1; }
  .sf-footer .sf-footer-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 21px;
    width: 1200px;
    height: auto; }
    .sf-footer .sf-footer-top .footer-top-left {
      display: -ms-flexbox;
      display: flex; }
    .sf-footer .sf-footer-top .top-item {
      padding-top: 20px;
      padding-right: 100px;
      min-width: 60px; }
    .sf-footer .sf-footer-top .top-item h3 {
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 28px; }
    .sf-footer .sf-footer-top .top-item h4 {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: normal;
      color: #7e8187;
      line-height: 18px; }
    .sf-footer .sf-footer-top .top-item ul {
      margin-top: 10px; }
    .sf-footer .sf-footer-top .top-item li {
      display: block;
      list-style: none;
      line-height: 26px;
      color: #ccc;
      font-size: 12px; }
      .sf-footer .sf-footer-top .top-item li p {
        margin: 0; }
      .sf-footer .sf-footer-top .top-item li a {
        color: #ccc;
        text-decoration: none; }
        .sf-footer .sf-footer-top .top-item li a:hover {
          color: #4679f1; }
      .sf-footer .sf-footer-top .top-item li span {
        color: #7e8187; }
    .sf-footer .sf-footer-top .fucusus .wx {
      width: 62px;
      height: 62px;
      margin-top: 6px;
      margin-right: 35px;
      color: #7e8187;
      text-align: center;
      font-size: 12px;
      background-size: cover; }
    .sf-footer .sf-footer-top .fucusus .office-wechat {
      margin-top: 5px;
      font-size: 12px; }
  .sf-footer .sf-footer-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    border-top: 1px solid #2a3345;
    line-height: 48px;
    color: #7e8187;
    text-align: center; }
    .sf-footer .sf-footer-bottom a {
      margin: 0 15px;
      text-decoration: none;
      color: #7e8187; }
      .sf-footer .sf-footer-bottom a:hover {
        color: #4679f1; }
    .sf-footer .sf-footer-bottom .sf-beian {
      background: url(/static/img/beian.png) no-repeat left;
      background-size: contain;
      padding-left: 20px;
      background-size: 16px 16px; }
  @media only screen and (max-width: 576px) {
    .sf-footer .scene-tab {
      margin-bottom: 15px; }
    .sf-footer .industry-scene-block {
      box-sizing: border-box; }
      .sf-footer .industry-scene-block .industry-scene-wrap {
        margin: 0;
        width: 100%;
        min-height: auto;
        text-align: left; }
        .sf-footer .industry-scene-block .industry-scene-wrap .info-title {
          margin-top: 12px;
          font-size: 14px;
          font-weight: bold; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-title i {
            display: none; }
        .sf-footer .industry-scene-block .industry-scene-wrap .info-desc {
          margin-top: 12px;
          margin-bottom: 12px; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-desc span {
            margin-right: 20px;
            font-size: 12px;
            color: #666;
            line-height: 20px; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p {
            margin-bottom: 13px; }
            .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p span {
              display: inline;
              line-height: 20px; } }

.frist-drictory-tab {
  margin: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  border-bottom: #e6e8f4 solid 1px;
  position: relative; }
  .frist-drictory-tab .directory-tab {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative; }
    .frist-drictory-tab .directory-tab .frist-icon {
      position: absolute;
      padding-right: 5px;
      left: 0px; }
  .frist-drictory-tab .frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff; }

.second-drictory-tab {
  margin-bottom: 20px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px; }
  .second-drictory-tab .directory-tab {
    position: relative;
    cursor: pointer;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 20px 10px 0 20px;
    border: #e6e8f4 solid 1px; }
  .second-drictory-tab .second-drictory-active {
    border: #4a81ff solid 1px;
    color: #4a81ff; }

.no-direc-display {
  display: none; }

@media only screen and (max-width: 400px) {
  .media-frist-drictory-tab {
    font-size: 14px; }
    .media-frist-drictory-tab .media-directory-tab {
      line-height: 41px; }
  .media-second-drictory-tab {
    font-size: 13px;
    margin-bottom: 10px; }
    .media-second-drictory-tab .media-directory-tab {
      height: 30px;
      margin: 10px 10px 0 10px;
      line-height: 30px; } }

.new-product-block {
  width: 100%;
  position: relative;
  border: #e6e8f4 solid 1px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .new-product-block .left {
    position: relative;
    width: 580px;
    left: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
    border-right: #e6e8f4 solid 1px; }
    .new-product-block .left .left-icon {
      position: absolute;
      top: 0px;
      left: 0px; }
    .new-product-block .left .left-top {
      position: relative;
      padding-top: 20px; }
      .new-product-block .left .left-top .item-desc {
        position: relative;
        margin-right: 55px;
        padding-top: 13px;
        left: 30px;
        height: 100px;
        border-bottom: #e6e8f4 solid 1px; }
        .new-product-block .left .left-top .item-desc .item-desc-title {
          font-size: 16px;
          letter-spacing: 2px;
          margin: 10px 0px; }
        .new-product-block .left .left-top .item-desc .item-desc-desc {
          font-size: 14px;
          color: #93a1b7;
          letter-spacing: 1px; }
      .new-product-block .left .left-top .item-desc:last-child {
        border: none;
        padding-bottom: 10px; }
      .new-product-block .left .left-top .item-desc:first-child {
        padding-top: 0px; }
    .new-product-block .left .left-bottom {
      width: 100%;
      left: 30px;
      bottom: 20px;
      position: absolute;
      padding-top: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: 14px; }
      .new-product-block .left .left-bottom .bottom-item {
        position: relative;
        padding-right: 5%;
        margin-top: 20px;
        margin-right: 5%;
        border-right: #e6e8f4 solid 1px;
        text-align: left; }
        .new-product-block .left .left-bottom .bottom-item .bottom-title {
          color: #93a1b7;
          margin-bottom: 10px; }
      .new-product-block .left .left-bottom .bottom-item:first-child {
        padding-left: 0px; }
      .new-product-block .left .left-bottom .bottom-item:last-child {
        border: none; }
  .new-product-block .right {
    position: relative;
    top: 0px;
    left: 0px;
    width: 340px;
    font-size: 14px;
    margin: 0 auto; }
    .new-product-block .right .resouce-type {
      height: 33px;
      position: relative;
      margin-top: 40px;
      margin-bottom: 20px;
      left: 10%;
      line-height: 33px; }
      .new-product-block .right .resouce-type .type-title {
        color: #93a1b7; }
      .new-product-block .right .resouce-type .select-select {
        width: 180px;
        height: 33px;
        position: absolute;
        left: 23%; }
      .new-product-block .right .resouce-type select {
        border: solid #e6e8f4 2px;
        font-size: 14px; }
    .new-product-block .right .resouce-desc {
      position: relative; }
      .new-product-block .right .resouce-desc .resource-item-desc {
        margin-bottom: 20px;
        position: relative;
        left: 10%; }
        .new-product-block .right .resouce-desc .resource-item-desc .item-desc-title {
          color: #93a1b7; }
        .new-product-block .right .resouce-desc .resource-item-desc .item-desc-desc {
          position: absolute;
          left: 23%; }
    .new-product-block .right .actual-price {
      position: relative;
      left: 10%;
      color: #fe581c;
      margin-bottom: 5px;
      font-size: 20px; }
      .new-product-block .right .actual-price .price-price {
        font-size: 26px; }
      .new-product-block .right .actual-price .price-unit {
        color: black; }
      .new-product-block .right .actual-price .no-price {
        display: none; }
    .new-product-block .right .save-price {
      width: 250px;
      position: relative;
      left: 10%;
      color: #93a1b7;
      margin-bottom: 20px;
      height: 20px; }
      .new-product-block .right .save-price .save-price-icon {
        display: inline-block;
        margin-right: 5px;
        background-position: center;
        vertical-align: middle; }
        .new-product-block .right .save-price .save-price-icon img {
          background-position: center; }
      .new-product-block .right .save-price .save-price-price {
        display: inline-block;
        text-align: center; }
      .new-product-block .right .save-price .no-save-price {
        display: none; }
    .new-product-block .right .purchase-btn {
      cursor: pointer;
      position: relative;
      bottom: 0px;
      margin-bottom: 20px;
      background-color: #4a81ff;
      border-radius: 10px;
      color: #ffffff;
      width: 280px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      left: 30px;
      font-size: 16px;
      letter-spacing: 2px; }
    .new-product-block .right .no-btn {
      display: none; }
  .new-product-block .no-display {
    display: none; }

@media only screen and (max-width: 500px) {
  .media-new-product-block {
    font-size: 12px !important; }
    .media-new-product-block .left .media-left-top {
      width: 100%;
      padding-top: 20px; }
      .media-new-product-block .left .media-left-top .media-item-desc {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 10px;
        height: 120px; }
        .media-new-product-block .left .media-left-top .media-item-desc .media-item-desc-title {
          font-size: 14px;
          margin: 4px 0px 0px 0px; }
        .media-new-product-block .left .media-left-top .media-item-desc .media-left-top-desc {
          font-size: 13px;
          line-height: 13x; }
    .media-new-product-block .left .media-left-bottom {
      width: 310px;
      font-size: 13px;
      position: relative; }
    .media-new-product-block .media-right {
      position: relative;
      border-top: #e6e8f4 solid 1px;
      font-size: 14px;
      margin: 0 auto; }
      .media-new-product-block .media-right .resouce-type select {
        font-size: 13px; }
      .media-new-product-block .media-right .resouce-desc .resource-item-desc .media-item-desc-desc {
        font-size: 13px; }
      .media-new-product-block .media-right .media-purchase-btn {
        width: 80%; } }

.price-table-frist-directory {
  margin: 0px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  border-bottom: #e6e8f4 solid 1px;
  position: relative; }
  .price-table-frist-directory .price-frist-drictory {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative; }
  .price-table-frist-directory .price-frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff; }
  .price-table-frist-directory.price-no-display {
    display: none; }

@media only screen and (max-width: 400px) {
  .price-table-frist-directory .media-price-frist-drictory {
    font-size: 14px;
    line-height: 41px;
    margin: 0px 10px;
    width: 80px; } }

.price-table-desc {
  position: relative;
  margin: 0px auto;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
  overflow-x: auto; }
  .price-table-desc .table-desc-title {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    color: #6474a4;
    letter-spacing: 1px; }
  .price-table-desc .table-desc-desc {
    width: 100%;
    overflow-x: auto;
    margin: 0px auto;
    text-align: center; }
    .price-table-desc .table-desc-desc table {
      margin: 0 auto !important; }

.price-table-no-display {
  display: none; }

@media only screen and (max-width: 400px) {
  .media-price-table-desc {
    overflow-x: auto;
    font-size: 14px; } }

.ads-section {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  margin-bottom: 10px;
  background-color: #f9f9f9; }
  .ads-section .item-ads-section {
    position: relative;
    margin-bottom: 35px; }
    .ads-section .item-ads-section .section-title {
      font-size: 16px;
      position: relative;
      margin-bottom: 14px;
      margin-top: 10px;
      text-align: left;
      padding-left: 5px; }
    .ads-section .item-ads-section .section-label-desc {
      font-size: 14px;
      position: relative;
      padding: 0px;
      padding-top: 4px;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
      .ads-section .item-ads-section .section-label-desc .section-label {
        padding: 0px 10px;
        height: 34px;
        background-color: #ffebdd;
        color: #ff975b;
        line-height: 35px;
        text-align: center; }
      .ads-section .item-ads-section .section-label-desc .section-desc {
        position: relative;
        padding-left: 5%;
        width: 70%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 35px; }
      .ads-section .item-ads-section .section-label-desc .section-desc:hover {
        color: #ff975b; }

.ads-no-display {
  display: none; }

@media only screen and (max-width: 470px) {
  .ads-section {
    width: 100%;
    font-size: 14px !important; }
    .ads-section .media-item-ads-section {
      width: 100%;
      margin-bottom: 25px; }
      .ads-section .media-item-ads-section .media-section-title {
        font-size: 14px;
        margin-bottom: 6px; }
      .ads-section .media-item-ads-section .media-section-label-desc {
        line-height: 100%;
        width: 100%; }
        .ads-section .media-item-ads-section .media-section-label-desc .media-section-label {
          height: 23px;
          font-size: 13px;
          padding: 2px 8px;
          letter-spacing: 1px;
          position: relative;
          line-height: 20px;
          text-align: center;
          width: 20%; }
        .ads-section .media-item-ads-section .media-section-label-desc .media-section-desc {
          position: relative;
          font-size: 13px;
          line-height: 20px;
          width: 240px; } }

.section-text-link-ads2 {
  width: 100%;
  padding-top: 30px !important; }
  .section-text-link-ads2 .container {
    width: 1200px;
    padding-left: 260px;
    box-sizing: border-box;
    margin: 0 auto; }
    .section-text-link-ads2 .container .tag-wrap {
      background-color: #fff;
      border: 1px solid #EEEFF8;
      border-radius: 2px;
      padding: 24px 32px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: 14px; }
      .section-text-link-ads2 .container .tag-wrap > a {
        display: inline-block;
        box-sizing: border-box;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 20px; }
        .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(1), .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(2) {
          margin-bottom: 0px; }
        .section-text-link-ads2 .container .tag-wrap > a:nth-child(odd) {
          margin-right: 20px; }
        .section-text-link-ads2 .container .tag-wrap > a .tag {
          display: inline-block;
          padding: 3px 6px;
          border: 1px solid #000000;
          border-radius: 2px;
          margin-right: 10px; }
        .section-text-link-ads2 .container .tag-wrap > a .desc {
          color: #213146; }

@media only screen and (max-width: 550px) {
  .section-text-link-ads2 {
    width: 100%;
    overflow: hidden; }
    .section-text-link-ads2 .container {
      width: 100%;
      padding-left: 0px;
      font-size: 12px; }
      .section-text-link-ads2 .container .tag-wrap {
        padding: 12px 16px;
        border: 1px solid #EEEFF8;
        font-size: 12px; }
        .section-text-link-ads2 .container .tag-wrap > a {
          width: 100% !important;
          margin-bottom: 10px !important;
          margin-right: 0 !important; }
          .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(1) {
            margin-bottom: 0px !important; }
          .section-text-link-ads2 .container .tag-wrap > a .tag {
            border: 1px solid #000000; } }

/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.cf-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .cf-wrap .c-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    padding: 20px; }
    .cf-wrap .c-framework .img-wrap {
      width: 64%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .cf-wrap .c-framework .img-wrap > img {
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
        cursor: pointer; }
    .cf-wrap .c-framework .richtext {
      width: 34%;
      padding-left: 20px;
      box-sizing: border-box; }
      .cf-wrap .c-framework .richtext hr {
        border: none;
        border-bottom: 1px solid #eee; }

@media only screen and (max-width: 576px) {
  .cf-wrap .c-framework {
    width: 100%;
    padding: 0 10px;
    -ms-flex-direction: column;
        flex-direction: column; }
    .cf-wrap .c-framework .img-wrap {
      width: 100%; }
    .cf-wrap .c-framework .richtext {
      width: 100%;
      padding: 10px; }
      .cf-wrap .c-framework .richtext strong {
        font-size: 13px !important; }
      .cf-wrap .c-framework .richtext span,
      .cf-wrap .c-framework .richtext div,
      .cf-wrap .c-framework .richtext p,
      .cf-wrap .c-framework .richtext hr {
        font-size: 12px !important;
        line-height: 1.3 !important; }
      .cf-wrap .c-framework .richtext hr {
        border: none;
        border-bottom: 1px solid #eee; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.pa-wrap {
  overflow: hidden; }
  .pa-wrap .pa-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 1200px;
    margin: 0 auto; }
    .pa-wrap .pa-ul .pa-item {
      width: 290px;
      height: 300px;
      box-sizing: border-box;
      padding: 40px 24px 16px 24px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-right: 13.33px;
      margin-bottom: 20px; }
      .pa-wrap .pa-ul .pa-item:nth-child(4n) {
        margin-right: 0; }
      .pa-wrap .pa-ul .pa-item:hover {
        box-shadow: 0px 2px 10px 0px rgba(53, 101, 210, 0.06); }
      .pa-wrap .pa-ul .pa-item .img-wrap {
        width: 60px;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .pa-wrap .pa-ul .pa-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .pa-wrap .pa-ul .pa-item .title {
        font-weight: 500;
        color: #202020;
        margin: 14px 0;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%; }
      .pa-wrap .pa-ul .pa-item .desc {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #6E758C;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }

@media only screen and (max-width: 576px) {
  .pa-wrap .pa-ul {
    width: 100%;
    margin-right: 0;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .pa-wrap .pa-ul .pa-item {
      width: 46%;
      height: 250px;
      padding: 10px;
      margin-bottom: 10px;
      margin-right: 0; }
      .pa-wrap .pa-ul .pa-item .img-wrap {
        width: 50px;
        height: 50px; }
      .pa-wrap .pa-ul .pa-item .title {
        font-size: 14px; }
      .pa-wrap .pa-ul .pa-item .desc {
        font-size: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sp-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .sp-wrap .sp-ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .sp-wrap .sp-ul .sp-left {
      width: 346px;
      height: 390px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0px 2px 10px 0px rgba(54, 101, 210, 0.06);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .sp-wrap .sp-ul .sp-left .img-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 250px;
        height: 90px; }
        .sp-wrap .sp-ul .sp-left .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .sp-wrap .sp-ul .sp-left div {
        max-width: 80%;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .sp-wrap .sp-ul .sp-left .subTitle {
        color: #202020;
        font-size: 18px;
        margin: 40px 0 20px; }
      .sp-wrap .sp-ul .sp-left .subDesc {
        color: #6e758c;
        font-size: 16px; }
      .sp-wrap .sp-ul .sp-left .btn {
        margin-top: 40px;
        display: inline-block;
        height: 40px;
        box-sizing: border-box;
        padding: 0 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: #4a81ff;
        border-radius: 4px;
        text-decoration: none;
        color: #fff;
        text-align: center;
        line-height: 40px; }
        .sp-wrap .sp-ul .sp-left .btn:hover {
          opacity: 0.8; }
    .sp-wrap .sp-ul .sp-right {
      width: calc(100% - 374px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between; }
      .sp-wrap .sp-ul .sp-right .sp-item {
        width: 49%;
        height: 188px;
        box-sizing: border-box;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding: 12px 14px;
        transition: .3s; }
        .sp-wrap .sp-ul .sp-right .sp-item:hover {
          box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1); }
          .sp-wrap .sp-ul .sp-right .sp-item:hover .sp-item-right .title {
            color: #4a81ff; }
        .sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 100px;
          height: 100%; }
          .sp-wrap .sp-ul .sp-right .sp-item .img-wrap > img {
            max-width: 100%;
            max-height: 100%; }
        .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
          width: calc(100% - 118px);
          border-left: 2px solid #f3f3f3;
          padding-left: 16px; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
            width: 100%;
            font-size: 16px;
            color: #202020;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
            color: #6E758C;
            font-size: 14px;
            line-height: 24 px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            letter-spacing: 1px;
            margin: 10px 0; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
            text-decoration: none;
            color: #4a81ff;
            font-size: 14px;
            position: relative; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn:hover::after {
              -ms-transform: translate(2px);
                  transform: translate(2px); }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn::after {
              content: ">";
              position: absolute;
              right: -12px;
              font-weight: bold;
              top: 0;
              transition: .2s; }

@media only screen and (max-width: 576px) {
  .sp-wrap {
    overflow: hidden;
    padding-bottom: 10px; }
    .sp-wrap .sp-ul {
      width: 100%;
      -ms-flex-direction: column;
          flex-direction: column; }
      .sp-wrap .sp-ul .sp-left {
        background-color: transparent;
        width: 100%;
        height: auto; }
        .sp-wrap .sp-ul .sp-left .img-wrap {
          width: 150px;
          height: 60px; }
        .sp-wrap .sp-ul .sp-left .subTitle {
          margin: 10px 0 8px;
          font-size: 15px; }
        .sp-wrap .sp-ul .sp-left .subDesc {
          font-size: 13px;
          padding-bottom: 18px; }
        .sp-wrap .sp-ul .sp-left .btn {
          display: none; }
      .sp-wrap .sp-ul .sp-right {
        width: 100%;
        padding-left: 2%;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .sp-wrap .sp-ul .sp-right .sp-item {
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: start;
              align-items: flex-start;
          margin-bottom: 10px;
          height: 200px;
          width: 47%;
          box-sizing: border-box;
          margin-right: 2%; }
          .sp-wrap .sp-ul .sp-right .sp-item:nth-child(3n) {
            margin-right: 2%; }
          .sp-wrap .sp-ul .sp-right .sp-item:nth-child(2n) {
            margin-right: 0; }
          .sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
            width: 50px;
            height: 50px; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
            width: 100%;
            border-left: none;
            padding-left: 0; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
              font-size: 14px;
              color: #4a81ff; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
              font-size: 12px;
              margin: 4px 0; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
              font-size: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.cc-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .cc-wrap .cc-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 1200px;
    margin: 0 auto; }
    .cc-wrap .cc-ul .cc-item {
      width: 364px;
      height: 314px;
      box-sizing: border-box;
      border: 1px solid #eee;
      padding: 40px 24px 16px 24px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-right: 54px;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden; }
      .cc-wrap .cc-ul .cc-item:nth-child(3n) {
        margin-right: 0; }
      .cc-wrap .cc-ul .cc-item:hover {
        box-shadow: 0 5px 15px 0 rgba(83, 92, 126, 0.1); }
        .cc-wrap .cc-ul .cc-item:hover .mask {
          animation: maskAni .3s linear .4s;
          animation-fill-mode: forwards; }
      .cc-wrap .cc-ul .cc-item .img-wrap {
        width: 200px;
        height: 80px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .cc-wrap .cc-ul .cc-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .cc-wrap .cc-ul .cc-item .title {
        font-weight: 500;
        color: #202020;
        margin: 14px 0;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%; }
      .cc-wrap .cc-ul .cc-item .desc {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        color: #6E758C;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }
      .cc-wrap .cc-ul .cc-item .mask {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: #4a81ff;
        transition: .5s;
        text-align: center;
        padding: 30px; }
        .cc-wrap .cc-ul .cc-item .mask .title {
          color: #fff;
          font-size: 18px; }
        .cc-wrap .cc-ul .cc-item .mask .desc {
          color: #fff;
          font-size: 14px;
          line-height: 22px;
          margin: 20px 0;
          text-align: left;
          letter-spacing: 1px;
          text-indent: 2em;
          -webkit-line-clamp: 7; }
        .cc-wrap .cc-ul .cc-item .mask .btn {
          text-decoration: none;
          color: #fff;
          display: inline-block;
          width: 100px;
          height: 32px;
          line-height: 32px;
          border: 1px solid #FFFFFF;
          border-radius: 4px;
          font-size: 14px; }
          .cc-wrap .cc-ul .cc-item .mask .btn:hover {
            opacity: 0.8; }

@keyframes maskAni {
  from {
    opacity: 0.5;
    transform: translateY(0px); }
  to {
    opacity: 1;
    transform: translateY(-314px); } }

@media only screen and (max-width: 576px) {
  .cc-wrap {
    padding-bottom: 10px; }
    .cc-wrap .cc-ul {
      width: 100%;
      padding-left: 2%; }
      .cc-wrap .cc-ul .cc-item {
        width: 47%;
        height: 214px;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 14px 10px;
        margin-right: 2%; }
        .cc-wrap .cc-ul .cc-item:nth-child(3n) {
          margin-right: 2%; }
        .cc-wrap .cc-ul .cc-item:nth-child(2n) {
          margin-right: 0; }
        .cc-wrap .cc-ul .cc-item:last-child {
          -ms-flex-item-align: start;
              align-self: flex-start; }
        .cc-wrap .cc-ul .cc-item .img-wrap {
          width: 100px;
          height: 40px; }
        .cc-wrap .cc-ul .cc-item .title {
          font-size: 14px;
          margin: 10px 0 8px; }
        .cc-wrap .cc-ul .cc-item .desc {
          font-size: 12px;
          line-height: 1.5; }
        .cc-wrap .cc-ul .cc-item .mask {
          padding: 6px; }
          .cc-wrap .cc-ul .cc-item .mask .title {
            font-size: 14px; }
          .cc-wrap .cc-ul .cc-item .mask .desc {
            font-size: 12px;
            margin: 6px 0 10px;
            line-height: 1.3; }
  @keyframes maskAni {
    from {
      opacity: 0.5;
      transform: translateY(0px); }
    to {
      opacity: 1;
      transform: translateY(-214px); } } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.bc-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .bc-wrap .bc-ul {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .bc-wrap .bc-ul .bc-item {
      width: 48%;
      box-sizing: border-box;
      margin-bottom: 20px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      padding: 20px 24px; }
      .bc-wrap .bc-ul .bc-item .img-wrap {
        width: 70px;
        height: 70px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .bc-wrap .bc-ul .bc-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .bc-wrap .bc-ul .bc-item .bc-info {
        padding-left: 20px;
        width: calc(100% - 70px); }
        .bc-wrap .bc-ul .bc-item .bc-info .title {
          font-size: 18px;
          font-weight: 500;
          color: #010101;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .bc-wrap .bc-ul .bc-item .bc-info .desc {
          font-size: 14px;
          color: #6E758C;
          padding-top: 6px;
          line-height: 22px;
          letter-spacing: 1px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }

@media only screen and (max-width: 576px) {
  .bc-wrap {
    padding-bottom: 10px; }
    .bc-wrap .bc-ul {
      width: 100%;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .bc-wrap .bc-ul .bc-item {
        width: 46%;
        padding: 10px; }
        .bc-wrap .bc-ul .bc-item .img-wrap {
          width: 38px;
          height: 38px; }
        .bc-wrap .bc-ul .bc-item .bc-info {
          width: calc(100% - 38px);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: center;
              align-items: center; }
          .bc-wrap .bc-ul .bc-item .bc-info .title {
            font-size: 13px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .bc-wrap .bc-ul .bc-item .bc-info .desc {
            display: none; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sf-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .sf-wrap .s-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    padding: 20px; }
    .sf-wrap .s-framework .img-wrap {
      width: 64%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .sf-wrap .s-framework .img-wrap > img {
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
        cursor: pointer; }
    .sf-wrap .s-framework .right {
      width: 34%;
      padding-left: 20px;
      box-sizing: border-box; }
      .sf-wrap .s-framework .right .r-top,
      .sf-wrap .s-framework .right .r-middle,
      .sf-wrap .s-framework .right .r-bottom {
        border-bottom: 2px solid #F7F8FA;
        padding-bottom: 20px; }
        .sf-wrap .s-framework .right .r-top.r-bottom,
        .sf-wrap .s-framework .right .r-middle.r-bottom,
        .sf-wrap .s-framework .right .r-bottom.r-bottom {
          border-bottom: none; }
        .sf-wrap .s-framework .right .r-top .title,
        .sf-wrap .s-framework .right .r-middle .title,
        .sf-wrap .s-framework .right .r-bottom .title {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 6px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .sf-wrap .s-framework .right .r-top .btn {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        padding: 0 10px;
        text-align: center;
        background-color: #4a81ff;
        border-radius: 4px;
        margin-top: 10px; }
        .sf-wrap .s-framework .right .r-top .btn:hover {
          opacity: .8; }
      .sf-wrap .s-framework .right .r-middle {
        padding-top: 20px; }
      .sf-wrap .s-framework .right .r-bottom {
        padding-top: 20px; }
        .sf-wrap .s-framework .right .r-bottom .bt-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        .sf-wrap .s-framework .right .r-bottom .bt-item {
          display: inline-block;
          width: 120px;
          height: 80px;
          box-sizing: border-box;
          border: 1px solid #F7F8FA;
          padding: 10px;
          margin-top: 10px;
          text-decoration: none;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-direction: column;
              flex-direction: column; }
          .sf-wrap .s-framework .right .r-bottom .bt-item:hover {
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); }
          .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            width: 32px;
            height: 32px; }
            .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap > img {
              max-width: 100%;
              max-height: 100%; }
          .sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #A1A5B4;
            margin-top: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

@media only screen and (max-width: 576px) {
  .sf-wrap .s-framework {
    width: 100%;
    padding: 0 10px;
    -ms-flex-direction: column;
        flex-direction: column; }
    .sf-wrap .s-framework .img-wrap {
      width: 100%; }
    .sf-wrap .s-framework .right {
      width: 100%;
      padding: 10px; }
      .sf-wrap .s-framework .right .r-top .btn {
        height: 26px;
        line-height: 26px;
        font-size: 12px; }
      .sf-wrap .s-framework .right .r-bottom .bt-item {
        width: 100px;
        height: 60px;
        padding: 6px; }
        .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
          width: 20px;
          height: 20px; }
        .sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
          margin-top: 6px; }
      .sf-wrap .s-framework .right strong {
        font-size: 13px !important; }
      .sf-wrap .s-framework .right span,
      .sf-wrap .s-framework .right div,
      .sf-wrap .s-framework .right p,
      .sf-wrap .s-framework .right hr {
        font-size: 12px !important;
        line-height: 1.3 !important; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.ov-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .ov-wrap .ov-tabs {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-bottom: 2px solid #F7F8FA; }
    .ov-wrap .ov-tabs .ov-tab {
      text-align: center;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      position: relative; }
      .ov-wrap .ov-tabs .ov-tab::after {
        content: "";
        width: 0%;
        height: 2px;
        background-color: #4A81FF;
        position: absolute;
        left: 50%;
        bottom: 0;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        transition: width .2s linear; }
      .ov-wrap .ov-tabs .ov-tab:hover, .ov-wrap .ov-tabs .ov-tab.active {
        color: #4A81FF; }
        .ov-wrap .ov-tabs .ov-tab:hover::after, .ov-wrap .ov-tabs .ov-tab.active::after {
          width: 50%; }
  .ov-wrap .swiper-container {
    width: 1200px;
    margin: 0 auto; }
    .ov-wrap .swiper-container .swiper-wrapper {
      padding: 40px 0; }
      .ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
          width: 49%;
          height: 400px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap > img {
            width: 100%;
            height: auto;
            cursor: pointer; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
          width: 49%;
          max-height: 400px;
          overflow-y: auto;
          box-sizing: border-box;
          padding: 0 30px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar {
            width: 10px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 3px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-thumb {
            border-radius: 7px;
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #E8E8E8; }

@media only screen and (max-width: 576px) {
  .ov-wrap .ov-tabs {
    width: 100%;
    border-bottom: 1px solid #F7F8FA; }
    .ov-wrap .ov-tabs .ov-tab {
      height: 30px;
      font-size: 12px;
      line-height: 30px; }
      .ov-wrap .ov-tabs .ov-tab::after {
        height: 1px; }
  .ov-wrap .swiper-container {
    width: 100%;
    height: auto; }
    .ov-wrap .swiper-container .swiper-wrapper {
      padding: 10px 0; }
      .ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
        -ms-flex-direction: column;
            flex-direction: column;
        overflow: hidden;
        height: 0px; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
          height: auto !important; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
          height: auto;
          width: 100%; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
          width: 100%;
          height: auto;
          max-height: none;
          overflow-y: visible;
          font-size: 12px;
          padding: 10px;
          line-height: 1.5; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext strong > span {
            font-size: 14px !important; } }

.ailab {
  width: 1200px;
  padding-top: 70px;
  margin: 0 auto 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .ailab .ailab_title {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
    .ailab .ailab_title span {
      position: relative;
      font-size: 28px; }
      .ailab .ailab_title span::before {
        content: '<';
        position: absolute;
        left: -30px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #4a81ff; }
      .ailab .ailab_title span::after {
        content: '>';
        position: absolute;
        right: -30px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #4a81ff; }
  .ailab .ailab_desc {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 30px;
    font-size: 16px;
    color: #6474a4;
    letter-spacing: 2px; }
  .ailab .ailab_items {
    position: relative;
    width: 224px;
    height: 292px;
    box-sizing: border-box;
    background: #fff;
    padding: 32px 20px 0;
    transition: all 0.3s;
    box-shadow: 0 0 10px 2px rgba(221, 227, 240, 0.1);
    cursor: pointer; }
    .ailab .ailab_items:hover {
      box-shadow: 0 0 10px 2px #dde3f0;
      -ms-transform: translateY(-10px);
          transform: translateY(-10px); }
    .ailab .ailab_items img {
      width: 140px;
      height: 80px;
      display: block;
      margin: 0 auto; }
    .ailab .ailab_items .ailab_item_title,
    .ailab .ailab_items .ailab_item_desc {
      width: 100%;
      font-size: 16px; }
    .ailab .ailab_items .ailab_item_title {
      margin-top: 36px;
      text-align: center; }
    .ailab .ailab_items .ailab_item_desc {
      margin-top: 22px;
      color: #939395;
      text-align: justify;
      font-size: 14px; }
  .ailab .fill_item {
    width: 224px;
    height: 0; }

.ailab_demo {
  width: 100%;
  height: auto; }
  .ailab_demo .demo_header {
    width: 1200px;
    height: auto;
    padding: 20px 0 30px;
    margin: 0 auto; }
  @media screen and (max-width: 576px) {
    .ailab_demo .demo_header {
      width: 95vw;
      height: auto;
      padding: 20px 0 30px;
      margin: 0 auto; } }
  .ailab_demo .iframe_wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin: 0 auto; }
  .ailab_demo iframe {
    width: 1200px;
    height: 1000px;
    border: none; }
  @media screen and (max-width: 576px) {
    .ailab_demo iframe {
      width: 88vw;
      height: 1000px;
      border: none; } }
  .ailab_demo .demo_title {
    width: 100%;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .ailab_demo .demo_title .title_text {
      color: #4a8df1;
      font-size: 18px;
      height: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-right: 10px; }
      .ailab_demo .demo_title .title_text::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background-color: #4a8df1;
        margin-right: 10px;
        border-radius: 50%; }
    .ailab_demo .demo_title .tags {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding: 0 22px;
      color: #5a5a5a;
      border-right: 1px dashed #5a5a5a; }
      .ailab_demo .demo_title .tags:nth-last-child(2) {
        border-right: 0; }
  .ailab_demo .fork_tags {
    width: 100%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px; }
    .ailab_demo .fork_tags .tags {
      font-size: 14px;
      padding: 3px 10px 4px;
      border: 2px solid #eaebf0;
      color: #939395;
      margin: 4px 10px 20px; }
  .ailab_demo .demo_desc {
    display: block;
    margin-left: 20px;
    color: #939395; }
  .ailab_demo .fork_btn {
    width: 193px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16669230539752917%2F%E7%9F%A9%E5%BD%A2%201%20%E6%8B%B7%E8%B4%9D%402x%20%EF%BC%881%EF%BC%89.png") center 2px/contain no-repeat;
    color: #fff;
    margin: 10px 20px;
    cursor: pointer;
    font-size: 14px; }
    .ailab_demo .fork_btn:hover {
      opacity: 0.8; }
    .ailab_demo .fork_btn img {
      width: 15px;
      height: 15px;
      margin-right: 13px; }
  .ailab_demo .ailab_modal {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #565656;
    z-index: 1000; }
    .ailab_demo .ailab_modal .ailab_loading {
      width: 432px;
      height: 351px;
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      background: #fff;
      border-radius: 8px; }
      .ailab_demo .ailab_modal .ailab_loading .animation_box {
        position: absolute;
        left: 50%;
        top: 68px;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        width: 118px;
        height: 118px;
        border-radius: 50%;
        overflow: hidden; }
        .ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_loading {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16679840055189512%2F%E7%AD%89%E5%BE%85%E5%8A%A0%E8%BD%BD300.gif") center 4px/100% 100% no-repeat;
          transition: all 0.8s; }
        .ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_tick {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          overflow: hidden;
          background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16679813338966401%2F34%402x.png") center center/100% no-repeat;
          animation: tick 0.8s linear forwards; }
          .ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_tick::before {
            content: '';
            display: block;
            position: absolute;
            top: 20px;
            right: 20px;
            width: 60%;
            height: 60%;
            background-color: #1369ee;
            animation: tick2 1.6s linear forwards; }

@keyframes tick {
  0% {
    opacity: 0%; }
  100% {
    opacity: 100%; } }

@keyframes tick2 {
  0% {
    width: 100%; }
  50% {
    width: 100%; }
  100% {
    width: 0%; } }
      .ailab_demo .ailab_modal .ailab_loading .create_text {
        margin-top: 215px;
        color: #565656;
        text-align: center; }
        .ailab_demo .ailab_modal .ailab_loading .create_text .create_title {
          width: 100%;
          font-size: 18px;
          text-align: center; }
        .ailab_demo .ailab_modal .ailab_loading .create_text .create_tip {
          margin-top: 10px;
          font-size: 12px;
          width: 100%;
          text-align: center; }
      .ailab_demo .ailab_modal .ailab_loading .create_complete {
        width: 100%;
        height: auto;
        margin-top: 215px; }
        .ailab_demo .ailab_modal .ailab_loading .create_complete .complete_text {
          color: #565656;
          font-size: 19px;
          text-align: center; }
        .ailab_demo .ailab_modal .ailab_loading .create_complete .create_tip {
          color: #709bfe;
          font-size: 12px;
          text-align: center;
          margin-top: 10px; }
        .ailab_demo .ailab_modal .ailab_loading .create_complete .goto_btn {
          height: 26px;
          width: 225px;
          margin: 28px auto 0;
          line-height: 25px;
          background: #7ea5ff;
          font-size: 14px;
          color: #fff;
          text-align: center;
          border-radius: 13px;
          cursor: pointer; }
      .ailab_demo .ailab_modal .ailab_loading .ailab_modal_close {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16669251708804634%2Fcha-2%402x.png") center center/cover no-repeat;
        cursor: pointer; }

.services-content > div:first-child {
  margin-bottom: 80px; }

.ns-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .ns-wrapper > div {
    margin-bottom: 112px; }

.ns-banner {
  width: 100%;
  min-height: 390px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden; }
  .ns-banner .ns-banner-content {
    width: 1400px;
    height: 390px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .ns-banner .ns-banner-content .ns-banner-title {
      color: #191919;
      margin-top: 54px;
      margin-bottom: 24px;
      font-size: 42px;
      font-weight: bold; }
    .ns-banner .ns-banner-content .ns-banner-desc {
      width: 526px;
      font-size: 18px;
      margin-bottom: 22px;
      color: #5c6067;
      height: 120px;
      line-height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }
    .ns-banner .ns-banner-content .ns-banner-extra a {
      color: #0062ff; }
    .ns-banner .ns-banner-content .ns-banner-btns .btn-single {
      height: 48px;
      width: 132px;
      font-weight: bold;
      font-size: 16px; }
    .ns-banner .ns-banner-content .ns-banner-btns .btn-single {
      margin-right: 18px;
      margin-bottom: 10px; }
      .ns-banner .ns-banner-content .ns-banner-btns .btn-single:last-child {
        margin-right: 0px; }
    .ns-banner .ns-banner-content .ns-banner-btns .ant-btn-variant-outlined {
      border: none; }
    .ns-banner .ns-banner-content .ns-banner-btns .ant-btn-variant-link {
      margin-left: -18px; }
  .ns-banner .ns-banner-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .ns-banner .ns-banner-center .ns-banner-title {
      text-align: center; }
    .ns-banner .ns-banner-center .ns-banner-desc {
      text-align: center;
      width: 660px; }
    .ns-banner .ns-banner-center .ns-banner-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 1500px) {
  .ns-banner .ns-banner-content {
    width: 1200px;
    padding-left: 45px; }
    .ns-banner .ns-banner-content .ns-banner-desc {
      width: 397px; }
  .ns-banner .ns-banner-center .ns-banner-desc {
    width: 660px; }
  .ns-banner-noExprience .ns-banner-content .ns-banner-desc {
    width: 526px; } }

.hs-recom-pc {
  height: 110px;
  width: 100%;
  overflow: hidden;
  background: #F9FBFF; }
  .hs-recom-pc .recom {
    width: 1200px;
    margin: auto;
    display: -ms-flexbox;
    display: flex; }
    .hs-recom-pc .recom .recom-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 294px;
      border-left: 1px solid #e1e4f3;
      height: 110px;
      padding: 0 30px;
      box-sizing: border-box;
      cursor: pointer;
      transition: all .5s; }
      .hs-recom-pc .recom .recom-box:hover {
        background: #fff; }
        .hs-recom-pc .recom .recom-box:hover h4 {
          color: #2976ff; }
      .hs-recom-pc .recom .recom-box:last-child {
        border-right: 1px solid #e1e4f3; }
      .hs-recom-pc .recom .recom-box .recom-icon {
        position: absolute;
        right: -25px;
        top: -10px;
        width: 25px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      .hs-recom-pc .recom .recom-box .recom-star {
        width: 45px;
        height: 45px;
        margin-right: 10px; }
      .hs-recom-pc .recom .recom-box h4 {
        position: relative;
        font-size: 17px;
        font-weight: normal;
        line-height: 25px;
        margin: 0;
        letter-spacing: .5px;
        color: #464864;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 180px;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .hs-recom-pc .recom .recom-box h5 {
        font-size: 14px;
        font-weight: normal;
        line-height: 25px;
        margin: 0;
        color: #646b97;
        max-width: 180px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

.hs-recom-mobile {
  width: 100%;
  background: #F9FBFF; }
  .hs-recom-mobile .recom {
    width: 100%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .hs-recom-mobile .recom .recom-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding-left: 20px;
      width: 100%;
      border-bottom: 1px solid #e1e4f3;
      height: 60px;
      box-sizing: border-box;
      cursor: pointer;
      transition: all .5s; }
      .hs-recom-mobile .recom .recom-box:hover {
        background: #fff; }
        .hs-recom-mobile .recom .recom-box:hover h4 {
          color: #2976ff; }
      .hs-recom-mobile .recom .recom-box .recom-icon {
        position: absolute;
        right: -25px;
        top: -10px;
        width: 25px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      .hs-recom-mobile .recom .recom-box .recom-star {
        width: 30px;
        height: 30px;
        margin-right: 20px; }
      .hs-recom-mobile .recom .recom-box h4 {
        position: relative;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        margin: 0;
        letter-spacing: .5px;
        color: #464864;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 180px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .hs-recom-mobile .recom .recom-box h5 {
        font-size: 12px;
        font-weight: normal;
        line-height: 25px;
        margin: 0;
        color: #646b97;
        max-width: 180px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.hs-product-pc {
  padding: 60px 0 70px 0;
  height: 812px;
  background-image: url(/static/img/index/hs-product-bg.png); }
  .hs-product-pc .hsc-product {
    margin: 55px auto 0;
    height: 680px;
    width: 1200px; }
    .hs-product-pc .hsc-product .product-list {
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: relative;
      border-right: solid 1px #e1e4f3;
      border-bottom: solid 1px #e1e4f3; }
      .hs-product-pc .hsc-product .product-list li {
        position: absolute;
        width: 241px;
        height: 171px;
        box-sizing: border-box;
        border: solid 1px #e1e4f3;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        z-index: 88;
        background: #f9fbff;
        cursor: pointer; }
        .hs-product-pc .hsc-product .product-list li.selected {
          z-index: 9;
          background: #ffffff; }
          .hs-product-pc .hsc-product .product-list li.selected .icon, .hs-product-pc .hsc-product .product-list li.selected .title {
            opacity: 1; }
          .hs-product-pc .hsc-product .product-list li.selected::before {
            position: absolute;
            content: ' ';
            width: 100%;
            height: 3px;
            background: #4078fa;
            animation-duration: 6s;
            animation-timing-function: linear; }
          .hs-product-pc .hsc-product .product-list li.selected::after {
            position: absolute;
            content: ' ';
            background: #4078fa;
            animation-duration: 3s;
            animation-delay: 1.5s;
            animation-timing-function: linear; }
        .hs-product-pc .hsc-product .product-list li.hover-tab {
          background: #ffffff; }
          .hs-product-pc .hsc-product .product-list li.hover-tab::before {
            position: absolute;
            content: ' ';
            background: #4078fa; }
          .hs-product-pc .hsc-product .product-list li.hover-tab::after {
            position: absolute;
            content: ' ';
            background: #4078fa; }
        .hs-product-pc .hsc-product .product-list li.pli-yyhc.selected, .hs-product-pc .hsc-product .product-list li.pli-yyfx.selected, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.selected {
          border-bottom-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-yyhc.selected::before, .hs-product-pc .hsc-product .product-list li.pli-yyfx.selected::before, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.selected::before {
            top: -1px;
            left: -240px;
            animation-name: goright; }
        .hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab {
          border-bottom-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab::before {
            top: -1px;
            left: 0;
            width: 100%;
            height: 3px; }
          .hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab .title {
            opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-yyclyy.selected, .hs-product-pc .hsc-product .product-list li.pli-yycljc.selected, .hs-product-pc .hsc-product .product-list li.pli-txsb.selected {
          border-top-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-yyclyy.selected::before, .hs-product-pc .hsc-product .product-list li.pli-yycljc.selected::before, .hs-product-pc .hsc-product .product-list li.pli-txsb.selected::before {
            bottom: 0px;
            left: 240px;
            animation-name: goleft; }
        .hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab {
          border-top-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab::before {
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 3px; }
          .hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab .title {
            opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-tywzsb.selected, .hs-product-pc .hsc-product .product-list li.pli-rlsb.selected {
          border-left-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-tywzsb.selected::before, .hs-product-pc .hsc-product .product-list li.pli-rlsb.selected::before {
            top: -170px;
            left: 236px;
            width: 3px;
            height: 170px;
            animation-name: godown; }
        .hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab {
          border-left-color: transparent;
          background: #ffffff; }
          .hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab::before {
            top: 0;
            right: 0px;
            height: 100%;
            width: 3px; }
          .hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab .title {
            opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-ylcp.selected, .hs-product-pc .hsc-product .product-list li.pli-yyyj.selected {
          border-right-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-ylcp.selected::before, .hs-product-pc .hsc-product .product-list li.pli-yyyj.selected::before {
            top: 170px;
            right: 237px;
            width: 3px;
            height: 170px;
            animation-name: goup; }
        .hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab, .hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab {
          border-right-color: transparent;
          background: #ffffff; }
          .hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab::before, .hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab::before {
            left: 0px;
            height: 100%;
            width: 3px;
            top: 0; }
          .hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab .title, .hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab .title {
            opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-yysb.selected {
          border-right-color: transparent; }
          .hs-product-pc .hsc-product .product-list li.pli-yysb.selected::before {
            top: 170px;
            right: 237px;
            width: 3px;
            height: 170px;
            animation-name: goup;
            animation-duration: 3s; }
          .hs-product-pc .hsc-product .product-list li.pli-yysb.selected::after {
            top: -1px;
            left: -240px;
            width: 100%;
            height: 3px;
            animation-name: goright;
            animation-duration: 4.5s; }
        .hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab::before {
          top: 0;
          left: 0;
          width: 3px;
          height: 170px; }
        .hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab::after {
          top: -1px;
          left: 0px;
          width: 100%;
          height: 3px; }
        .hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab .title {
          opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.selected::before {
          top: -1px;
          left: -240px;
          width: 100%;
          height: 3px;
          animation-name: goright;
          animation-duration: 3s; }
        .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.selected::after {
          top: -171px;
          right: 0;
          width: 3px;
          height: 170px;
          animation-name: godown;
          animation-duration: 4.5s; }
        .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab::before {
          top: 0;
          right: 0;
          width: 3px;
          height: 170px; }
        .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab::after {
          top: -1px;
          left: 0px;
          width: 100%;
          height: 3px; }
        .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab .title {
          opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-lxfw.selected::before {
          top: -170px;
          right: 0;
          width: 3px;
          height: 170px;
          animation-name: godown;
          animation-duration: 3s; }
        .hs-product-pc .hsc-product .product-list li.pli-lxfw.selected::after {
          top: 166px;
          left: 240px;
          width: 100%;
          height: 3px;
          animation-name: goleft;
          animation-duration: 4.5s; }
        .hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab::before {
          top: 0;
          right: 0;
          width: 3px;
          height: 170px; }
        .hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab::after {
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 3px; }
        .hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab .title {
          opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.pli-jqfy.selected::before {
          top: 166px;
          left: 240px;
          width: 100%;
          height: 3px;
          animation-name: goleft;
          animation-duration: 3s; }
        .hs-product-pc .hsc-product .product-list li.pli-jqfy.selected::after {
          top: 170px;
          right: 237px;
          width: 3px;
          height: 170px;
          animation-name: goup;
          animation-duration: 4.5s; }
        .hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab::before {
          top: 0;
          left: 0;
          width: 3px;
          height: 170px; }
        .hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab::after {
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 3px; }
        .hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab .icon, .hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab .title {
          opacity: 1; }
        .hs-product-pc .hsc-product .product-list li.show-content {
          top: 170px;
          left: 240px;
          width: 720px;
          height: 340px;
          background: #fff;
          border: none; }
          .hs-product-pc .hsc-product .product-list li.show-content .children-list {
            width: 100%;
            height: 100%;
            background-position: 100% 100%;
            background-repeat: no-repeat; }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-0 {
              background-image: url(/static/img/index/cl-yysb.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-1 {
              background-image: url(/static/img/index/cl-yyhc.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-2 {
              background-image: url(/static/img/index/cl-yyfx.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-3 {
              background-image: url(/static/img/index/cl-dyzjs.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-4 {
              background-image: url(/static/img/index/cl-kzpjwzsb.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-5 {
              background-image: url(/static/img/index/cl-tywzsb.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-6 {
              background-image: url(/static/img/index/cl-rlsb.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-7 {
              background-image: url(/static/img/index/cl-nrsh.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-8 {
              background-image: url(/static/img/index/cl-txsb.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-9 {
              background-image: url(/static/img/index/cl-yycljcjs.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-10 {
              background-image: url(/static/img/index/cl-yyclyyjs.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-11 {
              background-image: url(/static/img/index/cl-jqfy.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-12 {
              background-image: url(/static/img/index/cl-yyyj.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list.children-13 {
              background-image: url(/static/img/index/cl-ylcp.png); }
            .hs-product-pc .hsc-product .product-list li.show-content .children-list li {
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
              width: 240px;
              height: 160px;
              border: none;
              background: none;
              text-align: left;
              padding: 30px 20px 10px 30px;
              animation: contentappear 0.5s linear; }
              .hs-product-pc .hsc-product .product-list li.show-content .children-list li:hover .title {
                color: #4679f1; }
              .hs-product-pc .hsc-product .product-list li.show-content .children-list li .title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                width: 100%;
                font-size: 16px;
                height: 30px;
                line-height: 30px;
                margin: 0;
                background-position: left center;
                background-repeat: no-repeat;
                opacity: 1;
                text-decoration: none; }
              .hs-product-pc .hsc-product .product-list li.show-content .children-list li .desc {
                margin-top: 5px;
                width: 100%;
                color: #646b97;
                line-height: 25px;
                height: 220px; }
        .hs-product-pc .hsc-product .product-list li .icon {
          height: 60px;
          width: 60px;
          background-position: center;
          background-repeat: no-repeat;
          opacity: 0.6; }
          .hs-product-pc .hsc-product .product-list li .icon.icon-dyzjs {
            background-image: url(/static/img/index/ps-dyzjs.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-jqfy {
            background-image: url(/static/img/index/ps-jqfy.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-kzpjwzsb {
            background-image: url(/static/img/index/ps-kzpjwzsb.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-rlsb {
            background-image: url(/static/img/index/ps-rlsb.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-nrsh {
            background-image: url(/static/img/index/ps-nrsh.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-lxfw {
            background-image: url(/static/img/index/ps-lxfw.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-txsb {
            background-image: url(/static/img/index/ps-txsb.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-tywzsb {
            background-image: url(/static/img/index/ps-tywzsb.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-ylcp {
            background-image: url(/static/img/index/ps-ylcp.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yycljc {
            background-image: url(/static/img/index/ps-yycljc.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yyclyy {
            background-image: url(/static/img/index/ps-yyclyy.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yyfx {
            background-image: url(/static/img/index/ps-yyfx.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yyhc {
            background-image: url(/static/img/index/ps-yyhc.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yysb {
            background-image: url(/static/img/index/ps-yysb.png); }
          .hs-product-pc .hsc-product .product-list li .icon.icon-yyyj {
            background-image: url(/static/img/index/ps-yyyj.png); }
        .hs-product-pc .hsc-product .product-list li .title {
          margin-top: 20px;
          color: #191c3d;
          font-size: 18px;
          opacity: 0.8; }

@keyframes goright {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(480px); } }

@keyframes goleft {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-480px); } }

@keyframes goup {
  from {
    transform: translateY(0); }
  to {
    transform: translatey(-340px); } }

@keyframes godown {
  from {
    transform: translateY(0); }
  to {
    transform: translatey(340px); } }

@keyframes contentappear {
  from {
    opacity: 0;
    transform: translateY(88px); }
  to {
    transform: translateY(0px);
    opacity: 1; } }

.main-content .home-section.hs-product-mobile {
  width: 100%;
  margin-top: 10px; }
  .main-content .home-section.hs-product-mobile .hs-title {
    font-size: 18px;
    line-height: 30px; }
  .main-content .home-section.hs-product-mobile .hs-desc {
    font-size: 12px;
    line-height: 20px; }
  .main-content .home-section.hs-product-mobile .product-list {
    margin-top: 18px;
    width: 100%;
    border-top: solid 1px #d6d9e2; }
    .main-content .home-section.hs-product-mobile .product-list li {
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      background-color: #f9fbff;
      border-bottom: solid 1px #d6d9e2;
      text-align: left;
      overflow: hidden;
      transition: height 0.5s; }
      .main-content .home-section.hs-product-mobile .product-list li span.product-type {
        margin-left: 20px;
        padding-left: 28px;
        display: inline-block;
        height: 100%;
        width: auto;
        background: url(/static/img/index/ps-yysb.png) 0% 46% no-repeat;
        background-size: 21px 21px; }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-dyzjs {
          background-image: url(/static/img/index/ps-dyzjs.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-jqfy {
          background-image: url(/static/img/index/ps-jqfy.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-kzpjwzsb {
          background-image: url(/static/img/index/ps-kzpjwzsb.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-rlsb {
          background-image: url(/static/img/index/ps-rlsb.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-nrsh {
          background-image: url(/static/img/index/ps-nrsh.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-lxfw {
          background-image: url(/static/img/index/ps-lxfw.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-txsb {
          background-image: url(/static/img/index/ps-txsb.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-tywzsb {
          background-image: url(/static/img/index/ps-tywzsb.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-ylcp {
          background-image: url(/static/img/index/ps-ylcp.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yycljc {
          background-image: url(/static/img/index/ps-yycljc.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyclyy {
          background-image: url(/static/img/index/ps-yyclyy.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyfx {
          background-image: url(/static/img/index/ps-yyfx.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyhc {
          background-image: url(/static/img/index/ps-yyhc.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yysb {
          background-image: url(/static/img/index/ps-yysb.png); }
        .main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyyj {
          background-image: url(/static/img/index/ps-yyyj.png); }
      .main-content .home-section.hs-product-mobile .product-list li.open {
        height: auto;
        transition: height 1s; }
        .main-content .home-section.hs-product-mobile .product-list li.open .arrow {
          background-image: url(/static/img/index/micon-up.png); }
      .main-content .home-section.hs-product-mobile .product-list li .arrow {
        width: 80px;
        height: 50px;
        float: right;
        background: url(/static/img/index/micon-down.png) 50% no-repeat;
        background-size: 11px 6px; }
      .main-content .home-section.hs-product-mobile .product-list li ul {
        padding: 20px 20px 10px 25px;
        border-top: solid 1px #d6d9e2; }
        .main-content .home-section.hs-product-mobile .product-list li ul li {
          height: auto;
          border: none;
          margin-bottom: 10px; }
          .main-content .home-section.hs-product-mobile .product-list li ul li a {
            display: block;
            overflow: hidden;
            width: 100%;
            height: auto;
            text-decoration: none; }
            .main-content .home-section.hs-product-mobile .product-list li ul li a span {
              display: block;
              line-height: 20px;
              font-size: 12px;
              color: #646b97; }
              .main-content .home-section.hs-product-mobile .product-list li ul li a span.md-title {
                color: #1a1c3c;
                font-weight: bold; }

.hs-industry-pc {
  padding: 50px 0 0;
  height: 2812px;
  width: 100%;
  overflow: hidden;
  background: url(/static/img/index/industry-bg.png) 50% 0% no-repeat; }
  .hs-industry-pc .hsc-industry {
    width: 100%;
    height: 565px; }
  .hs-industry-pc .industry-tab {
    margin: 40px auto;
    width: 620px;
    display: -ms-flexbox;
    display: flex; }
    .hs-industry-pc .industry-tab li {
      height: 45px;
      line-height: 45px;
      color: #1a1d3c;
      font-size: 18px;
      width: 100px;
      text-align: center;
      cursor: pointer;
      position: relative; }
      .hs-industry-pc .industry-tab li:hover::after, .hs-industry-pc .industry-tab li.selected::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        width: 60px;
        height: 3px;
        content: '';
        background: #4a81ff; }
  .hs-industry-pc .industry-frame {
    width: 2560px;
    height: 565px;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    .hs-industry-pc .industry-frame .if-image {
      width: 1351px;
      height: 565px;
      float: left;
      animation: imageappear 1s linear;
      position: relative;
      overflow: hidden; }
      .hs-industry-pc .industry-frame .if-image.if-city {
        background-image: url(/static/img/index/industry-city.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-agriculture {
        background-image: url(/static/img/index/industry-agriculture.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-annotations {
        background-image: url(/static/img/index/industry-annotations.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-webcast {
        background-image: url(/static/img/index/industry-webcast.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-medical {
        background-image: url(/static/img/index/industry-medical.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-notouch {
        background-image: url(/static/img/index/industry-notouch.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-translation {
        background-image: url(/static/img/index/industry-translation.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-judiciary {
        background-image: url(/static/img/index/industry-judiciary.jpg); }
      .hs-industry-pc .industry-frame .if-image.if-finance {
        background-image: url(/static/img/index/industry-finance.jpg); }
    .hs-industry-pc .industry-frame .if-content-wrap {
      margin-top: 32px;
      width: 1159px;
      height: 533px;
      float: left;
      padding-left: 50px;
      background-color: #282b48;
      position: relative; }
      .hs-industry-pc .industry-frame .if-content-wrap::before {
        position: absolute;
        content: '';
        top: -32px;
        left: 0;
        height: 565px;
        width: 100px;
        background: url(/static/img/index/industry-frame-simple.png) no-repeat; }
      .hs-industry-pc .industry-frame .if-content-wrap .if-content {
        width: 475px;
        color: #ffffff;
        text-align: right; }
        .hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link {
          position: relative;
          background-color: #4a81ff;
          display: inline-block;
          height: 42px;
          width: 142px;
          line-height: 42px;
          text-decoration: none;
          color: #ffffff;
          text-align: center;
          letter-spacing: 1px; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link::after {
            position: absolute;
            top: 16px;
            right: 30px;
            height: 0;
            width: 0;
            content: '';
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 9px solid #ffffff;
            transition: right .2s ease-in; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link:hover::after {
            right: 27px; }
        .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-desc {
          margin-top: 20px;
          margin-bottom: 10px;
          line-height: 30px;
          font-size: 16px;
          height: 150px;
          text-align: left; }
        .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title {
          position: relative;
          margin-top: 70px;
          height: 50px;
          width: 450px;
          font-size: 24px;
          letter-spacing: 2px; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title .it-main {
            left: 0;
            position: absolute;
            bottom: 0;
            z-index: 9;
            font-size: 24px; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title .it-sub {
            position: absolute;
            bottom: -13px;
            left: 0;
            z-index: 8;
            font-size: 60px;
            opacity: 0.05; }
        .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand {
          margin-top: 30px;
          padding-top: 25px;
          border-top: solid 1px #464863; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-title {
            line-height: 25px;
            font-size: 16px;
            opacity: 0.5; }
          .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list {
            margin-top: 15px;
            width: 100%; }
            .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li {
              float: left;
              margin: 0 25px 0 0;
              padding-right: 25px;
              line-height: 30px;
              height: 30px;
              position: relative; }
              .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li::after {
                position: absolute;
                right: 0;
                top: 7px;
                height: 15px;
                content: '';
                border-right: solid 1px #464863; }
              .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li:first-child {
                margin-left: 0; }
              .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li:last-child::after {
                content: none; }
              .hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li a {
                text-decoration: none;
                color: #ffffff; }

@keyframes imagedown {
  from {
    transform: translateY(-160px); }
  to {
    transform: translateY(0); } }

@keyframes imageup {
  from {
    transform: translateY(160px); }
  to {
    transform: translateY(0); } }

@keyframes imageappear {
  from {
    opacity: 0.3; }
  to {
    opacity: 1; } }

.main-content .home-section.hs-industry-mobile {
  width: 100%;
  margin-top: 40px; }
  .main-content .home-section.hs-industry-mobile .hs-title {
    font-size: 18px;
    line-height: 30px; }
  .main-content .home-section.hs-industry-mobile .hs-desc {
    font-size: 12px;
    line-height: 20px; }
  .main-content .home-section.hs-industry-mobile .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .main-content .home-section.hs-industry-mobile .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .main-content .home-section.hs-industry-mobile .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #5787ff;
    cursor: pointer; }
  .main-content .home-section.hs-industry-mobile .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff; }
  .main-content .home-section.hs-industry-mobile .slick-dots li button:hover,
  .main-content .home-section.hs-industry-mobile .slick-dots li button:focus {
    outline: none; }
  .main-content .home-section.hs-industry-mobile .slick-dots li button:hover:before,
  .main-content .home-section.hs-industry-mobile .slick-dots li button:focus:before {
    opacity: 1; }
  .main-content .home-section.hs-industry-mobile .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    text-align: center;
    background: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .main-content .home-section.hs-industry-mobile .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 12px;
    content: '';
    text-align: center;
    background: #5787ff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .main-content .home-section.hs-industry-mobile .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 100%; }

.itemwrap {
  overflow: hidden;
  background: #282b48;
  outline: none; }

.hi-wrap {
  margin-top: 30px;
  height: 380px;
  overflow: hidden; }

.rs-content {
  position: relative;
  background: url(/static/img/index/demo.png) no-repeat;
  background-color: #282b48;
  background-size: 100%;
  height: 325px;
  overflow: hidden;
  border-left: solid 10px #fff;
  border-right: solid 10px #fff;
  background-size: 359px 150px;
  background-position: 100% 0%; }
  .rs-content.rsc-city {
    background-image: url(/static/img/index/industry-city.jpg); }
  .rs-content.rsc-agriculture {
    background-image: url(/static/img/index/industry-agriculture.jpg); }
  .rs-content.rsc-annotations {
    background-image: url(/static/img/index/industry-annotations.jpg); }
  .rs-content.rsc-webcast {
    background-image: url(/static/img/index/industry-webcast.jpg); }
  .rs-content.rsc-medical {
    background-image: url(/static/img/index/industry-medical.jpg); }
  .rs-content.rsc-notouch {
    background-image: url(/static/img/index/industry-notouch.jpg); }
  .rs-content.rsc-translation {
    background-image: url(/static/img/index/industry-translation.jpg); }
  .rs-content.rsc-judiciary {
    background-image: url(/static/img/index/industry-judiciary.jpg); }
  .rs-content.rsc-finance {
    background-image: url(/static/img/index/industry-finance.jpg); }
  .rs-content .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff; }
    .rs-content .rc-bottom .rc-title {
      font-size: 16px; }
    .rs-content .rc-bottom .rc-desc {
      margin-top: 10px;
      font-size: 12px;
      line-height: 20px;
      text-align: left; }
    .rs-content .rc-bottom .ic-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #4a81ff;
      height: 28px;
      width: 95px;
      line-height: 28px;
      margin: 10px auto 0;
      text-decoration: none;
      color: #ffffff;
      text-align: center;
      letter-spacing: 1px;
      z-index: 1111111; }
      .rs-content .rc-bottom .ic-link::after {
        margin-left: 5px;
        height: 0;
        width: 0;
        content: '';
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #ffffff; }

.introduction-banner {
  width: 2560px;
  height: 419px;
  background: url(/static/img/introduction/banner.png) center center/cover no-repeat; }

.introduction-title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .introduction-title-wrapper .title {
    font-size: 40px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 48px;
    margin-right: 10px;
    letter-spacing: 0.1em;
    font-style: italic; }
  .introduction-title-wrapper .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    border-left: 2px solid #979797;
    padding-left: 12px; }
    .introduction-title-wrapper .right .top,
    .introduction-title-wrapper .right .bottom {
      letter-spacing: 0.1em;
      font-style: italic; }
    .introduction-title-wrapper .right .top {
      height: 25px;
      font-size: 21px;
      color: #b0b0b0;
      line-height: 25px;
      margin-bottom: 2px; }
    .introduction-title-wrapper .right .bottom {
      height: 16px;
      font-size: 14px;
      color: #b4b4b4;
      line-height: 16px; }

.introduction-platform {
  width: 1200px;
  min-height: 300px;
  margin-top: 60px; }
  .introduction-platform-detail {
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 30px;
    margin-top: 17px;
    margin-bottom: 25px; }
  .introduction-platform .introduction-platform-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .introduction-platform .introduction-platform-list-item {
      position: relative;
      width: 400px;
      height: 218px; }
      .introduction-platform .introduction-platform-list-item .num,
      .introduction-platform .introduction-platform-list-item .name,
      .introduction-platform .introduction-platform-list-item .icon {
        position: absolute; }
      .introduction-platform .introduction-platform-list-item .num {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .introduction-platform .introduction-platform-list-item .num > span {
          font-size: 40px; }
      .introduction-platform .introduction-platform-list-item.blue {
        background: url(/static/img/introduction/blue-bg.png) center center/cover no-repeat; }
        .introduction-platform .introduction-platform-list-item.blue .num {
          left: 37px;
          top: 39px;
          height: 68px;
          font-size: 57px;
          font-weight: 400;
          color: #ffffff;
          line-height: 68px; }
        .introduction-platform .introduction-platform-list-item.blue .name {
          left: 37px;
          top: 113px;
          height: 41px;
          font-size: 18px;
          font-weight: 400;
          color: #ffffff;
          line-height: 27px; }
        .introduction-platform .introduction-platform-list-item.blue .icon {
          right: 44px;
          bottom: 28px; }
      .introduction-platform .introduction-platform-list-item.normal {
        border-radius: 86px 0px 0px 0px;
        background: #f6f6f6; }
        .introduction-platform .introduction-platform-list-item.normal .num {
          left: 37px;
          top: 95px;
          height: 68px;
          font-size: 57px;
          font-weight: 400;
          color: #1975ff;
          line-height: 68px; }
        .introduction-platform .introduction-platform-list-item.normal .name {
          left: 37px;
          top: 164px;
          height: 41px;
          font-size: 18px;
          font-weight: 400;
          color: #1975ff;
          line-height: 27px; }
        .introduction-platform .introduction-platform-list-item.normal .icon {
          top: 33px;
          right: 36px; }

.modalWrap-bottom {
  position: fixed !important;
  top: calc(100% - 390px) !important;
  left: calc(100% - 608px) !important;
  -ms-transform: scale(0.5);
      transform: scale(0.5); }

.modalWrap {
  top: 44px;
  left: calc(50% - 389px);
  position: absolute;
  width: 778px;
  height: 478px;
  background: url(https://openres.xfyun.cn/xfyundoc/2025-01-04/40f2b9c0-887c-4ffd-8d54-6d914a6174ca/1735958924257/107publish-bg.png) center no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 12; }
  .modalWrap .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .modalWrap .livePlayer {
    width: 100%;
    height: 405px;
    position: relative;
    z-index: 1; }
  .modalWrap .playLayer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .modalWrap .bigPlayBtn {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.875em;
    margin-top: -1.875em;
    width: 3.75em;
    height: 3.75em;
    text-align: center;
    border-radius: 50%;
    background: #6c6b6b;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    pointer-events: auto;
    background: url(/static/img/publish/icon-play.svg) center no-repeat;
    background-size: contain; }
  .modalWrap .playerTitle {
    height: 21px;
    font-size: 15px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #252525;
    line-height: 21px;
    margin-top: 17px;
    margin-left: 19px;
    margin-bottom: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .modalWrap .playerTitle > div {
      margin-left: 16px;
      height: 17px;
      font-size: 12px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      color: #252525;
      line-height: 17px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .modalWrap .playerTitle > div > span {
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #ff0000;
        border-radius: 50%;
        margin-right: 3px; }
    .modalWrap .playerTitle .close {
      padding: 4px;
      cursor: pointer;
      margin-left: 376px;
      width: 20px;
      height: 20px;
      border-radius: 8px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .modalWrap .playerTitle .close > img {
        width: 13px;
        height: 13px; }
      .modalWrap .playerTitle .close:hover {
        background-color: rgba(255, 255, 255, 0.3); }
  .modalWrap .isBefore1400-big {
    width: 100%;
    height: 405px; }
  .modalWrap .loadingPlay {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 100%;
    top: 45%;
    z-index: 9; }
    .modalWrap .loadingPlay .txt {
      margin-left: 4px; }
  .modalWrap .over-placeholder {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 100%;
    top: 40%;
    left: 0;
    letter-spacing: 1px; }
  .modalWrap .ant-modal-body {
    padding: 0; }
  .modalWrap .ant-modal {
    top: 42px; }
  .modalWrap .ant-modal-close-x {
    height: 40px;
    width: 40px;
    line-height: 40px; }
  .modalWrap .ant-modal-content {
    border-radius: 4px;
    overflow: hidden;
    padding: 15px 20px 20px;
    background: rgba(0, 0, 0, 0.5) url("https://openres.xfyun.cn/xfyundoc/2025-01-04/40f2b9c0-887c-4ffd-8d54-6d914a6174ca/1735958924257/107publish-bg.png") center center/cover no-repeat; }
  .modalWrap .ant-spin-container {
    height: 405px;
    margin: 0 19px; }

.initModeModal {
  width: 400px;
  height: 226px;
  overflow: hidden;
  position: fixed;
  bottom: 218px;
  z-index: 1001;
  right: 130px;
  background-color: rgba(0, 0, 0, 0.8);
  animation: appear 0.3s ease-in-out;
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }
  @media screen and (max-width: 1400px) {
    .initModeModal {
      left: unset;
      right: 70px; } }
  .initModeModal .mudu-big-play-btn {
    width: 2em !important;
    height: 2em !important;
    margin-left: -1em !important;
    margin-top: -1em !important; }
    .initModeModal .mudu-big-play-btn .mudu-icon-play {
      font-size: 1.2em;
      -ms-transform: translateX(0.05em);
          transform: translateX(0.05em); }
  .initModeModal.disapper {
    animation: disappear 0.4s ease-in-out; }
  .initModeModal .livePlayer {
    height: 225px; }
  .initModeModal .isBefore1400-small {
    width: 100%;
    height: 100%; }
  .initModeModal .closeInitModal {
    background: url("https://aixfyun-cn-bj.xfyun.cn/bbs/84538.355630417/%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88.svg") no-repeat center center/8px 8px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1002;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .initModeModal .closeInitModal:hover {
      background: url("https://aixfyun-cn-bj.xfyun.cn/bbs/67103.28417956611/%E7%BC%96%E7%BB%84%2025.svg") no-repeat center center/16px 16px; }

@keyframes appear {
  from {
    opacity: 0;
    transform: scale(0); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes disappear {
  from {
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: 0;
    transform: scale(0); } }

.block-cpn {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (16 / 9));
  left: 0;
  top: 0;
  height: 0; }
  .block-cpn .ant-spin-spinning {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    z-index: 1; }
  .block-cpn .livePlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.mudu-video-wrap {
  background: none; }

.mudu.mudu-stretch-contain .mudu-background {
  background-size: cover !important; }

@font-face {
  font-family: 'FZLTTHK';
  src: url("/static/font/FZLTTHK.TTF") format("truetype"); }

.publish-h5-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, '\5B8B\4F53'; }
  .publish-h5-main .ant-collapse {
    border-radius: 0;
    border: 1px solid #c6d5e4; }
  .publish-h5-main .ant-collapse-header {
    background: url("/static/img/publish/item-bg.png") no-repeat;
    background-size: cover;
    border: none;
    height: 48px; }
  .publish-h5-main .ant-collapse-header-text {
    margin-left: 10px; }
  .publish-h5-main .ant-collapse-content-box {
    padding: 10px 20px 12px; }
  .publish-h5-main .h5-public {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll; }
  .publish-h5-main .content {
    margin: 0 18px;
    margin-top: 25px; }
  .publish-h5-main .h5-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .publish-h5-main .h5-header > img {
      width: 100%; }
  .publish-h5-main .h5-name {
    margin-bottom: 13.5px; }
    .publish-h5-main .h5-name .h5-high-light {
      display: inline-block;
      height: 36.5px;
      background: linear-gradient(130deg, rgba(188, 214, 255, 0.71) 20%, rgba(193, 236, 243, 0.64) 53%, rgba(255, 213, 169, 0.54) 90%);
      font-size: 26.5px;
      -webkit-background-clip: text;
              background-clip: text;
      font-family: Lantinghei SC, Lantinghei SC-Heavy;
      font-weight: 800;
      text-align: left;
      color: transparent;
      line-height: 36.5px;
      letter-spacing: 0.67px; }
    .publish-h5-main .h5-name .h5-text-light {
      margin-top: -18px;
      margin-left: 2px;
      width: 90.5px;
      height: 30.5px;
      font-size: 22px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #252525;
      line-height: 31px;
      letter-spacing: 0.55px; }
  .publish-h5-main .h5-light-one {
    width: 90vw;
    height: 85px;
    background: url("/static/img/publish/h5-light-one.png") no-repeat;
    background-size: cover;
    margin-bottom: 10px; }
  .publish-h5-main .h5-first-line {
    width: 99px;
    height: 19.5px;
    font-size: 14px;
    font-family: Lantinghei SC, Lantinghei SC-Heavy;
    font-weight: 800;
    color: #252525;
    line-height: 19.5px;
    letter-spacing: 1.75px;
    padding-top: 22.5px;
    margin-left: 14.5px; }
  .publish-h5-main .h5-seconde-line {
    height: 19.5px;
    font-size: 14px;
    font-family: Lantinghei SC, Lantinghei SC-Heavy;
    font-weight: 800;
    color: #1975ff;
    line-height: 19.5px;
    letter-spacing: 1.75px;
    margin-left: 14.5px; }
  .publish-h5-main .h5-three-line {
    height: 19.5px;
    font-size: 14px;
    font-family: Lantinghei SC, Lantinghei SC-Heavy;
    font-weight: 800;
    color: #19a2ff;
    line-height: 19.5px;
    letter-spacing: 1.75px;
    margin-left: 14.5px; }
  .publish-h5-main .h5-four-line {
    height: 19.5px;
    font-size: 14px;
    font-family: Lantinghei SC, Lantinghei SC-Heavy;
    font-weight: 800;
    text-align: left;
    color: #f36d00;
    line-height: 19.5px;
    letter-spacing: 1.75px;
    margin-left: 14.5px; }
  .publish-h5-main .h5-light-two {
    width: 90vw;
    min-height: 85px;
    background: url("/static/img/publish/h5-light-two.png") no-repeat;
    background-size: cover;
    margin-top: 13.5px;
    margin-bottom: 10px; }
  .publish-h5-main .h5-light-three {
    width: 90vw;
    min-height: 85px;
    background: url("/static/img/publish/h5-light-three.png") no-repeat;
    background-size: cover;
    margin-top: 13.5px;
    margin-bottom: 33px; }
  .publish-h5-main .h5-agenda-content-top {
    margin-top: 18.5px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
    .publish-h5-main .h5-agenda-content-top .left {
      background: url("/static/img/publish/h5-agenda-one.png") no-repeat center;
      background-size: contain;
      width: 180.5px;
      height: 144.5px;
      position: relative; }
      .publish-h5-main .h5-agenda-content-top .left .time {
        width: 31px;
        height: 24px;
        font-size: 11px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 0.28px;
        margin-left: 12px;
        margin-top: 29px;
        line-height: 8px; }
        .publish-h5-main .h5-agenda-content-top .left .time > div:nth-child(2) {
          margin-left: 6px;
          margin-top: 3px;
          margin-bottom: 3px;
          width: 6px;
          border-top: 1px solid #ffffff; }
      .publish-h5-main .h5-agenda-content-top .left .AM {
        position: absolute;
        width: 37px;
        height: 32px;
        opacity: 0.3;
        font-size: 23px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #ffffff;
        line-height: 32px;
        letter-spacing: 0.56px;
        left: 47.5px;
        top: 16.5px; }
      .publish-h5-main .h5-agenda-content-top .left .place {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        left: 46.5px;
        top: 40.5px; }
        .publish-h5-main .h5-agenda-content-top .left .place > div {
          width: 120px;
          height: 33px;
          font-size: 12px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          color: #ffffff;
          line-height: 16.5px;
          letter-spacing: 0.3px; }
        .publish-h5-main .h5-agenda-content-top .left .place > img {
          width: 8px;
          height: 8px;
          margin-right: 3px;
          margin-top: 5px; }
      .publish-h5-main .h5-agenda-content-top .left .what {
        width: 82.5px;
        height: 22.5px;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        color: #ffffff;
        line-height: 22.5px;
        letter-spacing: 0.4px;
        margin-top: 48.5px;
        margin-left: 12px; }
    .publish-h5-main .h5-agenda-content-top .right {
      background: url("/static/img/publish/h5-agenda-two.png") no-repeat center;
      background-size: contain;
      width: 159px;
      height: 145px; }
  .publish-h5-main .h5-agenda-content-bottom {
    margin-top: 10px;
    margin-bottom: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: end;
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
    .publish-h5-main .h5-agenda-content-bottom .left {
      background: url("/static/img/publish/h5-agenda-three.png") no-repeat center;
      background-size: contain;
      width: 159px;
      height: 144.5px; }
    .publish-h5-main .h5-agenda-content-bottom .right {
      background: url("/static/img/publish/h5-agenda-four.png") no-repeat center;
      background-size: contain;
      width: 181px;
      height: 144.5px;
      position: relative; }
      .publish-h5-main .h5-agenda-content-bottom .right .time {
        width: 28.5px;
        height: 24px;
        font-size: 11px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        color: #ffffff;
        line-height: 8px;
        letter-spacing: 0.28px;
        margin-left: 10.5px;
        margin-top: 45px; }
        .publish-h5-main .h5-agenda-content-bottom .right .time > div:nth-child(2) {
          margin-left: 6px;
          margin-top: 3px;
          margin-bottom: 3px;
          width: 6px;
          border-top: 1px solid #ffffff; }
      .publish-h5-main .h5-agenda-content-bottom .right .PM {
        position: absolute;
        width: 37px;
        height: 31.5px;
        opacity: 0.3;
        font-size: 22.5px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        color: #ffffff;
        line-height: 32px;
        letter-spacing: 0.56px;
        left: 44.5px;
        top: 78.5px; }
      .publish-h5-main .h5-agenda-content-bottom .right .place {
        position: absolute;
        left: 44px;
        top: 101.5px;
        display: -ms-flexbox;
        display: flex; }
        .publish-h5-main .h5-agenda-content-bottom .right .place > div {
          width: 106px;
          height: 33px;
          font-size: 12px;
          font-family: PingFang SC, PingFang SC-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 16.5px;
          letter-spacing: 0.3px; }
        .publish-h5-main .h5-agenda-content-bottom .right .place > img {
          width: 8px;
          height: 8px;
          margin-right: 3px;
          margin-top: 5px; }
      .publish-h5-main .h5-agenda-content-bottom .right .what {
        width: 82.5px;
        height: 22.5px;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        text-align: left;
        color: #ffffff;
        line-height: 22.5px;
        letter-spacing: 0.4px;
        margin-top: 23.5px;
        margin-left: 13.5px; }
  .publish-h5-main .h5-eight-day {
    padding: 18px 0;
    width: auto;
    height: 100%;
    background: url("/static/img/publish/h5-day-eight-bg.png") no-repeat center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 18.5px;
    margin-bottom: 34px; }
    .publish-h5-main .h5-eight-day .open {
      margin-top: 14.5px; }
    .publish-h5-main .h5-eight-day .top-title {
      width: 100%;
      margin-left: 12.5px;
      height: 50px;
      opacity: 0.82;
      border-radius: 8px;
      background: url("/static/img/publish/h5-top-bg.png") no-repeat center center;
      background-size: cover;
      font-size: 18px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      padding-left: 15.5px;
      color: #ffffff;
      line-height: 50px;
      letter-spacing: 0.33px; }
    .publish-h5-main .h5-eight-day .open-title {
      width: 100%;
      margin-left: 12.5px;
      height: 50px;
      opacity: 0.82;
      border-radius: 8px;
      background: url("/static/img/publish/h5-title-bg.png") no-repeat center center;
      background-size: cover;
      font-size: 18px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      padding-left: 15.5px;
      color: #ffffff;
      line-height: 50px;
      letter-spacing: 0.33px; }
    .publish-h5-main .h5-eight-day .time {
      height: 21px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #ee6b00;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin-left: 26.75px;
      margin-top: 15.3px;
      margin-bottom: 12px; }
    .publish-h5-main .h5-eight-day .title {
      height: 21px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #252525;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin-left: 26.75px;
      margin-bottom: 15.3px; }
    .publish-h5-main .h5-eight-day .greet-title {
      height: 21px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #252525;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin: 16px 0 16px 28px; }
    .publish-h5-main .h5-eight-day .topic-title {
      height: 100%;
      width: 286px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #252525;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin: 16px 0 8px 28px;
      text-indent: -8px; }
    .publish-h5-main .h5-eight-day .coop-title {
      width: 246px;
      height: 21px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #252525;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin-bottom: 8px;
      margin-left: 28px; }
    .publish-h5-main .h5-eight-day .name {
      height: 22.5px;
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      color: #252525;
      line-height: 22.5px;
      letter-spacing: 0.4px;
      margin-left: 28px;
      margin-bottom: 9.5px; }
    .publish-h5-main .h5-eight-day .coop-name {
      height: 22.5px;
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      color: #252525;
      line-height: 22.5px;
      letter-spacing: 0.4px;
      margin-left: 28px;
      margin-bottom: 15.5px; }
    .publish-h5-main .h5-eight-day .award-title {
      height: auto;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #252525;
      line-height: 21px;
      letter-spacing: 0.38px;
      margin-left: 28px;
      margin-right: 28px; }
    .publish-h5-main .h5-eight-day .level {
      height: auto;
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #6a6a6a;
      line-height: 22.5px;
      letter-spacing: 0.4px;
      margin-left: 28px;
      margin-right: 28px;
      margin-bottom: 15.5px; }
  .publish-h5-main .fold {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 15px;
    margin-bottom: 26.5px; }
    .publish-h5-main .fold > span {
      height: 17px;
      font-size: 12px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #252525;
      line-height: 17px;
      letter-spacing: 0.93px;
      margin-right: 11px; }
    .publish-h5-main .fold > img {
      width: 8px;
      height: 6px; }
  .publish-h5-main .unfold {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 15px;
    margin-bottom: 26.5px; }
    .publish-h5-main .unfold > span {
      height: 17px;
      font-size: 12px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #252525;
      line-height: 17px;
      letter-spacing: 0.93px;
      margin-right: 11px; }
    .publish-h5-main .unfold > img {
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
      width: 8px;
      height: 6px; }
  .publish-h5-main .h5-eaq-item {
    position: relative;
    margin-top: 19.5px; }
  .publish-h5-main .h5-order {
    background: url("/static/img/publish/question-bg.png") no-repeat center center;
    background-size: contain;
    width: 31px;
    height: 31px;
    text-align: center;
    position: absolute;
    font-size: 11px;
    font-family: DingTalk, DingTalk-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 27px;
    letter-spacing: 0.55px;
    left: -5px;
    top: -10px; }
  .publish-h5-main .h5-question {
    width: 89vw;
    height: 30.5px;
    background: #f0f7ff;
    border-radius: 10px;
    line-height: 30.5px; }
    .publish-h5-main .h5-question > span {
      width: 227px;
      height: 18.5px;
      font-size: 13px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 18.5px;
      letter-spacing: 0.33px;
      margin-left: 26px; }
  .publish-h5-main .h5-answer {
    width: 83vw;
    font-size: 11px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #686868;
    line-height: 16px;
    letter-spacing: 0.27px;
    margin: 9px 0 20px 11px; }

.h5-footer {
  width: 100vw;
  height: 85px;
  background: #0070f0;
  margin-top: 26.5px;
  padding-top: 14px; }
  .h5-footer .policy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 11px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #ffffff; }
    .h5-footer .policy > div:nth-child(1) {
      height: 26px;
      text-align: center;
      line-height: 26px;
      margin-right: 14px; }
    .h5-footer .policy > div:nth-child(2) {
      height: 26px;
      text-align: center;
      line-height: 26px; }
  .h5-footer .company {
    margin: 0 auto;
    margin-top: 4px;
    width: 174px;
    height: 18px;
    font-size: 11px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #83a6fa;
    line-height: 18px; }
  .h5-footer .baobei {
    margin: 0 auto;
    margin-top: 2px;
    width: 293px;
    height: 18px;
    font-size: 11px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #83a6fa; }
    .h5-footer .baobei > div:nth-child(1) {
      margin-right: 4px; }
    .h5-footer .baobei > div:nth-child(2) {
      margin-right: 4px; }

.h5-fanganItem {
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .h5-fanganItem .desc {
    width: 22vw;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #252525;
    line-height: 17px;
    letter-spacing: 1.35px; }
  .h5-fanganItem .line {
    height: auto;
    border-right: 1px solid #d7d7d7;
    margin: 3px 9.5px 0px 2px; }
  .h5-fanganItem .h5-content {
    height: 100%; }
    .h5-fanganItem .h5-content .item-content {
      width: 54vw;
      opacity: 0.77;
      font-size: 9px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #2e2e2e;
      line-height: 14px;
      letter-spacing: 0.54px; }
    .h5-fanganItem .h5-content .item-bottom {
      display: -ms-flexbox;
      display: flex; }
    .h5-fanganItem .h5-content .goto-experience {
      display: -ms-flexbox;
      display: flex;
      width: 60px;
      height: 19px;
      box-shadow: 0 0 0 0.5px #1975ff;
      border-radius: 4px;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 6px; }
      .h5-fanganItem .h5-content .goto-experience .down-img {
        width: 10px;
        height: 10px; }
      .h5-fanganItem .h5-content .goto-experience > span {
        height: 14.5px;
        font-size: 10.5px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #1975ff;
        line-height: 15px;
        margin-right: 3px; }
      .h5-fanganItem .h5-content .goto-experience > img {
        width: 9.5px;
        height: 2.5px; }
    .h5-fanganItem .h5-content .down-data {
      display: -ms-flexbox;
      display: flex;
      width: 60px;
      height: 19px;
      box-shadow: 0 0 0 0.5px #dde0e5;
      border-radius: 4px;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 6px;
      margin-left: 10px; }
      .h5-fanganItem .h5-content .down-data .down-img {
        width: 10px;
        height: 10px; }
      .h5-fanganItem .h5-content .down-data > span {
        height: 14.5px;
        font-size: 10.5px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #454961;
        line-height: 15px;
        margin-right: 3px; }
      .h5-fanganItem .h5-content .down-data > img {
        width: 12px;
        height: 12px; }

.h5-date {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 17px; }
  .h5-date .data-seven {
    width: 118px;
    height: 34px;
    background: rgba(5, 116, 236, 0.08);
    border-radius: 26.5px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    color: #1975ff;
    border: 1px solid transparent; }
  .h5-date .data-seven-choose {
    border: 1.2px solid #0574ec; }
  .h5-date .data-eight {
    width: 118px;
    height: 34px;
    background: #fff6ef;
    border-radius: 26.5px;
    font-size: 14px;
    text-align: center;
    border: 1px solid transparent;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    color: #f36d00;
    line-height: 34px;
    margin-left: 9.5px; }
  .h5-date .data-eight-choose {
    border: 1.2px solid #f36d00; }

@font-face {
  font-family: 'FZLTTHK';
  src: url("/static/font/FZLTTHK.TTF") format("truetype"); }

.publish-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, '\5B8B\4F53'; }
  .publish-main .publish-header {
    background: url("/static/img/publish/new-bg.png") no-repeat center;
    background-size: cover;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    height: 547px; }
  .publish-main .anchor-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 1200px;
    margin: 0 auto;
    margin-top: 29px; }
    .publish-main .anchor-header .logo {
      display: inline-block;
      width: 149px;
      height: 33px;
      background: url(/static/img/layout/header/logo.svg) center center/100% 100% no-repeat;
      margin-right: 28px; }
    .publish-main .anchor-header > img {
      width: 167px;
      height: 38px;
      margin-right: 73px; }
    .publish-main .anchor-header > div {
      cursor: pointer;
      height: 21px;
      font-size: 15px;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 21px;
      margin-right: 60px; }
      .publish-main .anchor-header > div:hover {
        color: #0070f0; }
  .publish-main .name .high-light {
    display: inline-block;
    height: 86px;
    background: linear-gradient(130deg, rgba(188, 214, 255, 0.71) 20%, rgba(193, 236, 243, 0.64) 53%, rgba(255, 213, 169, 0.54) 90%);
    -webkit-background-clip: text;
            background-clip: text;
    font-size: 65px;
    font-family: FZLTTHK, FZLTTHK-Regular;
    font-weight: 400;
    text-align: left;
    line-height: 86px;
    color: transparent;
    letter-spacing: 1.62px; }
  .publish-main .name .text-light {
    width: 181px;
    height: 61px;
    font-size: 44px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #252525;
    line-height: 62px;
    letter-spacing: 1.1px;
    margin-top: -38px;
    margin-left: 5px; }
  .publish-main .light-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 37.5px; }
    .publish-main .light-section .light-content {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
    .publish-main .light-section .light-card {
      width: 331px;
      height: 420px;
      margin-left: 62px;
      overflow: hidden; }
    .publish-main .light-section .bottom-common {
      margin-left: 62px;
      font-size: 22px;
      font-weight: 600;
      font-family: PingFangSC, PingFangSC-Medium;
      width: 331px;
      height: 38px;
      line-height: 38px;
      text-align: center;
      margin-top: 20px;
      letter-spacing: 3.5px; }
    .publish-main .light-section .bottom-one {
      color: #1975ff;
      background: url("/static/img/publish/bottom-one-bg.png") no-repeat center;
      background-size: cover; }
    .publish-main .light-section .bottom-two {
      color: #19a2ff;
      background: url("/static/img/publish/bottom-two-bg.png") no-repeat center;
      background-size: cover; }
    .publish-main .light-section .bottom-three {
      color: #f36d00;
      background: url("/static/img/publish/bottom-three-bg.png") no-repeat center;
      background-size: cover; }
    .publish-main .light-section .light-card-one {
      background: url("/static/img/publish/light-one.png") no-repeat center;
      background-size: contain;
      margin-top: 43px; }
    .publish-main .light-section .light-card-two {
      background: url("/static/img/publish/light-two.png") no-repeat center;
      background-size: contain;
      margin-top: 124px; }
    .publish-main .light-section .light-card-three {
      background: url("/static/img/publish/light-three.png") no-repeat center;
      background-size: contain;
      margin-top: 10px; }
    .publish-main .light-section .line-one {
      width: 189px;
      height: 39px;
      font-size: 28px;
      font-family: FZLTZHK, FZLTZHK-Regular;
      font-weight: 600;
      text-align: left;
      line-height: 39px;
      letter-spacing: 3.5px; }
    .publish-main .light-section .line-one-one {
      color: #252525;
      margin-top: 35px;
      margin-left: 29px; }
    .publish-main .light-section .line-two-one {
      color: #1975ff;
      margin-left: 29px; }
    .publish-main .light-section .line-one-two {
      color: #252525;
      margin-top: 35px;
      margin-left: 38px; }
    .publish-main .light-section .line-two-two {
      color: #19a2ff;
      margin-left: 38px; }
    .publish-main .light-section .line-one-three {
      color: #252525;
      margin-top: 35px;
      margin-left: 36px; }
    .publish-main .light-section .line-two-three {
      color: #f36d00;
      margin-left: 36px; }
  .publish-main .agenda-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 56px; }
    .publish-main .agenda-section .agenda-day {
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      position: relative; }
      .publish-main .agenda-section .agenda-day .day-seven {
        cursor: pointer;
        width: 175px;
        height: 40px;
        background: #0574ec;
        border-radius: 27px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        font-size: 18px;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        letter-spacing: 0.45px; }
        .publish-main .agenda-section .agenda-day .day-seven:hover {
          opacity: 0.8; }
      .publish-main .agenda-section .agenda-day .seven-shadow {
        position: absolute;
        z-index: -1;
        left: -14px;
        top: -3px;
        width: 218px;
        height: 57px;
        border-radius: 26.5px;
        background: url("/static/img/publish/seven-bg.png") no-repeat center;
        background-size: cover; }
      .publish-main .agenda-section .agenda-day .day-eight {
        width: 175px;
        height: 40px;
        background: #f36d00;
        border-radius: 27px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        font-size: 18px;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        letter-spacing: 0.45px;
        margin-left: 43px;
        cursor: pointer; }
        .publish-main .agenda-section .agenda-day .day-eight:hover {
          opacity: 0.8; }
      .publish-main .agenda-section .agenda-day .eight-shadow {
        z-index: -1;
        position: absolute;
        left: 205px;
        top: -3px;
        width: 218px;
        height: 57px;
        border-radius: 26.5px;
        background: url("/static/img/publish/eight-bg.png") no-repeat center;
        background-size: cover; }
    .publish-main .agenda-section .line {
      margin-top: 29px;
      margin-bottom: 30px;
      width: 1194px;
      opacity: 0.45;
      border: 2px solid;
      border-image: linear-gradient(298deg, #36adff 17%, #1975ff 97%) 2 2; }
    .publish-main .agenda-section .agenda-content-top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: end; }
      .publish-main .agenda-section .agenda-content-top .left {
        background: url("/static/img/publish/agenda-one.png") no-repeat center;
        background-size: contain;
        width: 450px;
        height: 289px; }
        .publish-main .agenda-section .agenda-content-top .left .time {
          position: relative;
          width: 62px;
          height: 48px;
          font-size: 22px;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #ffffff;
          line-height: 16px;
          letter-spacing: 0.55px;
          margin-left: 25px;
          margin-top: 58px; }
          .publish-main .agenda-section .agenda-content-top .left .time > div:nth-child(2) {
            margin-left: 12px;
            margin-top: 8px;
            margin-bottom: 8px;
            width: 12px;
            border-top: 2px solid #ffffff; }
        .publish-main .agenda-section .agenda-content-top .left .AM {
          position: absolute;
          width: 73px;
          height: 63px;
          opacity: 0.3;
          font-size: 45px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #dedede;
          line-height: 63px;
          letter-spacing: 1.12px;
          right: -80px;
          top: -24px; }
        .publish-main .agenda-section .agenda-content-top .left .place {
          position: absolute;
          height: 25px;
          font-size: 18px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 25px;
          letter-spacing: 0.45px;
          right: -248px;
          top: 30px; }
          .publish-main .agenda-section .agenda-content-top .left .place > img {
            width: 15.5px;
            height: 15.5px;
            margin-right: 4.6px; }
        .publish-main .agenda-section .agenda-content-top .left .what {
          width: 134px;
          height: 37px;
          font-size: 26px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 37px;
          letter-spacing: 0.65px;
          margin-top: 28px;
          margin-left: 24px; }
      .publish-main .agenda-section .agenda-content-top .right {
        background: url("/static/img/publish/agenda-two.png") no-repeat center;
        background-size: contain;
        width: 748px;
        height: 370px; }
    .publish-main .agenda-section .agenda-content-bottom {
      margin-top: 46px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: end; }
      .publish-main .agenda-section .agenda-content-bottom .left {
        background: url("/static/img/publish/agenda-three.png") no-repeat center;
        background-size: contain;
        width: 748px;
        height: 370px; }
      .publish-main .agenda-section .agenda-content-bottom .right {
        background: url("/static/img/publish/agenda-four.png") no-repeat center;
        background-size: contain;
        width: 450px;
        height: 289px; }
        .publish-main .agenda-section .agenda-content-bottom .right .time {
          position: relative;
          width: 62px;
          height: 48px;
          font-size: 22px;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #ffffff;
          line-height: 16px;
          letter-spacing: 0.55px;
          margin-left: 25px;
          margin-top: 148px; }
          .publish-main .agenda-section .agenda-content-bottom .right .time > div:nth-child(2) {
            margin-left: 12px;
            margin-top: 8px;
            margin-bottom: 8px;
            width: 12px;
            border-top: 2px solid #ffffff; }
        .publish-main .agenda-section .agenda-content-bottom .right .PM {
          position: absolute;
          width: 73px;
          height: 63px;
          opacity: 0.3;
          font-size: 45px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #dedede;
          line-height: 63px;
          letter-spacing: 1.12px;
          right: -80px;
          top: -24px; }
        .publish-main .agenda-section .agenda-content-bottom .right .place {
          position: absolute;
          height: 25px;
          font-size: 18px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 25px;
          letter-spacing: 0.45px;
          right: -285px;
          top: 30px; }
          .publish-main .agenda-section .agenda-content-bottom .right .place > img {
            width: 15.5px;
            height: 15.5px;
            margin-right: 4.6px; }
        .publish-main .agenda-section .agenda-content-bottom .right .what {
          width: 134px;
          height: 37px;
          font-size: 26px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 37px;
          letter-spacing: 0.65px;
          margin-top: 28px;
          margin-left: 24px; }
  .publish-main .scheme-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 68px;
    margin-bottom: 68px; }
    .publish-main .scheme-section .scheme-content-top {
      margin-top: 25px;
      display: -ms-flexbox;
      display: flex; }
      .publish-main .scheme-section .scheme-content-top .active-1 {
        border: 1px solid #ff7d6a !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-2 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-3 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-4 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-5 {
        border: 1px solid #8283fe !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-6 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top .active-7 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(1) {
        background: #fdf6f5; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(1) .left-top {
          background: url("/static/img/publish/scheme-one.png") no-repeat center;
          background-size: contain;
          left: -7px;
          top: -4px;
          width: 60px;
          height: 35px;
          line-height: 32px; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(1):hover {
          border: 1px solid #ff7d6a; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(2) {
        background: #f3f9ff; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(2) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(2):hover {
          border: 1px solid #5e7aff; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(3) {
        background: #ebf9f7; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(3) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(3):hover {
          border: 1px solid #5bd3d3; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(4) {
        background: #fff9f6; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(4) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(4):hover {
          border: 1px solid #ffa15e; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(5) {
        background: #f6f6ff; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(5) .left-top {
          background: linear-gradient(315deg, #e8a0f0 3%, #9d88fd 50%, #7581ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(159, 121, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(5):hover {
          border: 1px solid #8283fe; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(6) {
        background: #f3f9ff; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(6) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(6):hover {
          border: 1px solid #5e7aff; }
      .publish-main .scheme-section .scheme-content-top > div:nth-child(7) {
        background: #fff9f6; }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(7) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish-main .scheme-section .scheme-content-top > div:nth-child(7):hover {
          border: 1px solid #ffa15e; }
      .publish-main .scheme-section .scheme-content-top .scheme-content-item {
        margin-right: 17.5px;
        position: relative;
        width: 154px;
        height: 144px;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer; }
        .publish-main .scheme-section .scheme-content-top .scheme-content-item .left-top {
          width: 48px;
          height: 23px;
          position: absolute;
          left: -1px;
          top: -1px;
          font-size: 14px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          line-height: 23px;
          text-align: center;
          color: #ffffff; }
        .publish-main .scheme-section .scheme-content-top .scheme-content-item .title {
          margin: 33px auto 10px;
          width: auto;
          height: 27px;
          font-size: 18px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: center;
          color: #252525;
          line-height: 25px;
          letter-spacing: 2.03px; }
        .publish-main .scheme-section .scheme-content-top .scheme-content-item .desc {
          margin: 0 auto;
          width: 125px;
          height: auto;
          opacity: 0.5;
          font-size: 14px;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #2e2e2e;
          line-height: 17px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          text-align: justify;
          overflow: hidden;
          text-overflow: ellipsis; }
      .publish-main .scheme-section .scheme-content-top .scheme-content-last {
        margin-right: 0; }
    .publish-main .scheme-section .scheme-content-middle {
      display: -ms-flexbox;
      display: flex;
      height: auto;
      min-height: 86px;
      margin-top: 37px; }
      .publish-main .scheme-section .scheme-content-middle .platform {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 176px;
        font-size: 20px;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 33px;
        letter-spacing: 2px;
        margin-left: 20px; }
      .publish-main .scheme-section .scheme-content-middle .line {
        border-right: 1px solid #d7d7d7;
        margin: 6.5px 29px 0 21px; }
      .publish-main .scheme-section .scheme-content-middle .desc {
        width: 738px;
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        min-height: 99px;
        opacity: 0.77;
        font-size: 15px;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #2e2e2e;
        line-height: 25px; }
      .publish-main .scheme-section .scheme-content-middle .right-goto {
        -ms-flex-align: center;
            align-items: center; }
      .publish-main .scheme-section .scheme-content-middle .goto {
        width: 125px;
        height: 42px;
        border: 1px solid #297eff;
        border-radius: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-left: 75px;
        margin-top: 5px;
        cursor: pointer;
        font-size: 17px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        color: #1975ff; }
        .publish-main .scheme-section .scheme-content-middle .goto:hover {
          opacity: 0.8; }
      .publish-main .scheme-section .scheme-content-middle .down-data {
        text-decoration: none;
        width: 125px;
        height: 42px;
        border: 1px solid #dde0e5;
        border-radius: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-left: 75px;
        margin-top: 16.5px;
        cursor: pointer;
        font-size: 17px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        color: #454961; }
        .publish-main .scheme-section .scheme-content-middle .down-data:hover {
          opacity: 0.8; }
    .publish-main .scheme-section .scheme-content-bottom {
      margin-top: 25px;
      display: -ms-flexbox;
      display: flex; }
      .publish-main .scheme-section .scheme-content-bottom .active-8 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-9 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-10 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-11 {
        border: 1px solid #8283fe !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-12 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-13 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom .active-14 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(1) {
        background: #ebf9f7; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(1) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(1):hover {
          border: 1px solid #5bd3d3; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(2) {
        background: #fdf6f5; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(2) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(2):hover {
          border: 1px solid #ffa15e; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(3) {
        background: #f3f9ff; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(3) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(3):hover {
          border: 1px solid #5e7aff; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(4) {
        background: #f6f6ff; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(4) .left-top {
          background: linear-gradient(315deg, #e8a0f0 3%, #9d88fd 50%, #7581ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(159, 121, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(4):hover {
          border: 1px solid #8283fe; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(5) {
        background: #fff9f6; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(5) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(5):hover {
          border: 1px solid #ffa15e; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(6) {
        background: #ebf9f7; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(6) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(6):hover {
          border: 1px solid #5bd3d3; }
      .publish-main .scheme-section .scheme-content-bottom > div:nth-child(7) {
        background: #f3f9ff; }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(7) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish-main .scheme-section .scheme-content-bottom > div:nth-child(7):hover {
          border: 1px solid #5e7aff; }
      .publish-main .scheme-section .scheme-content-bottom .scheme-content-item {
        margin-right: 17.5px;
        position: relative;
        width: 154px;
        height: 144px;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer; }
        .publish-main .scheme-section .scheme-content-bottom .scheme-content-item .left-top {
          width: 48px;
          height: 23px;
          position: absolute;
          left: -1px;
          top: -1px;
          font-size: 14px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          line-height: 23px;
          text-align: center;
          color: #ffffff; }
        .publish-main .scheme-section .scheme-content-bottom .scheme-content-item .title {
          margin: 33px auto 10px;
          width: 150px;
          height: 27px;
          font-size: 18px;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          text-align: center;
          color: #252525;
          line-height: 25px;
          letter-spacing: 2.03px; }
        .publish-main .scheme-section .scheme-content-bottom .scheme-content-item .desc {
          margin: 0 auto;
          width: 125px;
          height: auto;
          opacity: 0.5;
          font-size: 14px;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #2e2e2e;
          line-height: 17px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          text-align: justify;
          overflow: hidden;
          text-overflow: ellipsis; }
      .publish-main .scheme-section .scheme-content-bottom .scheme-content-last {
        margin-right: 0; }
  .publish-main .question-section {
    width: 1200px;
    margin: 57px auto 68px; }
    .publish-main .question-section .eaq_item {
      position: relative;
      margin-top: 35px; }
    .publish-main .question-section .order {
      background: url("/static/img/publish/question-bg.png") no-repeat center center;
      background-size: contain;
      width: 61px;
      height: 61px;
      text-align: left;
      position: absolute;
      font-size: 22px;
      font-family: DingTalk, DingTalk-Regular;
      font-weight: 400;
      color: #ffffff;
      line-height: 50px;
      letter-spacing: 0.55px;
      padding-left: 24px;
      left: -19px;
      top: -20px; }
    .publish-main .question-section .question {
      width: 1190px;
      height: 61px;
      background: #f0f7ff;
      border-radius: 20px; }
      .publish-main .question-section .question > span {
        width: 314px;
        height: 61px;
        font-size: 18px;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        line-height: 61px;
        margin-left: 52px; }
    .publish-main .question-section .answer {
      width: 1100px;
      height: auto;
      font-size: 14px;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      text-align: left;
      color: #686868;
      line-height: 20px;
      letter-spacing: 0.35px;
      margin-left: 52px;
      margin-top: 17px;
      margin: 17px 0 54px 52px; }

.day-eight {
  width: 1200px;
  height: auto;
  border-radius: 32px;
  background: url("/static/img/publish/day-eight-bg.png") no-repeat center center;
  background-size: cover;
  overflow: hidden; }
  .day-eight .open-title {
    width: 100%;
    height: 50px;
    opacity: 0.82;
    border-radius: 8px;
    background: url("/static/img/publish/title-bg.png") no-repeat center center;
    background-size: cover;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    padding-left: 26.5px;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 0.4px; }
  .day-eight .top-title {
    width: 100%;
    height: 50px;
    opacity: 0.82;
    border-radius: 8px;
    background: url("/static/img/publish/top-bg.png") no-repeat center center;
    background-size: cover;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    padding-left: 26.5px;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 0.4px; }
  .day-eight .open {
    width: 1145px;
    margin-left: 32px;
    margin-top: 33px; }
    .day-eight .open .open-content {
      display: -ms-flexbox;
      display: flex;
      margin-top: 31px;
      margin-bottom: 31px;
      margin-left: 26.5px; }
      .day-eight .open .open-content .time {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px; }
      .day-eight .open .open-content .title {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px; }
  .day-eight .greeting {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .greeting .greeting-content {
      display: -ms-flexbox;
      display: flex;
      margin-left: 26.5px;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .greeting .greeting-content .time {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px; }
      .day-eight .greeting .greeting-content .title {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-top: 31px;
        margin-bottom: 31px; }
      .day-eight .greeting .greeting-content .new-line {
        width: 480px;
        opacity: 0.24;
        border-top: 1px solid #f36d00;
        margin-left: 326px; }
      .day-eight .greeting .greeting-content .name-level {
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        margin-bottom: 29px;
        margin-left: 360px; }
        .day-eight .greeting .greeting-content .name-level .name {
          height: 22.5px;
          font-size: 16px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: left;
          color: #252525;
          line-height: 22.5px;
          letter-spacing: 0.4px;
          margin-right: 69.5px; }
        .day-eight .greeting .greeting-content .name-level .level {
          width: 186.5px;
          height: 22.5px;
          font-size: 16px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: left;
          color: #252525;
          line-height: 22.5px;
          letter-spacing: 0.4px; }
  .day-eight .topic {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .topic .new-line {
      width: 1053px;
      opacity: 0.24;
      border-top: 1px solid #f36d00;
      margin-left: 32px; }
    .day-eight .topic .topic-item {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .topic .topic-item .time {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px;
        margin-left: 26.5px; }
      .day-eight .topic .topic-item .title {
        width: 407px;
        height: auto;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 28px;
        letter-spacing: 0.45px;
        text-indent: -8px;
        margin-top: 30px;
        margin-bottom: 30px; }
      .day-eight .topic .topic-item .name {
        width: 49.5px;
        height: 22.5px;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #252525;
        line-height: 22.5px;
        letter-spacing: 0.4px;
        margin-right: 69.5px;
        margin-left: 30px; }
      .day-eight .topic .topic-item .level {
        height: 22.5px;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #252525;
        line-height: 22.5px;
        letter-spacing: 0.4px; }
  .day-eight .cooperate {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .cooperate .cooperate-content {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
    .day-eight .cooperate .time {
      height: 25px;
      font-size: 18px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 25px;
      letter-spacing: 0.45px;
      margin-right: 77px;
      margin-left: 26.5px; }
    .day-eight .cooperate .title {
      width: 184.5px;
      height: 100%;
      font-size: 18px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 25px;
      letter-spacing: 0.45px;
      margin-top: 30px;
      margin-bottom: 30px; }
    .day-eight .cooperate .name {
      height: 22.5px;
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #252525;
      line-height: 22.5px;
      letter-spacing: 0.4px;
      margin-right: 69.5px;
      margin-left: 250px; }
  .day-eight .award {
    width: 1145px;
    margin-left: 32px;
    margin-bottom: 10px;
    padding-top: 0px; }
    .day-eight .award .award-content {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .award .award-content .time {
        height: 25px;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px;
        margin-left: 26.5px; }
      .day-eight .award .award-content .title {
        height: 100%;
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-top: 30px;
        margin-bottom: 30px; }

.publish-sidebar-move {
  top: calc(35% + 100px) !important; }

.publish-sidebar {
  width: 63px;
  height: 195px;
  position: fixed;
  right: 20px;
  top: 520px;
  z-index: 18;
  background: url("/static/img/publish/livetime.png") no-repeat center center;
  background-size: cover; }
  .publish-sidebar .text {
    width: 28px;
    height: 32px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 16px;
    margin: 49px auto 9px; }
  .publish-sidebar .time {
    width: 39px;
    height: 27px;
    background: linear-gradient(360deg, #c6e3ff 0%, #eff9ff);
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .publish-sidebar .time > span:nth-child(1) {
      width: 15px;
      height: 18px;
      font-size: 14px;
      font-family: Bebas, Bebas-Regular;
      font-weight: 400;
      text-align: left;
      color: #4d90f7;
      line-height: 18px;
      margin-right: 2px; }
    .publish-sidebar .time > span:nth-child(2) {
      width: 12px;
      height: 17px;
      font-size: 12px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      color: #252525;
      line-height: 17px; }

.live-replay {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 334px;
  width: 430px;
  height: 160px;
  background: #ffffff;
  border-radius: 12px;
  left: calc(50% - 215px); }
  .live-replay .left {
    margin-left: 23px;
    margin-top: 24px; }
    .live-replay .left > div:first-child {
      width: 148px;
      height: 46px;
      font-size: 15px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #252525;
      line-height: 23px; }
    .live-replay .left > div:nth-child(2) {
      margin-top: 47px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #0f7ce6;
      font-weight: 500;
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-Medium;
      cursor: pointer; }
      .live-replay .left > div:nth-child(2) > img {
        width: 15px;
        height: 5px;
        margin-left: 4px; }
      .live-replay .left > div:nth-child(2):hover {
        opacity: 0.8; }
  .live-replay .play {
    cursor: pointer;
    width: 42px;
    height: 42px;
    z-index: 10;
    position: absolute;
    left: 284px;
    top: 59px; }
  .live-replay > img {
    width: 279px;
    height: 153px;
    position: absolute;
    left: 161px;
    top: 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

@charset "UTF-8";
.publish-h5-main {
  font-size: 4.27vw;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  position: relative; }
  .publish-h5-main * {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  .publish-h5-main .banner {
    width: 100%;
    height: 50vw;
    background-image: url("/static/img/publish612/h5/banner.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    display: block; }
  .publish-h5-main .content {
    width: 98vw;
    margin: 0 auto;
    padding: 0.625rem;
    font-size: 0.75rem;
    font-family: PingFangSC, PingFangSC-Medium, "Microsoft YaHei", sans-serif;
    font-weight: 500;
    color: #252525; }
  .publish-h5-main .section-title {
    margin-bottom: 0.94rem;
    font-size: 1.66rem;
    font-family: FZLTTHK, FZLTTHK-Regular, Arial, sans-serif; }
    .publish-h5-main .section-title .title-en {
      width: 60vw;
      height: 2.28rem;
      background: linear-gradient(130deg, rgba(188, 214, 255, 0.71) 0%, rgba(193, 236, 243, 0.64) 35%, rgba(255, 213, 169, 0.54) 70%);
      font-weight: 400;
      text-align: left;
      line-height: 2.28rem;
      letter-spacing: 0.04rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent; }
    .publish-h5-main .section-title .title-zh {
      margin-top: -1rem;
      height: 1.91rem;
      font-size: 1.6rem;
      font-family: PingFangSC, PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-weight: 600;
      text-align: left;
      color: #252525;
      line-height: 1.94rem;
      letter-spacing: 0.034rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
  .publish-h5-main .highlights-list {
    margin-top: 1.25rem; }
    .publish-h5-main .highlights-list .highlight-item {
      height: 20vw;
      margin-bottom: 0.6rem;
      overflow: hidden;
      position: relative; }
      .publish-h5-main .highlights-list .highlight-item:last-child {
        margin-bottom: 0; }
      .publish-h5-main .highlights-list .highlight-item.highlight-1 {
        background-image: url("/static/img/publish612/h5/highlight-1.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .highlights-list .highlight-item.highlight-2 {
        background-image: url("/static/img/publish612/h5/highlight-2.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .highlights-list .highlight-item.highlight-3 {
        background-image: url("/static/img/publish612/h5/highlight-3.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .highlights-list .highlight-item .highlight-content {
        padding: 1rem;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        font-family: FZLTZHK, FZLTZHK-Regular, sans-serif;
        letter-spacing: 0.1rem;
        font-weight: bold; }
        .publish-h5-main .highlights-list .highlight-item .highlight-content .highlight-title {
          font-size: 1.1rem;
          color: #252525;
          line-height: 1.3; }
          .publish-h5-main .highlights-list .highlight-item .highlight-content .highlight-title .highlight-keyword {
            color: #1975FF; }
        .publish-h5-main .highlights-list .highlight-item .highlight-content .highlight-subtitle {
          font-size: 0.9rem;
          color: #252525;
          line-height: 1.8rem;
          opacity: 0.52; }
  .publish-h5-main .agenda-list {
    margin-top: 1.25rem; }
    .publish-h5-main .agenda-list .agenda-item {
      display: -ms-flexbox;
      display: flex;
      border-radius: 0.5rem;
      overflow: hidden;
      margin: 0 0 0.6rem 0;
      padding: 0; }
      .publish-h5-main .agenda-list .agenda-item:last-child {
        margin-bottom: 0; }
      .publish-h5-main .agenda-list .agenda-item.reverse {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
      .publish-h5-main .agenda-list .agenda-item .agenda-image {
        width: 46.8%;
        height: 36vw;
        position: relative;
        margin: 0;
        padding: 0; }
        .publish-h5-main .agenda-list .agenda-item .agenda-image .agenda-bg {
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          margin: 0;
          padding: 0; }
          .publish-h5-main .agenda-list .agenda-item .agenda-image .agenda-bg.agenda-bg-1 {
            background-image: url("/static/img/publish612/h5/agenda-1.png"); }
          .publish-h5-main .agenda-list .agenda-item .agenda-image .agenda-bg.agenda-bg-2 {
            background-image: url("/static/img/publish612/h5/agenda-2.png"); }
      .publish-h5-main .agenda-list .agenda-item .agenda-content {
        width: 53.2%;
        height: 36vw;
        padding: 1rem;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .publish-h5-main .agenda-list .agenda-item .agenda-content.agenda-content-1 {
          background-image: url("/static/img/publish612/h5/agenda-c1.png");
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
        .publish-h5-main .agenda-list .agenda-item .agenda-content.agenda-content-2 {
          background-image: url("/static/img/publish612/h5/agenda-c2.png");
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
        .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info {
          margin-bottom: 0.5rem; }
          .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .time {
            font-size: 0.6875rem;
            font-weight: normal;
            color: #ffffff;
            line-height: 1.5;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: end;
                align-items: flex-end; }
            .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .time .time-period {
              font-size: 1.5rem;
              font-weight: 600;
              color: rgba(255, 255, 255, 0.3);
              margin-left: 0.3rem;
              margin-bottom: -0.2rem; }
          .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .duration-location {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            line-height: 1.3; }
            .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .duration-location .duration {
              font-size: 0.6875rem;
              color: #ffffff;
              margin-right: 0.5rem;
              position: relative; }
              .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .duration-location .duration::before {
                content: '\2014';
                position: absolute;
                left: 0;
                top: -0.5rem;
                color: #ffffff;
                font-size: 0.6rem; }
            .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .duration-location .location {
              font-size: 0.7rem;
              color: rgba(255, 255, 255, 0.8);
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center; }
              .publish-h5-main .agenda-list .agenda-item .agenda-content .time-info .duration-location .location::before {
                content: '';
                width: 0.6rem;
                height: 0.6rem;
                background-image: url("/static/img/publish612/h5/location.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                margin-right: 0.2rem; }
        .publish-h5-main .agenda-list .agenda-item .agenda-content .event-title {
          font-size: 1.2rem;
          font-weight: 500;
          color: #ffffff;
          line-height: 1.4;
          letter-spacing: 0.08rem; }
      .publish-h5-main .agenda-list .agenda-item.agenda-item-2 .agenda-image .agenda-bg {
        background-image: url("/static/img/publish612/h5/agenda-2.png"); }
      .publish-h5-main .agenda-list .agenda-item.agenda-item-3 .agenda-image .agenda-bg {
        background-image: url("/static/img/publish612/h5/agenda-3.png"); }
  .publish-h5-main .platforms-list {
    margin-top: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.1rem; }
    .publish-h5-main .platforms-list .platform-item {
      width: calc(50% - 0.1rem);
      height: 58.5vw;
      padding: 1rem;
      position: relative;
      box-sizing: border-box;
      overflow: hidden; }
      .publish-h5-main .platforms-list .platform-item.platform-1 {
        background-image: url("/static/img/publish612/h5/five_1.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .platforms-list .platform-item.platform-2 {
        background-image: url("/static/img/publish612/h5/five_2.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .platforms-list .platform-item.platform-3 {
        background-image: url("/static/img/publish612/h5/five_3.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .platforms-list .platform-item.platform-4 {
        background-image: url("/static/img/publish612/h5/five_4.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .platforms-list .platform-item.platform-5 {
        background-image: url("/static/img/publish612/h5/five_5.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .publish-h5-main .platforms-list .platform-item:nth-child(1) {
        width: 100%;
        height: 40vw; }
        .publish-h5-main .platforms-list .platform-item:nth-child(1) .platform-content .platform-header {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-align: center;
              align-items: center;
          margin-bottom: 0.25rem; }
          .publish-h5-main .platforms-list .platform-item:nth-child(1) .platform-content .platform-header h3 {
            margin: 0; }
          .publish-h5-main .platforms-list .platform-item:nth-child(1) .platform-content .platform-header .platform-link {
            margin: 0; }
      .publish-h5-main .platforms-list .platform-item .platform-content {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .publish-h5-main .platforms-list .platform-item .platform-content h3 {
          font-size: 1rem;
          font-weight: 500;
          color: #343434;
          line-height: 1.5rem; }
        .publish-h5-main .platforms-list .platform-item .platform-content .platform-subtitle {
          font-size: 0.65rem;
          font-weight: 500;
          color: #343434;
          line-height: 1.2rem;
          height: 1.2rem;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .publish-h5-main .platforms-list .platform-item .platform-content .platform-description {
          font-size: 0.625rem;
          color: #828282;
          letter-spacing: 0.5px;
          width: 100%;
          line-height: 1rem;
          -ms-flex: 1;
              flex: 1; }
        .publish-h5-main .platforms-list .platform-item .platform-content .platform-link {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: end;
              justify-content: flex-end;
          margin-top: 0.2rem; }
          .publish-h5-main .platforms-list .platform-item .platform-content .platform-link a {
            color: #686868;
            font-size: 0.65rem;
            text-decoration: none;
            font-weight: 500; }
          .publish-h5-main .platforms-list .platform-item .platform-content .platform-link .link-icon {
            width: 0.5rem;
            height: 0.5rem;
            margin-left: 0.25rem;
            background-image: url("/static/img/publish612/h5/go.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center; }
  .publish-h5-main .products-list {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); }
    .publish-h5-main .products-list .product-item {
      overflow: hidden; }
      .publish-h5-main .products-list .product-item .product-header {
        background: linear-gradient(135deg, #f3f7ff 0%, #ffffff 100%);
        border: 1px solid #e0e8f5;
        padding: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer;
        position: relative;
        height: 3rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); }
        .publish-h5-main .products-list .product-item .product-header h3 {
          font-size: 1rem;
          font-family: PingFangSC, PingFangSC-Medium, "Microsoft YaHei", sans-serif;
          font-weight: 600;
          color: #252525;
          margin: 0;
          line-height: 1.2; }
        .publish-h5-main .products-list .product-item .product-header .expand-btn {
          width: 0.75rem;
          height: 0.75rem;
          background-image: url("/static/img/publish612/h5/open.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          transition: transform 0.3s ease;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .publish-h5-main .products-list .product-item .product-header .expand-btn.expanded {
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .publish-h5-main .products-list .product-item .product-content {
        border: 1px solid #e0e8f5;
        border-top: none;
        background: white;
        padding: 1rem;
        animation: slideDown 0.3s ease-out; }
        .publish-h5-main .products-list .product-item .product-content .content-layout {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: start;
              align-items: flex-start;
          gap: 1rem; }
          .publish-h5-main .products-list .product-item .product-content .content-layout .overview {
            width: 5.22rem; }
            .publish-h5-main .products-list .product-item .product-content .content-layout .overview p {
              font-size: 0.75rem;
              font-weight: 500;
              color: #252525;
              line-height: 1.6;
              margin: 0; }
          .publish-h5-main .products-list .product-item .product-content .content-layout .divider {
            width: 1px;
            background: #e0e0e0;
            min-height: 100px;
            -ms-flex-item-align: stretch;
                align-self: stretch; }
          .publish-h5-main .products-list .product-item .product-content .content-layout .details {
            width: 12.66rem; }
            .publish-h5-main .products-list .product-item .product-content .content-layout .details p {
              font-size: 0.5625rem;
              color: #2e2e2e;
              line-height: 1.6;
              margin: 0 0 1rem 0; }
            .publish-h5-main .products-list .product-item .product-content .content-layout .details .capabilities {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 0.5rem; }
              .publish-h5-main .products-list .product-item .product-content .content-layout .details .capabilities .product-link {
                display: -ms-inline-flexbox;
                display: inline-flex;
                -ms-flex-align: center;
                    align-items: center;
                gap: 0.15rem;
                padding: 0.15rem 0.3rem;
                border: 1px solid #1975ff;
                border-radius: 0.35rem;
                text-decoration: none; }
                .publish-h5-main .products-list .product-item .product-content .content-layout .details .capabilities .product-link a {
                  font-size: 0.625rem;
                  color: #1975ff;
                  text-decoration: none; }
                .publish-h5-main .products-list .product-item .product-content .content-layout .details .capabilities .product-link .link-icon {
                  width: 1rem;
                  height: 1rem;
                  background-image: url("/static/img/publish612/h5/go.png");
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-position: center; }
                .publish-h5-main .products-list .product-item .product-content .content-layout .details .capabilities .product-link:hover {
                  background: #f0f7ff; }

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  .publish-h5-main .faq .section-title .title-en {
    width: 30vw; }
  .publish-h5-main .faq .faq-list {
    margin-top: 2rem;
    padding-left: 0.5rem; }
    .publish-h5-main .faq .faq-list .faq-item {
      margin-bottom: 1rem; }
      .publish-h5-main .faq .faq-list .faq-item .faq-question {
        width: 89.33vw;
        background: #f0f7ff;
        border-radius: 0.625rem;
        margin-bottom: 0.5rem;
        margin-top: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        box-sizing: border-box;
        position: relative;
        height: 2.5rem; }
        .publish-h5-main .faq .faq-list .faq-item .faq-question .faq-icon {
          width: 2.5rem;
          height: 2.5rem;
          position: absolute;
          top: -1rem;
          left: -0.5rem;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .publish-h5-main .faq .faq-list .faq-item .faq-question span {
          font-size: 0.9rem;
          font-family: PingFangSC, PingFangSC-Medium, "Microsoft YaHei", sans-serif;
          font-weight: 600;
          color: #252525;
          line-height: 1.4;
          margin-left: 2rem;
          padding-top: 0; }
      .publish-h5-main .faq .faq-list .faq-item .faq-answer {
        padding: 0.75rem;
        margin: 0.5rem 0;
        font-size: 0.8rem;
        font-family: PingFangSC, PingFangSC-Medium, "Microsoft YaHei", sans-serif;
        font-weight: 500;
        color: #686868;
        line-height: 1.5; }
    .publish-h5-main .faq .faq-list .faq-item:nth-child(1) .faq-icon {
      background-image: url("/static/img/publish612/h5/faq1.png"); }
    .publish-h5-main .faq .faq-list .faq-item:nth-child(2) .faq-icon {
      background-image: url("/static/img/publish612/h5/faq2.png"); }
    .publish-h5-main .faq .faq-list .faq-item:nth-child(3) .faq-icon {
      background-image: url("/static/img/publish612/h5/faq3.png"); }
    .publish-h5-main .faq .faq-list .faq-item:nth-child(4) .faq-icon {
      background-image: url("/static/img/publish612/h5/faq4.png"); }
    .publish-h5-main .faq .faq-list .faq-item:nth-child(5) .faq-icon {
      background-image: url("/static/img/publish612/h5/faq5.png"); }
  .publish-h5-main .footer {
    background: #1975ff;
    color: white;
    padding: 1.25rem 0.625rem;
    text-align: center;
    margin-top: 1.875rem; }
    .publish-h5-main .footer .footer-links {
      margin-bottom: 0.6rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .publish-h5-main .footer .footer-links a {
        color: white;
        text-decoration: none;
        font-size: 0.7rem;
        margin: 0 0.3rem;
        white-space: nowrap; }
    .publish-h5-main .footer .copyright {
      font-size: 0.7rem;
      margin-bottom: 0.3125rem;
      opacity: 0.39; }
    .publish-h5-main .footer .icp-info {
      font-size: 0.7rem;
      opacity: 0.39;
      line-height: 1.2; }

@font-face {
  font-family: 'FZLTTHK';
  src: url("/static/font/FZLTTHK.TTF") format("truetype"); }

@font-face {
  font-family: 'Akrobat-ExtraBold';
  src: url("/static/font/akrobat-extrabold-webfont.woff") format("woff"); }

@font-face {
  font-family: 'PingFangSC';
  src: url("/static/font/PingFangSC-Regular.otf") format("truetype"); }

.publish612-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'PingFangSC', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, '\5B8B\4F53'; }
  .publish612-main .publish-header {
    background: url("/static/img/publish612/publish612_banner_bg.png") no-repeat center;
    background-size: cover;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    height: 547px; }
  .publish612-main .anchor-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 1200px;
    margin: 0 auto;
    margin-top: 29px; }
    .publish612-main .anchor-header .logo {
      display: inline-block;
      width: 149px;
      height: 33px;
      background: url(/static/img/layout/header/logo.svg) center center/100% 100% no-repeat;
      margin-right: 28px; }
    .publish612-main .anchor-header > img {
      width: 167px;
      height: 38px;
      margin-right: 73px; }
    .publish612-main .anchor-header > div {
      cursor: pointer;
      height: 21px;
      font-size: 15px;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 21px;
      margin-right: 60px; }
      .publish612-main .anchor-header > div:hover {
        color: #0070f0; }
  .publish612-main .name .high-light {
    display: inline-block;
    height: 86px;
    background: linear-gradient(130deg, rgba(188, 214, 255, 0.71) 20%, rgba(193, 236, 243, 0.64) 53%, rgba(255, 213, 169, 0.54) 90%);
    -webkit-background-clip: text;
            background-clip: text;
    font-size: 65px;
    font-family: FZLTTHK, FZLTTHK-Regular;
    font-weight: 400;
    text-align: left;
    line-height: 86px;
    color: transparent;
    letter-spacing: 1.62px; }
  .publish612-main .name .text-light {
    width: 181px;
    height: 61px;
    font-size: 44px;
    font-weight: 600;
    text-align: left;
    color: #252525;
    line-height: 62px;
    letter-spacing: 1.1px;
    margin-top: -38px;
    margin-left: 5px; }
  .publish612-main .light-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 37.5px; }
    .publish612-main .light-section .light-content {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
    .publish612-main .light-section .light-card {
      width: 331px;
      height: 420px;
      margin-left: 62px;
      overflow: hidden; }
    .publish612-main .light-section .bottom-common {
      margin-left: 62px;
      font-size: 22px;
      font-family: FZLTTHK, FZLTTHK-Regular;
      width: 331px;
      height: 66px;
      line-height: 66px;
      text-align: center;
      margin-top: 20px;
      letter-spacing: 3.5px; }
    .publish612-main .light-section .bottom-one {
      color: #1975ff;
      width: 326px;
      height: 66px;
      background: linear-gradient(270deg, rgba(155, 195, 255, 0) 0%, #dceaff 50%, rgba(155, 195, 255, 0) 100%); }
    .publish612-main .light-section .bottom-two {
      color: #19a2ff;
      width: 326px;
      height: 66px;
      background: linear-gradient(270deg, rgba(208, 246, 255, 0) 0%, #d0f6ff 50%, rgba(208, 246, 255, 0) 100%); }
    .publish612-main .light-section .bottom-three {
      color: #f36d00;
      width: 326px;
      height: 66px;
      background: linear-gradient(270deg, rgba(255, 221, 200, 0) 0%, #ffe8da 50%, rgba(255, 221, 200, 0) 100%); }
    .publish612-main .light-section .light-card-one {
      background: url("/static/img/publish612/highlight1.png") no-repeat center;
      background-size: contain;
      margin-top: 43px; }
    .publish612-main .light-section .light-card-two {
      background: url("/static/img/publish612/highlight2.png") no-repeat center;
      background-size: contain;
      margin-top: 124px; }
    .publish612-main .light-section .light-card-three {
      background: url("/static/img/publish612/highlight3.png") no-repeat center;
      background-size: contain;
      margin-top: 10px; }
    .publish612-main .light-section .line-one {
      width: 189px;
      height: 39px;
      font-size: 28px;
      font-family: FZLTTHK, FZLTTHK-Regular;
      text-align: left;
      line-height: 39px;
      letter-spacing: 3.5px; }
    .publish612-main .light-section .line-one-one {
      color: #252525;
      margin-top: 35px;
      margin-left: 29px; }
    .publish612-main .light-section .line-two-one {
      color: #1975ff;
      margin-left: 29px; }
    .publish612-main .light-section .line-one-two {
      color: #252525;
      margin-top: 35px;
      margin-left: 38px; }
    .publish612-main .light-section .line-two-two {
      color: #19a2ff;
      margin-left: 38px; }
    .publish612-main .light-section .line-one-three {
      color: #252525;
      margin-top: 35px;
      margin-left: 36px; }
    .publish612-main .light-section .line-two-three {
      color: #f36d00;
      margin-left: 36px; }
  .publish612-main .agenda-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 56px; }
    .publish612-main .agenda-section .agenda-day {
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      position: relative; }
      .publish612-main .agenda-section .agenda-day .day-seven {
        cursor: pointer;
        width: 175px;
        height: 40px;
        background: #0574ec;
        border-radius: 27px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.45px; }
        .publish612-main .agenda-section .agenda-day .day-seven:hover {
          opacity: 0.8; }
      .publish612-main .agenda-section .agenda-day .seven-shadow {
        position: absolute;
        z-index: -1;
        left: -14px;
        top: -3px;
        width: 218px;
        height: 57px;
        border-radius: 26.5px;
        background: url("/static/img/publish/seven-bg.png") no-repeat center;
        background-size: cover; }
      .publish612-main .agenda-section .agenda-day .day-eight {
        width: 175px;
        height: 40px;
        background: #f36d00;
        border-radius: 27px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.45px;
        margin-left: 43px;
        cursor: pointer; }
        .publish612-main .agenda-section .agenda-day .day-eight:hover {
          opacity: 0.8; }
      .publish612-main .agenda-section .agenda-day .eight-shadow {
        z-index: -1;
        position: absolute;
        left: 205px;
        top: -3px;
        width: 218px;
        height: 57px;
        border-radius: 26.5px;
        background: url("/static/img/publish/eight-bg.png") no-repeat center;
        background-size: cover; }
    .publish612-main .agenda-section .line {
      margin-top: 29px;
      margin-bottom: 30px;
      width: 1194px;
      opacity: 0.45;
      border: 2px solid;
      border-image: linear-gradient(298deg, #36adff 17%, #1975ff 97%) 2 2; }
    .publish612-main .agenda-section .agenda-content-top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: end; }
      .publish612-main .agenda-section .agenda-content-top .left {
        background: url("/static/img/publish/agenda-one.png") no-repeat center;
        background-size: contain;
        width: 450px;
        height: 289px; }
        .publish612-main .agenda-section .agenda-content-top .left .time {
          position: relative;
          width: 62px;
          height: 48px;
          font-size: 22px;
          font-weight: 400;
          text-align: left;
          color: #ffffff;
          line-height: 16px;
          letter-spacing: 0.55px;
          margin-left: 25px;
          margin-top: 58px; }
          .publish612-main .agenda-section .agenda-content-top .left .time > div:nth-child(2) {
            margin-left: 12px;
            margin-top: 8px;
            margin-bottom: 8px;
            width: 12px;
            border-top: 2px solid #ffffff; }
        .publish612-main .agenda-section .agenda-content-top .left .AM {
          position: absolute;
          width: 73px;
          height: 63px;
          opacity: 0.3;
          font-size: 45px;
          font-weight: 500;
          text-align: left;
          color: #dedede;
          line-height: 63px;
          letter-spacing: 1.12px;
          right: -80px;
          top: -24px; }
        .publish612-main .agenda-section .agenda-content-top .left .place {
          position: absolute;
          height: 25px;
          font-size: 18px;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 25px;
          letter-spacing: 0.45px;
          right: -248px;
          top: 30px; }
          .publish612-main .agenda-section .agenda-content-top .left .place > img {
            width: 15.5px;
            height: 15.5px;
            margin-right: 4.6px; }
        .publish612-main .agenda-section .agenda-content-top .left .what {
          width: 134px;
          height: 37px;
          font-size: 26px;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 37px;
          letter-spacing: 0.65px;
          margin-top: 28px;
          margin-left: 24px; }
      .publish612-main .agenda-section .agenda-content-top .right {
        background: url("/static/img/publish612/meet1.png") no-repeat center;
        background-size: contain;
        width: 748px;
        height: 370px; }
    .publish612-main .agenda-section .PM {
      position: absolute;
      width: 73px;
      height: 63px;
      opacity: 0.3;
      font-size: 45px;
      font-weight: 500;
      text-align: left;
      color: #dedede;
      line-height: 63px;
      letter-spacing: 1.12px;
      right: -80px;
      top: -24px; }
    .publish612-main .agenda-section .agenda-content-bottom {
      margin-top: 46px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: end; }
      .publish612-main .agenda-section .agenda-content-bottom .left {
        background: url("/static/img/publish612/meet2.png") no-repeat center;
        background-size: contain;
        width: 748px;
        height: 370px; }
      .publish612-main .agenda-section .agenda-content-bottom .right {
        background: url("/static/img/publish/agenda-four.png") no-repeat center;
        background-size: contain;
        width: 450px;
        height: 289px; }
        .publish612-main .agenda-section .agenda-content-bottom .right .time {
          position: relative;
          width: 62px;
          height: 48px;
          font-size: 22px;
          text-align: left;
          color: #ffffff;
          line-height: 16px;
          letter-spacing: 0.55px;
          margin-left: 25px;
          margin-top: 148px; }
          .publish612-main .agenda-section .agenda-content-bottom .right .time > div:nth-child(2) {
            margin-left: 12px;
            margin-top: 8px;
            margin-bottom: 8px;
            width: 12px;
            border-top: 2px solid #ffffff; }
        .publish612-main .agenda-section .agenda-content-bottom .right .place {
          position: absolute;
          height: 25px;
          font-size: 18px;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 25px;
          letter-spacing: 0.45px;
          right: -285px;
          top: 30px; }
          .publish612-main .agenda-section .agenda-content-bottom .right .place > img {
            width: 15.5px;
            height: 15.5px;
            margin-right: 4.6px; }
        .publish612-main .agenda-section .agenda-content-bottom .right .what {
          width: 134px;
          height: 37px;
          font-size: 26px;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 37px;
          letter-spacing: 0.65px;
          margin-top: 28px;
          margin-left: 24px; }
    .publish612-main .agenda-section .agenda-content-evening {
      margin-top: 46px; }
      .publish612-main .agenda-section .agenda-content-evening .right {
        background: url("/static/img/publish612/meet3.png") no-repeat center;
        background-size: contain;
        width: 748px;
        height: 370px; }
  .publish612-main .scheme-section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 68px;
    margin-bottom: 68px; }
    .publish612-main .scheme-section .scheme-content-top {
      margin-top: 25px;
      display: -ms-flexbox;
      display: flex;
      gap: 12px; }
      .publish612-main .scheme-section .scheme-content-top .active-1 {
        border: 1px solid #ff7d6a !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-2 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-3 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-4 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-5 {
        border: 1px solid #8283fe !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-6 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top .active-7 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(1) {
        background: #fdf6f5; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(1) .left-top {
          background: url("/static/img/publish/scheme-one.png") no-repeat center;
          background-size: contain;
          left: -7px;
          top: -4px;
          width: 60px;
          height: 35px;
          line-height: 32px; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(1):hover {
          border: 1px solid #ff7d6a; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(2) {
        background: #f3f9ff; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(2) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(2):hover {
          border: 1px solid #5e7aff; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(3) {
        background: #ebf9f7; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(3) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(3):hover {
          border: 1px solid #5bd3d3; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(4) {
        background: #fff9f6; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(4) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(4):hover {
          border: 1px solid #ffa15e; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(5) {
        background: #f6f6ff; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(5) .left-top {
          background: linear-gradient(315deg, #e8a0f0 3%, #9d88fd 50%, #7581ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(159, 121, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(5):hover {
          border: 1px solid #8283fe; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(6) {
        background: #f3f9ff; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(6) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(6):hover {
          border: 1px solid #5e7aff; }
      .publish612-main .scheme-section .scheme-content-top > div:nth-child(7) {
        background: #fff9f6; }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(7) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish612-main .scheme-section .scheme-content-top > div:nth-child(7):hover {
          border: 1px solid #ffa15e; }
      .publish612-main .scheme-section .scheme-content-top .scheme-content-item {
        margin-right: 0;
        position: relative;
        width: 230px;
        height: 144px;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        padding-left: 16px;
        padding-right: 16px; }
        .publish612-main .scheme-section .scheme-content-top .scheme-content-item .left-top {
          width: 48px;
          height: 23px;
          position: absolute;
          left: -1px;
          top: -1px;
          font-size: 14px;
          font-weight: 500;
          line-height: 23px;
          text-align: center;
          color: #ffffff; }
        .publish612-main .scheme-section .scheme-content-top .scheme-content-item .title {
          margin: 33px auto 10px;
          width: auto;
          height: 27px;
          font-size: 18px;
          font-weight: 500;
          color: #252525;
          line-height: 25px;
          letter-spacing: 2.03px; }
        .publish612-main .scheme-section .scheme-content-top .scheme-content-item .desc {
          margin: 0 auto;
          height: 34px;
          opacity: 0.5;
          font-size: 12px;
          color: #2e2e2e;
          line-height: 17px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          text-align: justify;
          overflow: hidden;
          text-overflow: ellipsis; }
      .publish612-main .scheme-section .scheme-content-top .scheme-content-last {
        margin-right: 0; }
    .publish612-main .scheme-section .scheme-content-middle {
      display: -ms-flexbox;
      display: flex;
      height: auto;
      min-height: 86px;
      margin-top: 37px; }
      .publish612-main .scheme-section .scheme-content-middle .scheme-content-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
            flex: 1;
        -ms-flex-align: center;
            align-items: center; }
        .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .platform {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          width: 198px;
          font-size: 20px;
          font-weight: 500;
          text-align: left;
          color: #252525;
          line-height: 33px;
          letter-spacing: 2px;
          margin-left: 20px;
          margin-top: 6.5px; }
        .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .line {
          border-right: 1px solid #d7d7d7;
          margin: 6.5px 21px 0 21px;
          height: 90%; }
        .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section {
          -ms-flex: 1;
              flex: 1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center; }
          .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .desc {
            margin-top: 3px;
            opacity: 0.77;
            font-size: 15px;
            text-align: left;
            color: #2e2e2e;
            line-height: 25px; }
          .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .capabilities-section {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            gap: 16px;
            margin-top: 16px;
            margin-bottom: -4px; }
            .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .capabilities-section .capabilities-title {
              width: 60px;
              height: 25px;
              font-size: 14px;
              color: #96999d;
              line-height: 25px;
              letter-spacing: 0.84px;
              white-space: nowrap; }
            .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .capabilities-section .capabilities-buttons {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 8px; }
              .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .capabilities-section .capabilities-buttons .capability-btn {
                padding: 6px 16px;
                font-size: 14px;
                color: #1975ff;
                cursor: pointer;
                transition: all 0.3s ease;
                height: 32px;
                background: #f0f7ff;
                border-radius: 8px;
                font-weight: 500;
                border: none; }
                .publish612-main .scheme-section .scheme-content-middle .scheme-content-main .content-section .capabilities-section .capabilities-buttons .capability-btn:hover {
                  background: #e8f4ff;
                  border-color: #1890ff;
                  color: #1890ff; }
      .publish612-main .scheme-section .scheme-content-middle .right-goto {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 6.5px; }
      .publish612-main .scheme-section .scheme-content-middle .learn-more-btn {
        width: 125px;
        height: 38px;
        background: #ffffff;
        border: 1px solid #1975ff;
        border-radius: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-left: 75px;
        cursor: pointer;
        font-size: 17px;
        font-weight: 500;
        color: #1975ff;
        position: relative;
        transition: all 0.3s ease; }
        .publish612-main .scheme-section .scheme-content-middle .learn-more-btn:hover {
          opacity: 0.8;
          border-color: #297eff;
          color: #297eff; }
          .publish612-main .scheme-section .scheme-content-middle .learn-more-btn:hover .learn-more-arrow {
            opacity: 1; }
        .publish612-main .scheme-section .scheme-content-middle .learn-more-btn .learn-more-arrow {
          width: 12px;
          height: 12px;
          background: url("/static/img/publish612/right_arrow.png") no-repeat center;
          background-size: contain;
          margin-left: 6px;
          opacity: 0.6;
          transition: opacity 0.3s ease; }
    .publish612-main .scheme-section .scheme-content-bottom {
      margin-top: 25px;
      display: -ms-flexbox;
      display: flex;
      gap: 12px; }
      .publish612-main .scheme-section .scheme-content-bottom .active-8 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-9 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-10 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-11 {
        border: 1px solid #8283fe !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-12 {
        border: 1px solid #ffa15e !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-13 {
        border: 1px solid #5bd3d3 !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom .active-14 {
        border: 1px solid #5e7aff !important;
        box-shadow: 0 2px 12px 0 rgba(173, 173, 173, 0.39); }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(1) {
        background: #ebf9f7; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(1) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(1):hover {
          border: 1px solid #5bd3d3; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(2) {
        background: #fdf6f5; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(2) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(2):hover {
          border: 1px solid #ffa15e; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(3) {
        background: #f3f9ff; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(3) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(3):hover {
          border: 1px solid #5e7aff; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(4) {
        background: #f6f6ff; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(4) .left-top {
          background: linear-gradient(315deg, #e8a0f0 3%, #9d88fd 50%, #7581ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(159, 121, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(4):hover {
          border: 1px solid #8283fe; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(5) {
        background: #fff9f6; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(5) .left-top {
          background: linear-gradient(315deg, #ffc27d 4%, #ff9958 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(236, 146, 106, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(5):hover {
          border: 1px solid #ffa15e; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(6) {
        background: #ebf9f7; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(6) .left-top {
          background: linear-gradient(315deg, #3dc59b 4%, #2bc8cd 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(88, 201, 118, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(6):hover {
          border: 1px solid #5bd3d3; }
      .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(7) {
        background: #f3f9ff; }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(7) .left-top {
          background: linear-gradient(315deg, #4592ff 4%, #6475ff 97%);
          border: 1px solid #f8faff;
          border-radius: 8px 0px 11px 0px;
          box-shadow: 0px 2px 5px 0px rgba(106, 171, 236, 0.42); }
        .publish612-main .scheme-section .scheme-content-bottom > div:nth-child(7):hover {
          border: 1px solid #5e7aff; }
      .publish612-main .scheme-section .scheme-content-bottom .scheme-content-item {
        margin-right: 0;
        position: relative;
        width: 230px;
        height: 144px;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        padding-left: 16px;
        padding-right: 16px; }
        .publish612-main .scheme-section .scheme-content-bottom .scheme-content-item .left-top {
          width: 48px;
          height: 23px;
          position: absolute;
          left: -1px;
          top: -1px;
          font-size: 14px;
          font-weight: 500;
          line-height: 23px;
          text-align: center;
          color: #ffffff; }
        .publish612-main .scheme-section .scheme-content-bottom .scheme-content-item .title {
          margin: 33px auto 10px;
          width: auto;
          height: 27px;
          font-size: 18px;
          font-weight: 500;
          color: #252525;
          line-height: 25px;
          letter-spacing: 2.03px; }
        .publish612-main .scheme-section .scheme-content-bottom .scheme-content-item .desc {
          margin: 0 auto;
          font-size: 12px;
          line-height: 17px;
          height: 34px;
          color: #a4a4a4;
          letter-spacing: 0.35px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          text-align: justify;
          overflow: hidden;
          text-overflow: ellipsis; }
      .publish612-main .scheme-section .scheme-content-bottom .scheme-content-last {
        margin-right: 0; }
    .publish612-main .scheme-section .more-products-card {
      width: 230px;
      height: 144px;
      background: #ffffff !important;
      border: 1px solid #e1e1e1;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      padding-left: 16px;
      padding-right: 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: start;
          align-items: flex-start; }
      .publish612-main .scheme-section .more-products-card:hover {
        border: 1px solid #e1e1e1 !important; }
      .publish612-main .scheme-section .more-products-card .more-products-content {
        width: 100%; }
        .publish612-main .scheme-section .more-products-card .more-products-content .more-products-title {
          font-size: 18px;
          font-weight: 500;
          color: #252525;
          line-height: 25px;
          letter-spacing: 2.03px;
          margin-bottom: 8px; }
        .publish612-main .scheme-section .more-products-card .more-products-content .more-products-subtitle {
          font-size: 12px;
          font-weight: 400;
          color: #a4a4a4;
          line-height: 17px;
          letter-spacing: 0.35px;
          margin-bottom: 16px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          cursor: pointer; }
        .publish612-main .scheme-section .more-products-card .more-products-content .more-products-arrow {
          width: 12px;
          height: 12px;
          background: url("/static/img/publish612/right_arrow.png") no-repeat center;
          background-size: contain;
          margin-left: 6px;
          transition: transform 0.3s ease; }
      .publish612-main .scheme-section .more-products-card .more-products-more {
        position: absolute;
        right: -12px;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
        text-orientation: mixed;
        opacity: 0.05;
        font-size: 53px;
        font-family: Akrobat, Akrobat-ExtraBold;
        text-align: right;
        color: #252525;
        letter-spacing: 5.96px; }
  .publish612-main .question-section {
    width: 1200px;
    margin: 57px auto 68px; }
    .publish612-main .question-section .eaq_item {
      position: relative;
      margin-top: 35px; }
    .publish612-main .question-section .order {
      background: url("/static/img/publish/question-bg.png") no-repeat center center;
      background-size: contain;
      width: 61px;
      height: 61px;
      text-align: left;
      position: absolute;
      font-size: 22px;
      font-family: DingTalk, DingTalk-Regular;
      font-weight: 400;
      color: #ffffff;
      line-height: 50px;
      letter-spacing: 0.55px;
      padding-left: 24px;
      left: -19px;
      top: -20px; }
    .publish612-main .question-section .question {
      width: 1190px;
      height: 61px;
      background: #f0f7ff;
      border-radius: 20px; }
      .publish612-main .question-section .question > span {
        width: 314px;
        height: 61px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        line-height: 61px;
        margin-left: 52px; }
    .publish612-main .question-section .answer {
      width: 1100px;
      height: auto;
      font-size: 14px;
      font-weight: 500;
      text-align: left;
      color: #686868;
      line-height: 20px;
      letter-spacing: 0.35px;
      margin-left: 52px;
      margin-top: 17px;
      margin: 17px 0 54px 52px;
      white-space: pre-line;
      display: block; }

.day-eight {
  width: 1200px;
  height: auto;
  border-radius: 32px;
  background: url("/static/img/publish/day-eight-bg.png") no-repeat center center;
  background-size: cover;
  overflow: hidden; }
  .day-eight .open-title {
    width: 100%;
    height: 50px;
    opacity: 0.82;
    border-radius: 8px;
    background: url("/static/img/publish/title-bg.png") no-repeat center center;
    background-size: cover;
    font-size: 22px;
    font-weight: 600;
    padding-left: 26.5px;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 0.4px; }
  .day-eight .top-title {
    width: 100%;
    height: 50px;
    opacity: 0.82;
    border-radius: 8px;
    background: url("/static/img/publish/top-bg.png") no-repeat center center;
    background-size: cover;
    font-size: 22px;
    font-weight: 600;
    padding-left: 26.5px;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 0.4px; }
  .day-eight .open {
    width: 1145px;
    margin-left: 32px;
    margin-top: 33px; }
    .day-eight .open .open-content {
      display: -ms-flexbox;
      display: flex;
      margin-top: 31px;
      margin-bottom: 31px;
      margin-left: 26.5px; }
      .day-eight .open .open-content .time {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px; }
      .day-eight .open .open-content .title {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px; }
  .day-eight .greeting {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .greeting .greeting-content {
      display: -ms-flexbox;
      display: flex;
      margin-left: 26.5px;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .greeting .greeting-content .time {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px; }
      .day-eight .greeting .greeting-content .title {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-top: 31px;
        margin-bottom: 31px; }
      .day-eight .greeting .greeting-content .new-line {
        width: 480px;
        opacity: 0.24;
        border-top: 1px solid #f36d00;
        margin-left: 326px; }
      .day-eight .greeting .greeting-content .name-level {
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        margin-bottom: 29px;
        margin-left: 360px; }
        .day-eight .greeting .greeting-content .name-level .name {
          height: 22.5px;
          font-size: 16px;
          font-weight: 400;
          text-align: left;
          color: #252525;
          line-height: 22.5px;
          letter-spacing: 0.4px;
          margin-right: 69.5px; }
        .day-eight .greeting .greeting-content .name-level .level {
          width: 186.5px;
          height: 22.5px;
          font-size: 16px;
          font-weight: 400;
          text-align: left;
          color: #252525;
          line-height: 22.5px;
          letter-spacing: 0.4px; }
  .day-eight .topic {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .topic .new-line {
      width: 1053px;
      opacity: 0.24;
      border-top: 1px solid #f36d00;
      margin-left: 32px; }
    .day-eight .topic .topic-item {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .topic .topic-item .time {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px;
        margin-left: 26.5px; }
      .day-eight .topic .topic-item .title {
        width: 407px;
        height: auto;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 28px;
        letter-spacing: 0.45px;
        text-indent: -8px;
        margin-top: 30px;
        margin-bottom: 30px; }
      .day-eight .topic .topic-item .name {
        width: 49.5px;
        height: 22.5px;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        color: #252525;
        line-height: 22.5px;
        letter-spacing: 0.4px;
        margin-right: 69.5px;
        margin-left: 30px; }
      .day-eight .topic .topic-item .level {
        height: 22.5px;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        color: #252525;
        line-height: 22.5px;
        letter-spacing: 0.4px; }
  .day-eight .cooperate {
    width: 1145px;
    margin-left: 32px; }
    .day-eight .cooperate .cooperate-content {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
    .day-eight .cooperate .time {
      height: 25px;
      font-size: 18px;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 25px;
      letter-spacing: 0.45px;
      margin-right: 77px;
      margin-left: 26.5px; }
    .day-eight .cooperate .title {
      width: 184.5px;
      height: 100%;
      font-size: 18px;
      font-weight: 500;
      text-align: left;
      color: #252525;
      line-height: 25px;
      letter-spacing: 0.45px;
      margin-top: 30px;
      margin-bottom: 30px; }
    .day-eight .cooperate .name {
      height: 22.5px;
      font-size: 16px;
      font-weight: 400;
      text-align: left;
      color: #252525;
      line-height: 22.5px;
      letter-spacing: 0.4px;
      margin-right: 69.5px;
      margin-left: 250px; }
  .day-eight .award {
    width: 1145px;
    margin-left: 32px;
    margin-bottom: 10px;
    padding-top: 0px; }
    .day-eight .award .award-content {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .day-eight .award .award-content .time {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-right: 77px;
        margin-left: 26.5px; }
      .day-eight .award .award-content .title {
        height: 100%;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #252525;
        line-height: 25px;
        letter-spacing: 0.45px;
        margin-top: 30px;
        margin-bottom: 30px; }

.publish-sidebar-move {
  top: calc(35% + 100px) !important; }

.publish-sidebar {
  width: 63px;
  height: 195px;
  position: fixed;
  right: 20px;
  top: 520px;
  z-index: 18;
  background: url("/static/img/publish/livetime.png") no-repeat center center;
  background-size: cover; }
  .publish-sidebar .text {
    width: 28px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 16px;
    margin: 49px auto 9px; }
  .publish-sidebar .time {
    width: 39px;
    height: 27px;
    background: linear-gradient(360deg, #c6e3ff 0%, #eff9ff);
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .publish-sidebar .time > span:nth-child(1) {
      width: 15px;
      height: 18px;
      font-size: 14px;
      font-family: Bebas, Bebas-Regular;
      font-weight: 400;
      text-align: left;
      color: #4d90f7;
      line-height: 18px;
      margin-right: 2px; }
    .publish-sidebar .time > span:nth-child(2) {
      width: 12px;
      height: 17px;
      font-size: 12px;
      font-weight: 400;
      color: #252525;
      line-height: 17px; }

.live-replay {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 334px;
  width: 430px;
  height: 160px;
  background: #ffffff;
  border-radius: 12px;
  left: calc(50% - 215px); }
  .live-replay .left {
    margin-left: 23px;
    margin-top: 24px; }
    .live-replay .left > div:first-child {
      width: 148px;
      height: 46px;
      font-size: 15px;
      font-weight: 600;
      text-align: left;
      color: #252525;
      line-height: 23px; }
    .live-replay .left > div:nth-child(2) {
      margin-top: 47px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #0f7ce6;
      font-weight: 500;
      font-size: 14px;
      cursor: pointer; }
      .live-replay .left > div:nth-child(2) > img {
        width: 15px;
        height: 5px;
        margin-left: 4px; }
      .live-replay .left > div:nth-child(2):hover {
        opacity: 0.8; }
  .live-replay .play {
    cursor: pointer;
    width: 42px;
    height: 42px;
    z-index: 10;
    position: absolute;
    left: 284px;
    top: 59px; }
  .live-replay > img {
    width: 279px;
    height: 153px;
    position: absolute;
    left: 161px;
    top: 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.platforms-section {
  width: 1205px;
  margin: 0 auto;
  margin-top: 100px; }
  .platforms-section .platforms-grid {
    display: grid;
    grid-template-columns: 340px 430px 430px;
    grid-template-rows: 304px 304px;
    gap: 6px 5px;
    margin-top: 48px; }
    .platforms-section .platforms-grid .platform-card {
      position: relative;
      background-repeat: no-repeat;
      border-radius: 8px;
      overflow: hidden; }
      .platforms-section .platforms-grid .platform-card .platform-header {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 28px; }
        .platforms-section .platforms-grid .platform-card .platform-header .platform-title {
          -ms-flex: 1;
              flex: 1; }
          .platforms-section .platforms-grid .platform-card .platform-header .platform-title .platform-name {
            font-size: 26px;
            font-weight: 600;
            color: #343434;
            line-height: 37px;
            letter-spacing: 0.65px;
            margin-bottom: 10px;
            white-space: nowrap; }
          .platforms-section .platforms-grid .platform-card .platform-header .platform-title .platform-subtitle {
            font-size: 18px;
            font-weight: 500;
            color: #343434;
            line-height: 25px;
            letter-spacing: 0.45px;
            white-space: nowrap; }
      .platforms-section .platforms-grid .platform-card .platform-description {
        font-size: 14px;
        color: #828282;
        line-height: 20px;
        letter-spacing: 0.35px;
        margin-bottom: 20px; }
      .platforms-section .platforms-grid .platform-card .platform-footer {
        position: absolute;
        bottom: 32px;
        right: 36px; }
        .platforms-section .platforms-grid .platform-card .platform-footer .platform-link {
          font-size: 14px;
          font-weight: 500;
          color: #676767;
          line-height: 20px;
          letter-spacing: 0.35px;
          cursor: pointer;
          text-decoration: none;
          white-space: nowrap;
          display: inline-block;
          transition: color 0.3s ease;
          position: relative; }
        .platforms-section .platforms-grid .platform-card .platform-footer:hover .platform-link {
          color: #343434; }
          .platforms-section .platforms-grid .platform-card .platform-footer:hover .platform-link::after {
            content: '';
            width: 12px;
            height: 12px;
            background: url("/static/img/publish612/right_arrow.png") no-repeat center;
            background-size: contain;
            margin-left: 6px;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            right: -18px;
            top: 50%;
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .platforms-section .platforms-grid .platform-card.platform-card-1 {
        grid-row: 1 / 3;
        grid-column: 1;
        height: 614px !important;
        background-image: url("/static/img/publish612/platform1.png");
        background-size: cover;
        background-position: center;
        padding: 40px 46px;
        box-sizing: border-box; }
      .platforms-section .platforms-grid .platform-card.platform-card-2 {
        grid-column: 2;
        grid-row: 1;
        background-image: url("/static/img/publish612/platform2.png");
        background-size: cover;
        background-position: center;
        padding: 40px 36px 32px 46px; }
      .platforms-section .platforms-grid .platform-card.platform-card-3 {
        grid-column: 3;
        grid-row: 1;
        background-image: url("/static/img/publish612/platform3.png");
        background-size: cover;
        background-position: center;
        padding: 40px 36px 32px 46px; }
      .platforms-section .platforms-grid .platform-card.platform-card-4 {
        grid-column: 2;
        grid-row: 2;
        background-image: url("/static/img/publish612/platform4.png");
        background-size: cover;
        background-position: center;
        padding: 40px 36px 32px 46px; }
      .platforms-section .platforms-grid .platform-card.platform-card-5 {
        grid-column: 3;
        grid-row: 2;
        background-image: url("/static/img/publish612/platform5.png");
        background-size: cover;
        background-position: center;
        padding: 40px 36px 32px 46px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.robotnew {
  margin-bottom: 70px; }
  .robotnew .robotnew-contact {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #191c3d;
    line-height: 40px;
    margin-top: 36px; }
    .robotnew .robotnew-contact:before {
      content: '';
      height: 2px;
      width: 100%;
      background: linear-gradient(to right, #fff 0, #2b81e2 30%, #2b81e2 70%, #fff 100%);
      display: block; }
    .robotnew .robotnew-contact .robotnew-contact-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: 20px 0; }
      .robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile,
      .robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-email {
        -ms-flex: 1;
            flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        position: relative; }
      .robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-email::before {
        content: '';
        -webkit-mask: url("/static/img/robotnew/email.svg") no-repeat center/auto 18px;
                mask: url("/static/img/robotnew/email.svg") no-repeat center/auto 18px;
        margin-right: 4px;
        display: block;
        width: 24px;
        height: 24px;
        background: #2b81e2; }
      .robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile::before {
        content: '';
        -webkit-mask: url("/static/img/robotnew/mobile.svg") no-repeat center/auto 18px;
                mask: url("/static/img/robotnew/mobile.svg") no-repeat center/auto 18px;
        background: #2b81e2;
        margin-right: 4px;
        display: block;
        width: 24px;
        height: 24px; }
      .robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile::after {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: '';
        height: 100%;
        width: 1px;
        background: linear-gradient(to bottom, #fff 0, #2b81e2 30%, #2b81e2 70%, #fff 100%);
        display: block; }
  .robotnew .robotnew-title {
    width: 1200px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #191c3d;
    text-align: center; }
    .robotnew .robotnew-title.advantage, .robotnew .robotnew-title.structure, .robotnew .robotnew-title.brief {
      margin: 50px auto 30px; }
    .robotnew .robotnew-title.cooperation {
      margin: 0 auto 30px; }
    .robotnew .robotnew-title.entity {
      margin: 30px auto 30px; }
    .robotnew .robotnew-title.person {
      margin: 40px auto 30px; }
  .robotnew .robotnew-block {
    overflow: hidden;
    padding-bottom: 60px; }
  .robotnew .robotnew-support {
    width: 100%;
    height: 738px;
    margin: 0 auto;
    background: url(/static/img/robotnew/support-bg.png) no-repeat center/auto 800px;
    position: relative; }
    .robotnew .robotnew-support.carousel .robotnew-cognition::before,
    .robotnew .robotnew-support.carousel .robotnew-sport::before,
    .robotnew .robotnew-support.carousel .robotnew-perception::before {
      animation-duration: 8s;
      animation-iteration-count: infinite; }
    .robotnew .robotnew-support.carousel .robotnew-cognition::after,
    .robotnew .robotnew-support.carousel .robotnew-sport::after,
    .robotnew .robotnew-support.carousel .robotnew-perception::after {
      animation-duration: 8s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
    .robotnew .robotnew-support.carousel .robotnew-sport::before {
      animation-name: highColor1; }
    .robotnew .robotnew-support.carousel .robotnew-sport::after {
      animation-name: highOpacity1; }
    .robotnew .robotnew-support.carousel .robotnew-cognition::before {
      animation-name: highColor2; }
    .robotnew .robotnew-support.carousel .robotnew-cognition::after {
      animation-name: highOpacity2; }
    .robotnew .robotnew-support.carousel .robotnew-perception::before {
      animation-name: highColor3; }
    .robotnew .robotnew-support.carousel .robotnew-perception::after {
      animation-name: highOpacity3; }
    .robotnew .robotnew-support .robotnew-support-title {
      width: 1200px;
      margin: 0 auto;
      padding-top: 70px;
      font-size: 28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      color: #191c3d;
      text-align: center; }
    .robotnew .robotnew-support .robotnew-cognition,
    .robotnew .robotnew-support .robotnew-sport,
    .robotnew .robotnew-support .robotnew-perception {
      position: absolute; }
      .robotnew .robotnew-support .robotnew-cognition::before,
      .robotnew .robotnew-support .robotnew-sport::before,
      .robotnew .robotnew-support .robotnew-perception::before {
        font-size: 24px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        color: #191c3d;
        line-height: 40px;
        display: inline-block;
        position: absolute; }
      .robotnew .robotnew-support .robotnew-cognition::after,
      .robotnew .robotnew-support .robotnew-sport::after,
      .robotnew .robotnew-support .robotnew-perception::after {
        content: '';
        opacity: 0.6;
        display: inline-block;
        position: absolute; }
    .robotnew .robotnew-support .robotnew-cognition {
      left: 50%;
      top: 279px;
      width: 500px;
      height: 294px;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
      .robotnew .robotnew-support .robotnew-cognition::before {
        content: '\8BA4\77E5\667A\80FD';
        left: 373px;
        top: 90px;
        width: 60px; }
      .robotnew .robotnew-support .robotnew-cognition::after {
        content: '';
        background: url(/static/img/robotnew/support-cognition.png) no-repeat;
        width: 463px;
        height: 266px;
        background-size: auto 266px;
        display: inline-block;
        left: 397px;
        top: 48px; }
    .robotnew .robotnew-support .robotnew-sport {
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      top: 250px;
      z-index: 1; }
      .robotnew .robotnew-support .robotnew-sport::before {
        content: '\8FD0\52A8\667A\80FD';
        color: #2c6cff;
        left: 50%;
        top: -30px;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        width: 100px; }
      .robotnew .robotnew-support .robotnew-sport::after {
        content: '';
        opacity: 1;
        background: url(/static/img/robotnew/support-sport.png) no-repeat;
        width: 1157px;
        height: 112px;
        background-size: 1157px auto;
        position: absolute;
        left: -573px;
        top: -101px; }
    .robotnew .robotnew-support .robotnew-perception {
      left: 50%;
      bottom: 142px; }
      .robotnew .robotnew-support .robotnew-perception::before {
        content: '\611F\77E5\667A\80FD';
        width: 60px;
        left: -160px;
        bottom: 147px; }
      .robotnew .robotnew-support .robotnew-perception::after {
        background: url("/static/img/robotnew/support-perception.png") no-repeat;
        width: 490px;
        height: 266px;
        background-size: auto 266px;
        content: '';
        left: -546px;
        top: -268px; }
  .robotnew .robotnew-brief {
    width: 1200px;
    margin: 0 auto;
    background-image: url("/static/img/robotnew/brief_left.png"), url("/static/img/robotnew/brief_right.png");
    background-position: 0 40px, right top;
    background-size: auto 124px, auto 292px;
    background-repeat: no-repeat no-repeat;
    overflow: hidden;
    padding-left: 85px;
    padding-top: 100px;
    box-sizing: border-box; }
    .robotnew .robotnew-brief .robotnew-brief-text {
      width: 354px;
      font-size: 14px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      color: #646b97;
      line-height: 28px; }
  .robotnew .robotnew-entity-person {
    background-color: #f8fcff; }
  .robotnew .robotnew-structure {
    background: #f8fcff; }
    .robotnew .robotnew-structure .robotnew-structure-bg {
      width: 1200px;
      height: 600px;
      margin: 0 auto;
      background: url("/static/img/robotnew/structure.png") no-repeat center/auto 100%; }
  .robotnew .robotnew-advantage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px 140px;
    width: 1200px;
    margin: 0 auto; }
    .robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-title {
      height: 80px;
      line-height: 80px;
      --icon: url('/static/img/robotnew/advantage0.png');
      font-size: 20px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #191c3d;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-title:before {
        content: '';
        background: var(--icon) no-repeat center/contain;
        width: 70px;
        height: 70px;
        margin-left: 40px; }
    .robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-desc {
      font-size: 14px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: justifyLeft;
      color: #646b97;
      line-height: 28px; }
  .robotnew .robotnew-entity {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    .robotnew .robotnew-entity .robotnew-entity-card {
      --bg: url('/static/img/robotnew/entity0.png');
      background: var(--bg) no-repeat center/auto 100%;
      width: 100%;
      height: 240px;
      position: relative; }
      .robotnew .robotnew-entity .robotnew-entity-card:before {
        position: absolute;
        content: attr(data-desc);
        left: 10px;
        bottom: 10px;
        font-size: 18px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        color: #191c3d;
        display: inline-block; }
  .robotnew .robotnew-cooperation {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .robotnew .robotnew-cooperation .robotnew-cooperation-list {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      font-size: 18px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      color: #191c3d;
      margin-top: 14px; }
    .robotnew .robotnew-cooperation:before {
      content: '';
      background: url("/static/img/robotnew/cooperation-process.png") no-repeat center/contain;
      width: 100%;
      height: 76px; }
  .robotnew .robotnew-person {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 74px;
    width: 1200px;
    margin: 0 auto; }
    .robotnew .robotnew-person .robotnew-person-item {
      --title: '';
      --img: '';
      display: grid;
      grid-column-gap: 24px;
      font-size: 18px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #191c3d; }
      .robotnew .robotnew-person .robotnew-person-item::before {
        content: '';
        height: 150px;
        background: var(--img) no-repeat center/contain;
        margin-bottom: 14px; }
      .robotnew .robotnew-person .robotnew-person-item::after {
        margin-top: 14px;
        content: attr(data-desc);
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: center;
        color: #646b97;
        line-height: 24px; }
  .robotnew .robotnew-banner {
    width: 100%; }
    .robotnew .robotnew-banner.banner-bg {
      width: 100%;
      height: 600px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/img/robotnew/bg.png");
      overflow: hidden; }
      .robotnew .robotnew-banner.banner-bg .banner-content {
        width: 1200px;
        margin: auto;
        padding-left: 110px; }
        .robotnew .robotnew-banner.banner-bg .banner-content .banner-title {
          margin-top: 156px;
          font-size: 60px;
          font-family: Alimama ShuHeiTi, Alimama ShuHeiTi-Bold;
          font-weight: 700;
          color: #1a1d3c;
          line-height: 40px;
          position: relative; }
        .robotnew .robotnew-banner.banner-bg .banner-content .banner-desc {
          margin-top: 34px;
          width: 500px;
          height: 52px;
          font-size: 16px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          color: #1a1d3c;
          line-height: 36px; }
        .robotnew .robotnew-banner.banner-bg .banner-content .banner-btn {
          margin-top: 90px;
          width: 120px;
          height: 40px;
          line-height: 40px;
          background: #2c6cff;
          border-radius: 20px;
          font-size: 16px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          color: #fff;
          cursor: pointer;
          text-align: center; }

@keyframes highOpacity1 {
  0%,
  16.67%,
  100% {
    opacity: 1; }
  33.33%,
  83.33% {
    opacity: 0.6; } }

@keyframes highColor1 {
  0%,
  16.67%,
  100% {
    color: #2c6cff; }
  33.33%,
  83.33% {
    color: #191c3d; } }

@keyframes highOpacity2 {
  33.333%,
  50% {
    opacity: 1; }
  0%,
  100%,
  16.667%,
  66.667% {
    opacity: 0.6; } }

@keyframes highColor2 {
  33.333%,
  50% {
    color: #2c6cff; }
  0%,
  100%,
  16.667%,
  66.667% {
    color: #191c3d; } }

@keyframes highOpacity3 {
  66.667%,
  83.333% {
    opacity: 1; }
  0%,
  50%,
  100% {
    opacity: 0.6; } }

@keyframes highColor3 {
  66.667%,
  83.333% {
    color: #2c6cff; }
  0%,
  50%,
  100% {
    color: #191c3d; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.robotnew {
  background-color: #fff; }
  .robotnew .main-wrapper {
    background-color: transparent; }
  @media only screen and (max-width: 576px) {
    .robotnew {
      background-color: #f9fbff; }
      .robotnew .main-wrapper {
        margin-top: 50px; }
      .robotnew .section-title {
        margin-top: 19px;
        margin-bottom: 19px; }
      .robotnew .section {
        padding: 0 18px; } }

.search_page_content {
  min-height: 100vh;
  font-size: 14px;
  color: #4b5b76; }
  .search_page_content .ant-input-affix-wrapper {
    height: 40px;
    border-radius: 4px; }
  .search_page_content .search-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 108px;
    background: linear-gradient(90deg, #fbfcfe 0%, rgba(151, 192, 250, 0.46) 100%);
    background-position: center center;
    box-shadow: inset 0px -7px 7px 0px rgba(21, 33, 163, 0.05); }
    .search_page_content .search-banner.is-mobile {
      margin-top: 50px; }
      .search_page_content .search-banner.is-mobile .search-input-wrap {
        width: 100%; }
        .search_page_content .search-banner.is-mobile .search-input-wrap .search-input-box {
          width: 80%;
          margin-left: 12px; }
    .search_page_content .search-banner .search-input-wrap {
      width: 1200px; }
      .search_page_content .search-banner .search-input-wrap .search-input-box {
        display: block;
        width: 890px; }
        .search_page_content .search-banner .search-input-wrap .search-input-box button {
          height: 40px;
          border-radius: 4px;
          border-start-start-radius: 4px;
          border-start-end-radius: 4px;
          border-end-end-radius: 4px;
          border-end-start-radius: 4px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
      .search_page_content .search-banner .search-input-wrap .search-icon {
        display: inline-block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAACyElEQVRYR82YT4hNcRTHP19KITtFiSVrSViQBbOQFRYmpYaFQv7FQrOYLIQUQ0NZaEqJDSvNYlhoLJDEluVMitiJKcXRmfnd1+/dd+97971597176m7u/f1+53PPOb/zO+cn2hAzWwpsAbYBa4CV4fFVfoTnC/AaeCtpto3l54aqyAQzWw8MAVuBJUXmAH+AN8C4pM8F5zQHMrPVwDFgoOiCOeMmgXuSvrZaJ9dCZuZuuQQsb7VIwe+/gBFJ7s5cyQQys0HgRI5LZ4Ap4B3wLcSNK/B4WgVsBnYAazO0GnBH0qM8ogagAHMyY8KnsNj7IhYxs03hpzZkjB/Lg6oDCm66nrLMX+AW8FSS/2FhMTNffx9wGlgcTfR1LmS5rwYUAvhBKmZ+AsOSClkljzRY6zKwIhrjMXU4Hegx0EhqN7llzi4UJgEIUDdTlpqU5BunJnNAIc+Mp/7whqQnhf1TYKCZ7QfOpYYOxXkqAboKbI8GegAfbTdmWjGFmLoPxIE+JeliMlfhOJhIZeBT3XJVGjK47nb03jP6nuSYcaCdgAdcItOSPA+VJmb2OJWnfOO8dIUO5ObaG2l/KOluaTTzMXscOBTpeCbpSgI0BmyMPp6R5Fm4NDEzz+ajkYIPkuaSsVsobb5BSdOl0cxbaB0QHx8zkg4mQC8Ar3MS2S3pd8lAy4DnkY5ZSbvygAYkeRYtTczMKwgvSRKpA6qcyyoX1JXb9pVLjL7DqnN0eJibWXUO1wDkbU4vyo8DXmOl8klj+RGgqlOgBSDvwapTwgYo78WqUeQnfu1RGzQhKa7BamHVSaPolcCrDhvFRPE/74ol+cFeJ71spb0Xi/VlQjW9/ejyZcNH4DywKDJJA1Q71zFHwt1Qx9cxZuY1j6eXXKhCQFHAL/jCqhVUW0DdqtiaQA33BSjkvCz3fe8bUA5Uf4EClF9uJf3+tf9DwHIBWr4zqwAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 22px 23px;
        height: 23px;
        width: 22px; }
  .search_page_content .search-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .search_page_content .search-content.is-mobile {
      width: 100vw; }
      .search_page_content .search-content.is-mobile .search-result-content {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100vw; }
        .search_page_content .search-content.is-mobile .search-result-content .result-no-data {
          width: calc(100vw - 24px);
          box-sizing: border-box;
          font-size: 12px;
          padding-left: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          line-height: 16px; }
        .search_page_content .search-content.is-mobile .search-result-content .search-content-wrap .search-result-item .search-item-tags {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .search_page_content .search-content .search-result-content {
      width: 820px; }
      .search_page_content .search-content .search-result-content .result-no-data {
        width: 880px;
        height: 66px;
        line-height: 66px;
        padding-left: 23px;
        background: linear-gradient(275deg, #fffbfa 0%, #fff6f2 100%);
        border-radius: 4px;
        color: #303030;
        font-size: 21px; }
        .search_page_content .search-content .search-result-content .result-no-data span {
          display: inline-block;
          font-size: 16px; }
      .search_page_content .search-content .search-result-content .search-content-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item {
          border-bottom: 1px solid #ebebeb;
          padding-top: 22px;
          padding-bottom: 15px; }
          .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title {
            color: #2c2c2c;
            font-size: 18px;
            line-height: 25px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-title-link {
              display: inline-block;
              margin-right: 12px;
              cursor: pointer;
              font-weight: bold; }
              .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-title-link:hover {
                color: #1975ff; }
            .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-category {
              box-sizing: border-box;
              display: inline-block;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAAqCAYAAAB2pyMEAAAGC0lEQVR4Xu2cS3NURRTHz8BACJhATCwekQqCIiwsH6jl3g+gOxcu3LHUz+DOKsuFZVlaLNjrF4GEiERBEciM4rvKnVb5zByrM/dOxr4z87unu+dxx8wGitN9+vxPn8e/+95LTUr+rtxTLTl0d9gUeKBWFsNuYJT11HSMMwfG6WNdwN1sV0dKa/Gcls/Na1GsPn9PfP2+nNaLnU8xMoH4Gz+2jS69pXnFOHN8B63Vb+SH1PpoX2Llqe1NrS8E32ZwYJzIqkSPVWs1EcdE3J/ul/+9LDvB+X6GkydDPNM9x7ge2g/24HyjPSHwgwPjURcY2c/feALmyzttKGsltM9m/X7nyoI2D9Sx6/MATwL+JIFhjkjoJZQQJCd7aD7JST/KK4D/7g+BHMNVjNLEBD313wFWDlLgjrCzpJ+4K3FVI9zCcLKP5Nsb030YgIrUC09wYJxdbnOHMj8q1b6O1ONJX6G1AajknMlbj+y1+ov09cJ/5/vAinHWcYx+JYNC2igvDPfIrc9RChljLQHY5OF4bsRnzvAR4L8T2koedxWjT2ZRjyZ5ISNi98Ejm/5GkD0kJ3utcUL6zHEegD+4YrjACP5ZPR280IROrAD+r0JbyTkXGHkroZSA4yL1zEKGDPm4iRlLGwvslDgKcZ7o64ES+xEeGA/3v+Cinmkt5cghKDBjOQPVboqkyOPpOPDf/s5APu+qzvyyKX+4KeddYCT60b4mWqajhtajjBy1PaNez+G/XbaVrG3qiy2RD1TlsTwwQq+8rQlGjqHjGM23ylOvR52J7Ettj1vvS6oYVxt6VFXeEZVX3YSZusjxBZGDM13mWm98IGWtGVsY759ijPahPops2skK4O8bGKpaW9uUi1qTt1TlyJ6ayEPzIovzxesLIlPD5hyFjMl4cec4jb3Dm+AFEsXVNOL/4tseHGO1oU9qSz5UkReceG5W5NgRkf319mBrRlMCVU3+f8B/qzswNn7SQ7//Jm+qyBsiUq/vbbeN+dn2I/TO08jBV/GFfaYeSnKq3FQQ/IqFrcIziMZbDz1kb2p9Ifhv3s8qxtWmviRb8p6KnHT/tDgncvSwiGsh2Aq8nTOTIazVg0t94TiXugQZI3ca8N/MK8bqPX1Na/K+qhzaVxdZWRI5sC+LGv9u3nM8lVaUEycwBt64L4goMMycaAz4O4Hh1l5v6rm/W/KxqDzhjD+xIPLgA6nTL16fMYHjF5wwDaPA/3neSnLszaYe+HlL3lWRi+7fDh8UWV4UqbuqkQ2i9x+sPRkzDDgN2WN+QyxyvWnA/5kfGHmAXGnqK7UtuaQi8+404lrLbH53YWRHhQj3n/YZSyVeqRufpaA+Y6tDfRXAv/FNj+Nqvk/r9/XMP3/JRypywW2uO6Esze2cUPKbz0Kljb3AoTeO4GXjWI5BFYb007MN4lzW9VGfkRO69Tf6VYxc1y3V/b825W1tyevbrWVW5OSSyN49/Rsv9UCS0/HUlw/7+GelGISP5JOAf2DF6DZwtakvt1pyWVQWXGs5vxzxzqfxnsAaCLiRtDOR9lnXJ04yDvw3vh7QSnyDrjd05c+WbE95amXnuxF0BJSyQoYM+XhccDT0fKt95A+6QqdWRa2D5GXw3xjEMXoBzL9Ee/pUhd7HSJ1yRvJNnIMKGM1HeQD+Ty0Vw+nvDoz8BS7KEJJbOQJdlKZez9rzaX3rPpF/hrFecGA8cyr8E8QCEEyZwdDpHsTqOBqffL0JxH89tGJceKSrlcSmMHCQ2J5LG009lz6pxM8VjAbEcgTyF5nj1g8OjGddYGS/Qsul2jfsdyAJuVFOcT+N+D9ptp1Umi7kHMMFRt8rcqPjo4dDKbZyRbKH4p7mJ5cPAf96TGDk0WR1fMGxxv82wdqSiRPQsxa6Z5hG/NcagRXjudMRHGPIKUcbGfLiyqCPhM0cowL4r4VWjOddYPThGPTQzPw+gqfQqt98PISHcKn1WTnKKPAnCYzkPZMUWnsJ6auafAT410JbiasYHcZqfLZg5RhWP9DxMpoTwOcJ1MqqgH81NDCqlmS79oZ5wHxcDVtmd1bVPPAvj/Rg7/MlwwAAAAAASUVORK5CYII=) center center no-repeat;
              background-size: 67px 21px;
              width: 67px;
              height: 21px;
              padding-left: 4px;
              text-align: center;
              line-height: 21px;
              font-size: 12px;
              color: #97a6c4; }
          .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-desc {
            margin-top: 7px;
            color: #4b5b76;
            line-height: 26px; }
          .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags {
            margin-top: 11px;
            display: -ms-flexbox;
            display: flex;
            column-gap: 10px; }
            .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item {
              padding: 0 6px;
              height: 24px;
              font-size: 12px;
              color: #8d9bb3;
              line-height: 24px; }
              .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item::before {
                display: inline-block;
                content: ' ';
                position: relative;
                top: 2px;
                left: -10px;
                height: 11px;
                width: 1px;
                background-color: #d4dce4; }
            .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item:first-child {
              border: none;
              padding-left: 0; }
              .search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item:first-child::before {
                display: none; }
      .search_page_content .search-content .search-result-content .data-show-tip {
        text-align: center;
        margin-top: 45px; }
    .search_page_content .search-content .search-about {
      width: 300px; }
      .search_page_content .search-content .search-about .smart-result {
        width: 251px;
        background: #ffffff;
        box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.09);
        border-radius: 4px;
        padding: 26px 23px; }
        .search_page_content .search-content .search-about .smart-result .xinhuologo {
          height: 34px;
          width: 98px;
          background: url(/_next/static/img/logo.da1f2c1.png) center center no-repeat;
          background-size: 98px 34px; }
        .search_page_content .search-content .search-about .smart-result .smart-tip {
          margin-top: 12px;
          line-height: 26px; }
          .search_page_content .search-content .search-about .smart-result .smart-tip .tip-title {
            font-weight: bold; }
        .search_page_content .search-content .search-about .smart-result .smart-result-content {
          position: relative;
          margin-top: 11px;
          width: 217px;
          min-height: 50px;
          background: #f1f6fc;
          box-shadow: inset 0px 1px 6px 0px rgba(20, 76, 149, 0.14);
          border-radius: 8px;
          padding: 17px 19px 25px 19px; }
          .search_page_content .search-content .search-about .smart-result .smart-result-content .smart-loading {
            text-align: center;
            position: relative;
            left: -8px;
            top: 20px; }
      .search_page_content .search-content .search-about .about-title {
        margin-top: 35px;
        box-sizing: border-box;
        height: 32px;
        font-size: 16px;
        color: #252b3a;
        padding-bottom: 10px;
        width: 73px;
        border-bottom: 3px solid #dfdfdf; }
        .search_page_content .search-content .search-about .about-title::after {
          display: block;
          margin-top: 10px;
          width: 300px;
          content: ' ';
          height: 1px;
          background-color: #dfdfdf; }
      .search_page_content .search-content .search-about .search-hot-wrap {
        padding-top: 10px; }
        .search_page_content .search-content .search-about .search-hot-wrap .hot-item {
          padding-top: 10px;
          padding-left: 18px;
          height: 40px;
          border-bottom: 1px solid #ebebeb; }
          .search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title {
            color: #2c2c2c;
            height: 30px;
            line-height: 30px; }
            .search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title:hover {
              color: #1975ff;
              cursor: pointer; }
            .search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title::before {
              display: inline-block;
              content: '';
              background-color: #1975ff;
              width: 5px;
              height: 5px;
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
              position: relative;
              left: -18px; }
        .search_page_content .search-content .search-about .search-hot-wrap .hot-item:last-child {
          border: none; }
      .search_page_content .search-content .search-about .search-advice-wrap {
        padding-top: 10px; }
        .search_page_content .search-content .search-about .search-advice-wrap .advice-item {
          padding-top: 10px;
          padding-bottom: 13px;
          border-bottom: 1px solid #ebebeb;
          display: -ms-flexbox;
          display: flex; }
          .search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category {
            margin-right: 12px;
            width: 48px;
            height: 17px;
            line-height: 17px;
            font-size: 12px;
            padding: 0 5px; }
            .search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category.state0 {
              background: linear-gradient(180deg, #fff3e8 0%, #ffffff 100%);
              border: 1px solid #ffbd98;
              color: #ffa978; }
            .search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category.state1 {
              background: linear-gradient(180deg, #ecf4ff 0%, #ffffff 100%);
              border: 1px solid #84b7ff;
              color: #1975ff; }
          .search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-title {
            color: #2c2c2c;
            height: 17px; }
            .search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-title:hover {
              color: #1975ff;
              cursor: pointer; }
        .search_page_content .search-content .search-about .search-advice-wrap .advice-item:last-child {
          border: none; }


.modal-overlay.discount-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 999; }
  .modal-overlay.discount-modal .modal-content {
    box-sizing: border-box;
    position: relative;
    padding: 8px 32px 32px 32px;
    width: 782px;
    min-height: 456px;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16971601861212132%2F%E7%BB%84%202.png") center center/cover no-repeat; }
    .modal-overlay.discount-modal .modal-content .title {
      margin: 0 auto;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: 23px;
      font-size: 23px;
      font-weight: 700;
      color: #282e3e;
      margin-bottom: 45px; }
    .modal-overlay.discount-modal .modal-content .close {
      position: absolute;
      top: 14px;
      right: 20px;
      width: 25px;
      height: 25px;
      background: url("https://xfyun-doc.xfyun.cn/static%2F16971602563095658%2Fclose.png") center center/cover no-repeat;
      cursor: pointer; }
    .modal-overlay.discount-modal .modal-content .item {
      width: 100%;
      margin-bottom: 14px; }
      .modal-overlay.discount-modal .modal-content .item:last-of-type {
        margin-bottom: 0; }
      .modal-overlay.discount-modal .modal-content .item .item-title {
        width: 106px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        background: url("https://xfyun-doc.xfyun.cn/static%2F16971610803379007%2F%E7%BB%84%202%20%EF%BC%881%EF%BC%89.png") center center/cover no-repeat;
        font-size: 18px;
        font-weight: 700;
        color: #282e3e;
        margin-bottom: 14px; }
      .modal-overlay.discount-modal .modal-content .item .item-desc {
        width: 100%;
        word-break: break-word;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: #282e3e; }
        .modal-overlay.discount-modal .modal-content .item .item-desc a {
          cursor: pointer;
          color: #4579ff;
          text-decoration: none; }

.purchase-wrapper {
  position: relative;
  width: 100%;
  min-height: 1236px;
  margin-top: -3px; }

.purchase-container {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  width: 2560px;
  min-height: 1236px;
  font-family: PingFang SC, PingFang SC-Medium;
  background: url("https://xfyun-doc.xfyun.cn/static%2F16970893780526503%2F%E5%9B%BE%E5%B1%82%2092%20%EF%BC%881%EF%BC%89.png") center center/cover no-repeat; }
  .purchase-container .tab-container {
    margin-bottom: 44px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .purchase-container .tab-container .tab {
      -ms-flex: 1;
          flex: 1;
      box-sizing: border-box;
      display: inline-block;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 2px solid #ced3dd;
      cursor: pointer; }
  .purchase-container .card-container {
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 62px; }
    .purchase-container .card-container .card {
      position: relative;
      box-sizing: border-box;
      width: 380px;
      background: #ffffff;
      border: 2px solid #fff;
      border-radius: 4px;
      box-shadow: -4px 0px 8.37px 0.28px rgba(180, 205, 255, 0.3); }
      .purchase-container .card-container .card:hover {
        border-color: #fe9778; }
      .purchase-container .card-container .card .discount {
        position: absolute;
        right: -3px;
        top: -3px;
        width: 90px;
        height: 31px;
        text-align: center;
        line-height: 31px;
        font-size: 16px;
        color: #fff;
        background: url("https://xfyun-doc.xfyun.cn/static%2F16970914334707577%2F%E5%BD%A2%E7%8A%B6%203.png") center center no-repeat; }
      .purchase-container .card-container .card .title {
        box-sizing: border-box;
        width: 376px;
        height: 78px;
        padding: 30px 0 0 40px;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        color: #282e3e;
        letter-spacing: 1.6px;
        background-size: cover;
        background-repeat: no-repeat; }
      .purchase-container .card-container .card .row {
        display: -ms-flexbox;
        display: flex;
        min-width: 305px;
        margin: 31px 0 0 40px; }
        .purchase-container .card-container .card .row span {
          font-size: 16px;
          text-align: left; }
        .purchase-container .card-container .card .row .key {
          min-width: 180px;
          color: #687491; }
        .purchase-container .card-container .card .row .value {
          -ms-flex: 1;
              flex: 1;
          color: #282e3e; }
      .purchase-container .card-container .card .line {
        margin: 18px 0 0 40px;
        width: 305px;
        border-bottom: 1px solid #e7ebf3; }
      .purchase-container .card-container .card .price {
        margin: 21px 0;
        width: 100%;
        height: 30px;
        text-align: center;
        color: #fe5940;
        font-size: 40px;
        font-weight: 700;
        line-height: 30px; }
        .purchase-container .card-container .card .price span {
          font-weight: 500;
          text-decoration: line-through;
          color: #c1c1c1;
          font-size: 20px;
          margin-right: 14px; }
      .purchase-container .card-container .card .btn {
        display: inline-block;
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        background: linear-gradient(-85deg, #fb7c67 0%, #fe9a7a 100%);
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 1.6px;
        text-decoration: none; }
        .purchase-container .card-container .card .btn:hover {
          background: linear-gradient(-85deg, #f76951 0%, #e55e32 100%); }

.title-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 28px;
  padding-top: 69px; }
  .title-container .title {
    margin: 0 auto 18px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 31px;
    line-height: 31px;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: #282e3e;
    margin-bottom: 18px; }
  .title-container .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #5b6786; }
    .title-container .sub-title .rule {
      color: #1975ff;
      margin-left: 5px;
      cursor: pointer; }

.ability-wrapper {
  position: relative;
  width: 100%;
  min-height: 848px;
  margin-top: -3px; }

.ability-container {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  width: 2560px;
  font-family: PingFang SC, PingFang SC-Medium; }
  .ability-container .tab-container {
    margin-bottom: 39px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .ability-container .tab-container .tab {
      -ms-flex: 1;
          flex: 1;
      box-sizing: border-box;
      display: inline-block;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
      background-repeat: no-repeat;
      border-bottom: 2px solid #c3d2ef; }
  .ability-container .card-container {
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 27px;
    grid-row-gap: 15px; }
    .ability-container .card-container .card {
      position: relative;
      box-sizing: border-box;
      margin-bottom: 15px;
      width: 385px;
      height: 290px; }
      .ability-container .card-container .card .title {
        margin: 60px auto 19px auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 19px;
        font-size: 20px;
        font-weight: 700;
        line-height: 19px;
        color: #282e3e; }
      .ability-container .card-container .card .content {
        margin: 0 auto;
        width: 319px;
        font-size: 16px;
        font-weight: 500;
        text-align: justify;
        color: #687491;
        line-height: 27px;
        word-break: break-word; }
      .ability-container .card-container .card .btn {
        position: absolute;
        display: inline-block;
        left: 105px;
        bottom: 45px;
        width: 170px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: linear-gradient(-85deg, #fb7c67 0%, #fe9a7a 100%);
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        border-radius: 4px; }
        .ability-container .card-container .card .btn:hover {
          background: linear-gradient(-85deg, #f76951 0%, #e55e32 100%); }

.title-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 28px;
  padding-top: 69px; }
  .title-container .title {
    margin: 0 auto 18px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 31px;
    line-height: 31px;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: #282e3e;
    margin-bottom: 18px; }
  .title-container .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #5b6786; }
    .title-container .sub-title .rule {
      color: #1975ff;
      margin-left: 5px;
      cursor: pointer; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.main-content.discount-page {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  font-family: PingFangSC-Regular, PingFang SC !important;
  min-width: 1200px; }
  .main-content.discount-page .home-section {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px; }
    .main-content.discount-page .home-section .hs-title {
      width: 100%;
      font-size: 30px;
      color: #1a1d3c;
      line-height: 50px; }
    .main-content.discount-page .home-section .hs-desc {
      width: 100%;
      font-size: 16px;
      color: #646b97;
      line-height: 30px; }
  .main-content.discount-page .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both; }
  .main-content.discount-page .animate__fadeInUp {
    animation-name: fadeInUp; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 70%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
  .main-content.discount-page .animate__fadeInRight {
    animation-name: fadeInRight; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }
  .main-content.discount-page .animate__fadeInLeft {
    animation-name: fadeInLeft; }

@media only screen and (max-width: 576px) {
  .main-content.discount-page {
    min-width: 0; }
    .main-content.discount-page .hs-banner {
      margin-top: 50px; } }

.container-module {
  overflow: hidden;
  padding: 50px 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw; }
  .container-module .container-title {
    margin-bottom: 12px;
    height: 45px;
    font-size: 32px;
    font-family: PingFang HK, PingFang HK-600;
    font-weight: 600;
    text-align: center;
    color: #000000;
    line-height: 38px; }
  .container-module .container-title-fade {
    animation: fade-in 0.4s cubic-bezier(0.76, 0.08, 0.87, 1) 0.1s forwards; }

@keyframes fade-in {
  0% {
    opacity: 0.3;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
  .container-module .container-des {
    margin-bottom: 51px;
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-400;
    font-weight: 400;
    text-align: center;
    color: #777777;
    line-height: 19px;
    text-align: center; }
  .container-module .container-des-fade {
    animation: fade-in 0.5s cubic-bezier(0.76, 0.08, 0.87, 1) 0.3s forwards; }

@keyframes fade-in {
  0% {
    opacity: 0.3;
    transform: translateY(15px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
  .container-module .container-container {
    text-align: center;
    width: 1200px;
    margin: 0 auto; }
  .container-module .container-container-fade {
    opacity: 1;
    animation: fade-in 0.7s cubic-bezier(0.76, 0.08, 0.87, 1) 0.5s forwards; }

@keyframes fade-in {
  0% {
    opacity: 0.3;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

.modal-module .modal-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .modal-module .modal-list .modal-item-nav {
    position: relative;
    height: 43px;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-400;
    font-weight: 400;
    text-align: center;
    color: #000000;
    line-height: 26px;
    cursor: pointer; }
    .modal-module .modal-list .modal-item-nav-active {
      color: #0f5dff; }
      .modal-module .modal-list .modal-item-nav-active::after {
        content: '';
        width: 70px;
        height: 5px;
        background: #0f5dff;
        border-radius: 7px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

.modal-module .modal-discount-container {
  margin-top: 45px;
  display: none;
  -ms-transform: translateY(10px);
      transform: translateY(10px);
  transition: transform 0.4s cubic-bezier(0.76, 0.08, 0.87, 1); }

.modal-module .discount-container-fade {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px 20px;
  -ms-transform: translateY(0px);
      transform: translateY(0px); }

.voice-recognition {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px 20px; }

.voice-synthesis {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 24px 20px; }

.voice-second {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 24px 20px; }

.voice-recognition-four {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px 20px; }

.spring-card-bg {
  position: relative;
  border: 1px solid #f3f3f3;
  height: 100%;
  border-radius: 12px;
  transition: all 0.5s; }
  .spring-card-bg:hover {
    box-shadow: 2px 2px 5px 3px #e8e8e8; }
  .spring-card-bg .card_img_box {
    position: absolute;
    z-index: 5;
    top: -0;
    right: 0;
    width: 115px;
    height: 60px;
    overflow: hidden; }
    .spring-card-bg .card_img_box .card_img {
      width: 140px;
      height: 140px;
      margin-top: var(--marginTop); }
  .spring-card-bg .card-top-right {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 57px;
    height: 25px;
    background: url("https://openres.xfyun.cn/xfyundoc/2025-06-11/5bab8dc6-597a-432c-8641-c343c3d3a318/1749642597632/%E9%99%90%E8%B4%AD%E4%B8%80%E5%8D%95.svg") no-repeat;
    background-size: contain; }
  .spring-card-bg .card-top-right-orange {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 67px;
    height: 25px;
    background: url("https://openres.xfyun.cn/xfyundoc/2025-06-11/56f37e93-5456-4733-8d99-bb0264414857/1749642684866/2.svg") no-repeat;
    background-size: contain; }
  .spring-card-bg .card-top-right-free {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 67px;
    height: 25px;
    background: url("https://openres.xfyun.cn/xfyundoc/2025-06-13/756ee3bd-226c-428c-9006-84e1d557e678/1749796715417/free.png") no-repeat;
    background-size: contain; }
  .spring-card-bg .spring-card {
    position: relative;
    z-index: 5;
    box-sizing: border-box;
    padding: 24px 23px;
    width: 100%;
    height: 231px;
    border-radius: 12px;
    background: radial-gradient(76% 141% at 0% 0%, #EFF5FF 0%, #EFF5FF 31%, #FFFFFF 100%); }
    .spring-card-bg .spring-card-title {
      margin-bottom: 6px;
      height: 28px;
      font-size: 20px;
      font-family: PingFang HK, PingFang HK-500;
      font-weight: 600;
      text-align: LEFT;
      color: #030303;
      line-height: 23px; }
    .spring-card-bg .spring-card-des {
      height: 72px;
      font-size: 13px;
      font-family: PingFang SC, PingFang SC-400;
      font-weight: 400;
      text-align: LEFT;
      color: rgba(0, 0, 0, 0.5);
      line-height: 19px; }
    .spring-card-bg .spring-card-price-list {
      display: -ms-flexbox;
      display: flex; }
    .spring-card-bg .spring-card-price {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 16px;
      margin-right: 12px;
      height: 21px; }
      .spring-card-bg .spring-card-price-before {
        height: 21px;
        line-height: 21px;
        font-size: 12px;
        text-align: center;
        color: #FFF;
        padding: 0 5px;
        border-radius: 2px 0px 0px 2px;
        background: linear-gradient(270deg, #FE782B 0%, #FD542B 100%); }
      .spring-card-bg .spring-card-price-after {
        padding: 0 3px;
        font-size: 12px;
        line-height: 19px;
        text-align: center;
        color: #FD582B;
        border-radius: 0px 2px 2px 0px;
        background: #FFEFDF;
        box-sizing: border-box;
        border: 1px solid;
        border-image: linear-gradient(270deg, #FD542B 0%, #FE752B 100%) 1; }
    .spring-card-bg .spring-card-btn,
    .spring-card-bg .spring-card a {
      display: inline-block;
      text-decoration: none;
      margin: 0 auto;
      width: 100%;
      height: 45px;
      border-radius: 2px;
      background: linear-gradient(270deg, #518DFF 0%, #0D57F0 100%);
      text-align: center;
      line-height: 45px;
      color: #ffffff;
      font-size: 15px;
      cursor: pointer; }
      .spring-card-bg .spring-card-btn:hover,
      .spring-card-bg .spring-card a:hover {
        opacity: 0.9; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.main-content.discount-page {
  background-color: #fff; }

.center_banner {
  width: 100%;
  height: 168px;
  background: #d7e5ff;
  background-image: url("https://openres.xfyun.cn/xfyundoc/2025-06-12/d6fc2209-6d2d-4b12-aa6c-726138ed41cf/1749692306175/618bg1.png"); }
  .center_banner .center_banner_temp {
    height: 1px; }
  .center_banner .center_banner_content {
    position: relative;
    margin: 0px auto;
    height: 168px;
    width: 1200px; }
    .center_banner .center_banner_content_img {
      position: relative;
      top: 50px;
      left: 428px;
      width: 430px;
      height: 68px;
      background: url("https://openres.xfyun.cn/xfyundoc/2025-06-12/4049a05f-6ffe-483f-b6ac-0805a9dae941/1749692306189/%E7%BB%84%2034%401x.png") no-repeat;
      background-size: contain; }

.all_bg {
  background: url("https://openres.xfyun.cn/xfyundoc/2025-06-12/dec4557c-3edd-409b-813e-bfd2353c5ecd/1749692306188/618bg2.png") no-repeat;
  background-size: cover; }

@media only screen and (max-width: 576px) {
  .main-content.discount-page {
    min-width: 0; }
    .main-content.discount-page .hs-banner {
      margin-top: 50px; } }

.award {
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  position: relative;
  padding-top: 58px;
  margin-bottom: 40px;
  width: 100%; }
  .award .award-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .award .award-title .award-title-title {
      height: 35px;
      width: 272px;
      font-size: 28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #1a1d3c;
      line-height: 35px;
      letter-spacing: 1.4px;
      background: url(/static/img/activities/app-select/bg-award-title.png);
      background-size: 272px 35px;
      background-repeat: no-repeat;
      background-position: center; }
    .award .award-title .award-title-desc {
      width: 946px;
      font-size: 16px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: center;
      color: #666666;
      line-height: 27.5px;
      letter-spacing: 0.8px;
      margin-top: 20px; }
  .award .award-cards {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 30px; }
    .award .award-cards .award-card {
      height: 190px; }
      .award .award-cards .award-card.type0 {
        background: url(/static/img/activities/app-select/bg-award0.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type1 {
        background: url(/static/img/activities/app-select/bg-award1.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type2 {
        background: url(/static/img/activities/app-select/bg-award2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type3 {
        background: url(/static/img/activities/app-select/bg-award3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type4 {
        background: url(/static/img/activities/app-select/bg-award4.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type5 {
        background: url(/static/img/activities/app-select/bg-award5.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card.type6 {
        background: url(/static/img/activities/app-select/bg-award6.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .award .award-cards .award-card .award-card-title {
        font-size: 20px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        text-align: left;
        color: #1a1d3c;
        line-height: 27.5px;
        letter-spacing: 1px;
        padding-top: 40px;
        padding-left: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .award .award-cards .award-card .award-card-title .award-card-title-icon {
          width: 40px;
          height: 40px;
          content: '';
          margin-right: 10px; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type0 {
            background: url(/static/img/activities/app-select/award-icon0.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type1 {
            background: url(/static/img/activities/app-select/award-icon1.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type2 {
            width: 50px;
            height: 50px;
            background: url(/static/img/activities/app-select/award-icon2.png);
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 0; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type3 {
            background: url(/static/img/activities/app-select/award-icon3.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type4 {
            background: url(/static/img/activities/app-select/award-icon4.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .award .award-cards .award-card .award-card-title .award-card-title-icon.type5 {
            background: url(/static/img/activities/app-select/award-icon5.png);
            background-size: contain;
            background-repeat: no-repeat; }
      .award .award-cards .award-card .award-card-desc {
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Light;
        font-weight: 300;
        text-align: justifyLeft;
        color: #666666;
        line-height: 22px;
        padding-top: 22px;
        padding-left: 40px;
        padding-right: 40px; }

.signup {
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  height: 450px; }
  .signup .signup-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .signup .signup-title .signup-title-title {
      height: 35px;
      width: 272px;
      font-size: 28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #1a1d3c;
      line-height: 35px;
      letter-spacing: 1.4px;
      background: url(/static/img/activities/app-select/bg-award-title.png);
      background-size: 272px 35px;
      background-repeat: no-repeat;
      background-position: center; }
    .signup .signup-title .signup-title-desc {
      width: 946px;
      font-size: 16px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: center;
      color: #666666;
      line-height: 27.5px;
      letter-spacing: 0.8px;
      margin-top: 28px; }
  .signup .signup-cards {
    width: 1040px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 80px;
    margin-top: 30px;
    background: url(/static/img/activities/app-select/bg-signup.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding-left: 80px;
    padding-right: 80px; }
    .signup .signup-cards .signup-card {
      height: 240px; }
      .signup .signup-cards .signup-card .signup-card-title {
        font-size: 20px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        text-align: left;
        color: #1a1d3c;
        line-height: 27.5px;
        letter-spacing: 1px;
        padding-top: 54px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon {
          width: 36px;
          height: 39px;
          content: '';
          margin-right: 10px; }
          .signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type0 {
            background: url(/static/img/activities/app-select/signup-icon0.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type1 {
            background: url(/static/img/activities/app-select/signup-icon1.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type2 {
            background: url(/static/img/activities/app-select/signup-icon2.png);
            background-size: contain;
            background-repeat: no-repeat; }
      .signup .signup-cards .signup-card .signup-card-desc {
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Light;
        font-weight: 300;
        text-align: justifyLeft;
        color: #666666;
        line-height: 22px;
        padding-top: 22px; }

.form {
  padding-top: 0px;
  margin: 0px;
  min-width: 1200px;
  position: relative;
  padding-bottom: 86px;
  width: 100%; }
  .form .ant-form-item-label {
    font-family: Microsoft YaHei, Microsoft YaHei-Regular; }
  .form .ant-input-group .ant-input-group-addon {
    background-color: rgba(255, 255, 255, 0.62); }
  .form .ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
  .form .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important; }
  .form .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: #FFCAAE !important; }
  .form .ant-checkbox-checked:after {
    border-color: #FFCAAE !important; }
  .form .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important; }
  .form .form-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .form .form-title .form-title-title {
      height: 35px;
      width: 272px;
      font-size: 28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #1a1d3c;
      line-height: 35px;
      letter-spacing: 1.4px;
      background: url(/static/img/activities/app-select/bg-form-title.png);
      background-size: 272px 35px;
      background-repeat: no-repeat;
      background-position: center; }
  .form .form-card {
    width: 560px;
    margin: 0 auto;
    margin-top: 30px; }
    .form .form-card .form-promise {
      font-size: 12px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: justifyLeft;
      color: #333333;
      line-height: 20px; }
      .form .form-card .form-promise .ant-checkbox .ant-checkbox-inner:after {
        border-color: #1A1D3C; }
    .form .form-card .form-btn button {
      width: 100%;
      font-size: 16px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: justifyLeft;
      color: #ffffff; }
    .form .form-card .form-btn .ant-btn-primary:disabled {
      background-color: #729CE4;
      border-color: #729CE4;
      color: #fff; }
    .form .form-card .form-btn .ant-btn-primary:not(:disabled):hover,
    .form .form-card .form-btn .ant-btn-primary:not(:disabled):active,
    .form .form-card .form-btn .ant-btn-primary {
      background-color: #ffd07f;
      color: #1A1D3C; }
    .form .form-card .form-btn .ant-btn {
      height: 36px; }
    .form .form-card .form-error {
      width: 100%;
      text-align: center;
      font-size: 12px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      color: #ff6671;
      margin-top: 8px; }
    .form .form-card .form-intro .ant-form-item-explain-error {
      margin-top: -20px; }
    .form .form-card a, .form .form-card a:active, .form .form-card a:hover {
      color: #0d5af4 !important; }
    .form .form-card .form-upload {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      margin-top: -6px; }
      .form .form-card .form-upload .ant-btn-primary:not(:disabled):hover,
      .form .form-card .form-upload .ant-btn-primary:not(:disabled):active,
      .form .form-card .form-upload .ant-btn-primary {
        width: 109px;
        height: 36px;
        background: linear-gradient(178deg, #ffe2cf 0%, #ffb8b8 100%);
        border-radius: 10px;
        box-shadow: 0px 0px 16px 0px rgba(55, 129, 247, 0.3);
        color: #1A1D3C;
        font-size: 14px; }
      .form .form-card .form-upload .form-upload-text {
        margin-left: 14px;
        font-size: 12px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #333333;
        line-height: 28px;
        letter-spacing: 0.6px; }

.appSelect-page {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #fff; }
  .appSelect-page .header {
    min-width: 1200px; }
    .appSelect-page .header .main-header {
      background: transparent;
      position: absolute;
      left: 0;
      top: 40px;
      right: 0;
      z-index: 90;
      border-bottom: 1px solid #fff; }
  .appSelect-page .appSelect-wrapper {
    position: relative;
    min-width: 1200px; }
    .appSelect-page .appSelect-wrapper .appSelect-banner {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 480px;
      min-width: 1200px;
      position: relative; }
    .appSelect-page .appSelect-wrapper .appSelect-content {
      background: url(/static/img/activities/app-select/bg-content.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-top: 1px solid #fff; }

.form-mobile {
  position: relative;
  width: 100%;
  padding-bottom: 20px; }
  .form-mobile .ant-form-item-label {
    font-family: Microsoft YaHei, Microsoft YaHei-Regular; }
  .form-mobile .ant-input-group .ant-input-group-addon {
    background-color: rgba(255, 255, 255, 0.62); }
  .form-mobile .ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
  .form-mobile .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important; }
  .form-mobile .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: #FFCAAE !important; }
  .form-mobile .ant-checkbox-checked:after {
    border-color: #FFCAAE !important; }
  .form-mobile .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important; }
  .form-mobile .form-card {
    margin: 0 20px; }
    .form-mobile .form-card .ant-form-item .ant-form-item-extra {
      font-size: 12px; }
    .form-mobile .form-card .ant-form-item {
      margin-bottom: 16px; }
    .form-mobile .form-card .form-promise {
      font-size: 12px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: justifyLeft;
      color: #333333;
      line-height: 20px; }
      .form-mobile .form-card .form-promise .ant-checkbox .ant-checkbox-inner:after {
        border-color: #1A1D3C; }
    .form-mobile .form-card .form-btn button {
      width: 100%;
      font-size: 16px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: justifyLeft;
      color: #ffffff; }
    .form-mobile .form-card .form-btn .ant-btn-primary:disabled {
      background-color: #729CE4;
      border-color: #729CE4;
      color: #fff; }
    .form-mobile .form-card .form-btn .ant-btn-primary:not(:disabled):hover,
    .form-mobile .form-card .form-btn .ant-btn-primary:not(:disabled):active,
    .form-mobile .form-card .form-btn .ant-btn-primary {
      background-color: #ffd07f;
      color: #1A1D3C; }
    .form-mobile .form-card .form-btn .ant-btn {
      height: 36px; }
    .form-mobile .form-card .form-error {
      width: 100%;
      text-align: center;
      font-size: 12px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      color: #ff6671;
      margin-top: 8px; }
    .form-mobile .form-card .form-intro {
      margin-bottom: 0; }
      .form-mobile .form-card .form-intro .ant-form-item-explain-error {
        margin-top: -20px; }
      .form-mobile .form-card .form-intro .ant-form-item {
        margin-bottom: 0px; }
    .form-mobile .form-card a, .form-mobile .form-card a:active, .form-mobile .form-card a:hover {
      color: #0d5af4 !important; }
    .form-mobile .form-card .form-upload {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      margin-top: -6px; }
      .form-mobile .form-card .form-upload .ant-btn-primary:not(:disabled):hover,
      .form-mobile .form-card .form-upload .ant-btn-primary:not(:disabled):active,
      .form-mobile .form-card .form-upload .ant-btn-primary {
        width: 109px;
        height: 36px;
        background: linear-gradient(178deg, #ffe2cf 0%, #ffb8b8 100%);
        border-radius: 10px;
        box-shadow: 0px 0px 16px 0px rgba(55, 129, 247, 0.3);
        color: #1A1D3C;
        font-size: 14px; }
      .form-mobile .form-card .form-upload .form-upload-text {
        margin-left: 6px;
        font-size: 12px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.6px; }

.appSelect-page-mobile {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  padding-top: 9.7rem; }
  .appSelect-page-mobile.bg {
    background: url(/static/img/activities/app-select-mobile/bg.png);
    background-repeat: no-repeat;
    background-position: 0 1.4rem;
    background-size: 100% auto;
    background-color: #51a6ff;
    min-height: 100vh;
    width: 100%; }
  .appSelect-page-mobile .topdesc {
    background: url(/static/img/activities/app-select-mobile/bg-top-desc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.2rem;
    min-height: 7.6rem;
    margin: 0 auto;
    font-size: 0.52rem;
    color: #FF5740;
    font-weight: 600;
    padding: 0.8rem;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .appSelect-page-mobile .topdesc .first {
      background: linear-gradient(165deg, #ff831a, #FF5740 70%, #FF5740);
      -webkit-background-clip: text;
      color: transparent;
      text-indent: 2em; }
    .appSelect-page-mobile .topdesc .second {
      padding-top: 0.33rem;
      background: linear-gradient(345deg, #ff831a, #FF5740 50%, #FF5740);
      -webkit-background-clip: text;
      color: transparent;
      text-indent: 2em; }
  .appSelect-page-mobile .award-setting-title {
    margin: 0.6rem auto 0.2rem;
    background: url(/static/img/activities/app-select-mobile/bg-award-setting-title.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 7.5rem;
    height: 1rem;
    font-family: HYYakuHei, HYYakuHei-85W;
    text-align: center;
    color: #4D4D4D;
    font-size: 0.75rem;
    font-weight: 700; }
  .appSelect-page-mobile .signup-rights,
  .appSelect-page-mobile .award-setting0,
  .appSelect-page-mobile .award-setting1 {
    margin: 0 auto;
    background: url(/static/img/activities/app-select-mobile/bg-award-setting0.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.17rem;
    min-height: 3.33rem;
    color: #4d4d4d;
    text-align: center;
    box-sizing: border-box;
    padding: 0.52rem 0.6rem; }
    .appSelect-page-mobile .signup-rights .title,
    .appSelect-page-mobile .award-setting0 .title,
    .appSelect-page-mobile .award-setting1 .title {
      font-weight: 600;
      font-size: 0.58rem;
      background: linear-gradient(155deg, #ff831a 20%, #FF5740 40%, #FF5740 70%, #ff831a 70%);
      -webkit-background-clip: text;
      color: transparent; }
    .appSelect-page-mobile .signup-rights .desc,
    .appSelect-page-mobile .award-setting0 .desc,
    .appSelect-page-mobile .award-setting1 .desc {
      font-size: 0.5rem;
      margin-top: 0.1rem;
      font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
      font-weight: 400;
      text-align: center;
      color: #7e7e7e; }
  .appSelect-page-mobile .award-setting1 {
    background: url(/static/img/activities/app-select-mobile/bg-award-setting1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .appSelect-page-mobile .award-rights {
    display: grid;
    grid-template-columns: repeat(2, 7rem);
    grid-row-gap: 0.42rem;
    margin: 0 0.84rem; }
    .appSelect-page-mobile .award-rights .award-rights-card {
      width: 7rem;
      min-height: 4.17rem;
      background: url(/static/img/activities/app-select-mobile/bg-award-rights0.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      box-sizing: border-box;
      padding: 0.5rem 0.5rem 0.5rem 0.6rem; }
      .appSelect-page-mobile .award-rights .award-rights-card.type0 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights0.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card.type1 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card.type2 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card.type3 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights3.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card.type4 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights4.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card.type5 {
        background: url(/static/img/activities/app-select-mobile/bg-award-rights5.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; }
      .appSelect-page-mobile .award-rights .award-rights-card .title {
        font-size: 0.58rem;
        font-weight: 600;
        background: linear-gradient(90deg, #FF5740, #ff831a 70%);
        -webkit-background-clip: text;
        color: transparent; }
      .appSelect-page-mobile .award-rights .award-rights-card .subtitle {
        font-size: 0.26rem;
        font-weight: 500;
        background: linear-gradient(90deg, #ff831a, #FF5740);
        -webkit-background-clip: text;
        color: transparent; }
      .appSelect-page-mobile .award-rights .award-rights-card .desc {
        font-size: 0.5rem;
        font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
        font-weight: 400;
        color: #7e7e7e;
        padding-top: 0.1rem; }
  .appSelect-page-mobile .rule-desc {
    background: url(/static/img/activities/app-select-mobile/bg-rule.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.17rem;
    min-height: 5.47rem;
    margin: 0 auto;
    font-size: 0.58rem;
    color: #FF5740;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0.55rem 0.5rem 0.5rem 0.65rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .appSelect-page-mobile .rule-desc .rule-desc-text {
      font-size: 0.5rem;
      background: linear-gradient(165deg, #ff831a, #FF5740 60%, #ff831a 80%);
      -webkit-background-clip: text;
      color: transparent; }
  .appSelect-page-mobile .signup-rights-title-desc {
    font-size: 0.5rem;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    text-align: center;
    color: #999999; }
  .appSelect-page-mobile .signup-rights {
    text-align: center; }
    .appSelect-page-mobile .signup-rights.type0 {
      background: url(/static/img/activities/app-select-mobile/bg-signup-rights0.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%; }
    .appSelect-page-mobile .signup-rights.type1 {
      background: url(/static/img/activities/app-select-mobile/bg-signup-rights1.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%; }
    .appSelect-page-mobile .signup-rights.type2 {
      background: url(/static/img/activities/app-select-mobile/bg-signup-rights2.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%; }

.appSelect-page {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  background-color: #fff; }
  .appSelect-page .header .main-header {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid #fff; }
  .appSelect-page .appSelect-wrapper {
    position: relative; }
    .appSelect-page .appSelect-wrapper .appSelect-banner {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 480px;
      min-width: 1200px;
      position: relative; }
    .appSelect-page .appSelect-wrapper .appSelect-content {
      background: url(/static/img/activities/app-select/bg-content.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-top: 1px solid #fff; }
  .appSelect-page .footer-small {
    width: 1200px; }

.appSelectAwards-content {
  padding-top: 80px; }
  .appSelectAwards-content .topdesc {
    width: 900px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #1a1d3c;
    line-height: 32px;
    margin: 0 auto 80px;
    text-indent: 2em; }
  .appSelectAwards-content .title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .appSelectAwards-content .title .title-title {
      height: 35px;
      width: 540px;
      font-size: 28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Bold;
      font-weight: 700;
      text-align: center;
      color: #1a1d3c;
      line-height: 35px;
      letter-spacing: 1.4px;
      background: url(/static/img/activities/app-select-awards/bg-title.png);
      background-size: auto 35px;
      background-repeat: no-repeat;
      background-position: center; }
      .appSelectAwards-content .title .title-title.innovate {
        background: url(/static/img/activities/app-select-awards/bg-title-innovate.png);
        background-size: auto 35px;
        background-repeat: no-repeat;
        background-position: center; }
    .appSelectAwards-content .title .title-desc {
      margin-top: 26px;
      font-size: 14px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: center;
      color: #666666;
      line-height: 28px;
      letter-spacing: 0.7px; }
    .appSelectAwards-content .title.rights .title-title {
      height: 35px;
      width: 288px;
      background: url(/static/img/activities/app-select-awards/bg-title-rights.png);
      background-size: auto 35px;
      background-repeat: no-repeat;
      background-position: center; }
    .appSelectAwards-content .title.rights .title-desc {
      font-size: 16px; }
  .appSelectAwards-content .innovate-card,
  .appSelectAwards-content .business-card {
    width: 1228px;
    height: 333px;
    margin: 30px auto 74px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px 80px;
    background: url(/static/img/activities/app-select-awards/bg-business.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 54px 84px; }
    .appSelectAwards-content .innovate-card .card,
    .appSelectAwards-content .business-card .card {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .appSelectAwards-content .innovate-card .card .card-space,
      .appSelectAwards-content .business-card .card .card-space {
        content: '';
        -ms-flex: 0 0  0.5px;
            flex: 0 0  0.5px;
        height: 14px;
        background: #999999;
        margin: 0 20px; }
      .appSelectAwards-content .innovate-card .card .card-title,
      .appSelectAwards-content .business-card .card .card-title {
        font-size: 18px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        text-align: justifyLeft;
        color: #1a1d3c;
        line-height: 32px; }
      .appSelectAwards-content .innovate-card .card .card-desc,
      .appSelectAwards-content .business-card .card .card-desc {
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: justifyLeft;
        color: #666666;
        line-height: 32px; }
  .appSelectAwards-content .innovate-card {
    background: url(/static/img/activities/app-select-awards/bg-innovate.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .appSelectAwards-content .rights-cards {
    width: 1228px;
    margin: 30px auto 0;
    padding-bottom: 160px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px; }
    .appSelectAwards-content .rights-cards .rights-card {
      height: 218px; }
      .appSelectAwards-content .rights-cards .rights-card .rights-card-title {
        font-size: 20px;
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: 700;
        text-align: left;
        color: #1a1d3c;
        line-height: 27.5px;
        letter-spacing: 1px;
        padding-top: 40px;
        padding-left: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      .appSelectAwards-content .rights-cards .rights-card .rights-card-desc {
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Light;
        font-weight: 300;
        text-align: justifyLeft;
        color: #666666;
        line-height: 22px;
        padding-top: 22px;
        padding-left: 40px;
        padding-right: 40px; }

.appSelectAwards-mobile {
  position: relative;
  width: 100%;
  margin-top: 50px;
  background: url(/static/img/activities/app-select-awards/bg-mobile.png) #3680ff;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  min-height: 100vh;
  width: 100%;
  padding-top: 46vw;
  padding-bottom: 4vw; }
  .appSelectAwards-mobile .topdesc {
    background: url(/static/img/activities/app-select-awards/bg-top-desc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 90vw;
    min-height: 56.4vw;
    margin: 0 auto;
    font-size: 3.2vw;
    font-weight: 600;
    padding: 4vw 6vw;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: FZLanTingHeiS-DB-GB, FZLanTingHeiS-DB-GB-Regular;
    line-height: 5vw; }
    .appSelectAwards-mobile .topdesc .text {
      background: linear-gradient(190deg, #ff5740 10%, #ff831a 16%, #ff5740 50%, #ff5740 80%);
      -webkit-background-clip: text;
      color: transparent; }
    .appSelectAwards-mobile .topdesc .first {
      background: linear-gradient(164deg, #ff831a, #ff5740 70%, #ff5740);
      -webkit-background-clip: text;
      color: transparent;
      text-indent: 2em; }
    .appSelectAwards-mobile .topdesc .second {
      padding-top: 0.36vw;
      background: linear-gradient(345deg, #ff831a, #ff5740 50%, #ff5740);
      -webkit-background-clip: text;
      color: transparent;
      text-indent: 2em; }
  .appSelectAwards-mobile .title-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 4.6vw; }
    .appSelectAwards-mobile .title-mobile .title-title {
      background-image: url(/static/img/activities/app-select-awards/bg-title-business-mobile.png);
      background-size: auto 5.4vw;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 10vw;
      font-size: 4.6vw;
      font-family: HYYakuHei, HYYakuHei-85W;
      font-weight: bold;
      text-align: center;
      color: #4d4d4d;
      line-height: 10vw;
      position: relative; }
      .appSelectAwards-mobile .title-mobile .title-title.innovate {
        background-image: url(/static/img/activities/app-select-awards/bg-title-innovate-mobile.png); }
      .appSelectAwards-mobile .title-mobile .title-title.rights {
        background-image: url(/static/img/activities/app-select-awards/bg-title-rights-mobile.png); }
    .appSelectAwards-mobile .title-mobile .title-desc {
      font-size: 2.8vw;
      font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
      font-weight: 400;
      color: #7e7e7e;
      margin-top: -2vw;
      margin-bottom: 3vw; }
  .appSelectAwards-mobile .innovate-card,
  .appSelectAwards-mobile .business-card {
    width: 96vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    overflow: hidden;
    box-sizing: border-box; }
    .appSelectAwards-mobile .innovate-card .card,
    .appSelectAwards-mobile .business-card .card {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 12.8vw;
      padding: 0 6vw; }
      .appSelectAwards-mobile .innovate-card .card .card-space,
      .appSelectAwards-mobile .business-card .card .card-space {
        content: '';
        -ms-flex: 0 0 0.5px;
            flex: 0 0 0.5px;
        height: 3.4vw;
        background: #999999;
        margin: 0 2vw; }
      .appSelectAwards-mobile .innovate-card .card .card-title,
      .appSelectAwards-mobile .business-card .card .card-title {
        font-size: 4vw;
        font-family: FZLanTingHeiS-B-GB, FZLanTingHeiS-B-GB-Regular;
        font-weight: 700;
        text-align: center;
        background: linear-gradient(155deg, #ff831a 10%, #ff5740 30%, #ff5740 70%, #ff831a 80%);
        -webkit-background-clip: text;
        color: transparent; }
      .appSelectAwards-mobile .innovate-card .card .card-desc,
      .appSelectAwards-mobile .business-card .card .card-desc {
        font-size: 3vw;
        font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
        font-weight: 500;
        text-align: left;
        color: #7e7e7e; }
  .appSelectAwards-mobile .rights-cards {
    width: 96vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    .appSelectAwards-mobile .rights-cards .rights-card {
      padding: 5vw 4vw 4vw 5vw;
      box-sizing: border-box; }
      .appSelectAwards-mobile .rights-cards .rights-card .rights-card-title {
        font-size: 3.4vw;
        font-family: FZLanTingHeiS-DB-GB, FZLanTingHeiS-DB-GB-Regular;
        font-weight: 700;
        text-align: left;
        background: linear-gradient(155deg, #ff5740 10%, #ff831a 70%);
        -webkit-background-clip: text;
        color: transparent; }
      .appSelectAwards-mobile .rights-cards .rights-card .rights-card-desc {
        font-size: 2.8vw;
        font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
        font-weight: 400;
        text-align: left;
        color: #7e7e7e;
        line-height: 5vw; }

.appSelectAwards-page {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  background-color: #fff; }
  .appSelectAwards-page .header .main-header {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid #fff; }
  .appSelectAwards-page .appSelectAwards-wrapper {
    position: relative; }
    .appSelectAwards-page .appSelectAwards-wrapper .appSelectAwards-banner {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 480px;
      min-width: 1200px;
      position: relative;
      background: url(/static/img/activities/app-select-awards/bg-banner.png) no-repeat center; }
    .appSelectAwards-page .appSelectAwards-wrapper .appSelectAwards-content {
      background: url(/static/img/activities/app-select-awards/bg-content.png) no-repeat center/cover;
      box-sizing: border-box; }

.botIm {
  width: 100%;
  max-height: 100vh; }
  .botIm .botImModal {
    display: block;
    height: 90%;
    width: 70%;
    max-height: 720px;
    max-width: 640px;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, 0.25);
    border: none;
    position: absolute;
    inset: 0px;
    margin: auto;
    overflow: hidden;
    z-index: 10; }
  .botIm .botImModalMobile {
    height: 100%;
    width: 100%; }

@charset "UTF-8";
.live-room-1024 {
  width: 100%;
  box-sizing: border-box;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100vh;
  padding-bottom: 40px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-10-23/741b6ed7-7d40-4829-9308-bc5091eff01c/1761206042507/zzz1.png") center center/cover; }
  .live-room-1024 .live-room-title {
    width: 1200px;
    margin: 80px auto 24px;
    font-size: 28px;
    color: #14337e;
    text-align: left;
    height: 38px;
    background: url(/static/img/live_title.svg) no-repeat; }
  .live-room-1024 .live-room-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 1200px;
    height: 495px;
    margin: 0 auto; }
    .live-room-1024 .live-room-content div {
      box-sizing: border-box; }
  .live-room-1024 .left-side {
    position: relative;
    width: 880px;
    height: 100%;
    background: rgba(255, 252, 252, 0.45);
    border-radius: 12px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05); }
    .live-room-1024 .left-side .no_live {
      background: none;
      margin-top: -20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      .live-room-1024 .left-side .no_live.to_detail {
        cursor: pointer;
        z-index: 999; }
      .live-room-1024 .left-side .no_live > img {
        width: 180px;
        height: auto; }
      .live-room-1024 .left-side .no_live > div {
        padding: 4px 8px;
        border-radius: 4px;
        color: #252525;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 10px auto 0; }
  .live-room-1024 .right-side {
    width: 300px;
    height: 100%;
    margin-left: 8px;
    -ms-flex: 1;
        flex: 1;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: PingFang SC, PingFang SC-Medium; }
    .live-room-1024 .right-side .cal_wrap {
      border: 1px solid #ffffff;
      border-radius: 12px;
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
      background: linear-gradient(360deg, #e7eeff, #dae7ff 50%, #daedff);
      overflow: hidden;
      padding-bottom: 5px; }
    .live-room-1024 .right-side .right-side-title {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 28px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 6px;
      color: #0d2455;
      font-size: 13px;
      text-align: left;
      -ms-flex-pack: justify;
          justify-content: space-between;
      background: rgba(255, 255, 255, 0.8);
      padding: 10px 13px; }
      .live-room-1024 .right-side .right-side-title .right-side-title-left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        font-size: 14px;
        font-weight: bold;
        color: #1975ff; }
        .live-room-1024 .right-side .right-side-title .right-side-title-left .month-arrow {
          width: 16px;
          height: 16px;
          cursor: pointer;
          color: #838d98;
          transition: color 0.2s ease; }
          .live-room-1024 .right-side .right-side-title .right-side-title-left .month-arrow:hover:not(.month-arrow-disabled) {
            color: #1975ff; }
          .live-room-1024 .right-side .right-side-title .right-side-title-left .month-arrow-disabled {
            cursor: default;
            color: #c0c4cc;
            opacity: 0.5; }
            .live-room-1024 .right-side .right-side-title .right-side-title-left .month-arrow-disabled:hover {
              color: #c0c4cc; }
        .live-room-1024 .right-side .right-side-title .right-side-title-left .month-text {
          width: 40px;
          text-align: center; }
        .live-room-1024 .right-side .right-side-title .right-side-title-left > img {
          width: 14px;
          height: auto; }
      .live-room-1024 .right-side .right-side-title .right-side-title-right {
        cursor: pointer;
        background: linear-gradient(270deg, #6894ff 65%, #e486ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text; }
        .live-room-1024 .right-side .right-side-title .right-side-title-right .right-content {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .live-room-1024 .right-side .right-side-title .right-side-title-right .right-content-img {
            width: 12px;
            height: 12px;
            background: url(/static/img/date_live.svg) no-repeat;
            margin-right: 5px; }
          .live-room-1024 .right-side .right-side-title .right-side-title-right .right-content-word {
            color: #98a7ce;
            font-size: 12px; }
    .live-room-1024 .right-side .program-date-pick {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 8px 13px; }
      .live-room-1024 .right-side .program-date-pick .calendar-weekdays {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 1px; }
        .live-room-1024 .right-side .program-date-pick .calendar-weekdays .weekday {
          height: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          font-size: 12px;
          color: #333333;
          font-weight: 500; }
      .live-room-1024 .right-side .program-date-pick .calendar-dates {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 1px; }
        .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item {
          width: 100%;
          height: 24px;
          border: 1px solid transparent;
          cursor: pointer;
          margin-top: 6px;
          border-radius: 4px;
          font-size: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          color: #080808;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          position: relative; }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item:hover:not(.calendar-date-item-empty) {
            background: rgba(255, 255, 255, 0.4); }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item-active {
            color: #fff;
            background: #1975ff !important;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 6px auto 0; }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item-empty {
            cursor: default;
            opacity: 0.3; }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item-gray {
            cursor: default;
            color: #000;
            color: #8394c1;
            font-size: 12px;
            font-weight: normal; }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item-end {
            color: #2751F5;
            font-weight: Medium;
            font-family: '\82F9\65B9-\7B80   \4E2D\9ED1\4F53'; }
          .live-room-1024 .right-side .program-date-pick .calendar-dates .calendar-date-item-end.calendar-date-item-active {
            color: #fff; }
      .live-room-1024 .right-side .program-date-pick .select_btn {
        position: absolute;
        right: -10px;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .live-room-1024 .right-side .program-date-pick .select_btn:hover {
          background: rgba(0, 0, 0, 0.1); }
    .live-room-1024 .right-side .data-nav-arrow {
      width: 10px;
      color: #838D98;
      cursor: pointer; }
      .live-room-1024 .right-side .data-nav-arrow-left {
        margin-right: 2px; }
      .live-room-1024 .right-side .data-nav-arrow:hover {
        opacity: 0.8; }
    .live-room-1024 .right-side .data-pick-content {
      margin: 16px 8px 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      position: relative;
      -ms-flex-direction: row;
          flex-direction: row; }
    .live-room-1024 .right-side .program-list {
      position: relative;
      -ms-flex: 1;
          flex: 1;
      overflow: auto;
      margin-top: 10px;
      padding: 8px;
      background: linear-gradient(360deg, #e7eeff, #dae7ff 50%, #daedff);
      border: 1px solid #ffffff;
      border-radius: 12px;
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px); }
      .live-room-1024 .right-side .program-list::-webkit-scrollbar {
        width: 0px; }
      .live-room-1024 .right-side .program-list .program-list-empty {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        color: #99a4b4;
        font-size: 14px;
        line-height: 14px; }
      .live-room-1024 .right-side .program-list .program-item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        height: 78px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 6px;
        padding: 10px;
        margin-bottom: 8px; }
        .live-room-1024 .right-side .program-list .program-item-active {
          background: rgba(255, 255, 255, 0.8); }
        .live-room-1024 .right-side .program-list .program-item:hover {
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
        .live-room-1024 .right-side .program-list .program-item .program-left {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .live-room-1024 .right-side .program-list .program-item .program-left .program-title {
            width: 165px;
            height: 40px;
            color: #252525;
            font-size: 14px;
            line-height: 20px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis; }
          .live-room-1024 .right-side .program-list .program-item .program-left .program-time {
            margin-top: 5px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            height: 14px;
            font-size: 12px;
            font-family: FZLanTingHeiS, FZLanTingHeiS-Regular;
            font-weight: 400;
            text-align: left;
            color: #838d98;
            line-height: 14px; }
        .live-room-1024 .right-side .program-list .program-item .playback-status {
          width: 60px;
          height: 21px;
          border-radius: 12px;
          font-weight: normal;
          text-align: left;
          padding-left: 25px;
          color: #4e8cf5;
          font-size: 12px;
          background: url(https://openres.xfyun.cn/xfyundoc/2025-10-25/7420f780-334d-49e5-93cb-904a97c6418b/1761391698819/icon-playback.svg) no-repeat 10px center;
          background-size: auto 60%;
          background-color: #fff;
          line-height: 21px;
          cursor: pointer; }
        .live-room-1024 .right-side .program-list .program-item .live-status-live {
          width: 72px;
          height: 24px;
          background: linear-gradient(270deg, #6393ff, #d1a6ff);
          border-radius: 12px;
          color: #fff;
          font-size: 12px;
          padding-left: 8px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          line-height: 24px; }
          .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon {
            width: 10px;
            height: 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            gap: 2px;
            margin-right: 6px; }
            .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon div {
              width: 2px;
              background: #fff;
              border-radius: 1px;
              animation: liveWave 1.2s ease-in-out infinite; }
              .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon div:nth-child(1) {
                height: 6px;
                animation-delay: 0s; }
              .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon div:nth-child(2) {
                height: 8px;
                animation-delay: 0.1s; }
              .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon div:nth-child(3) {
                height: 10px;
                animation-delay: 0.2s; }
              .live-room-1024 .right-side .program-list .program-item .live-status-live .live-status-live-icon div:nth-child(4) {
                height: 8px;
                animation-delay: 0.3s; }

@keyframes liveWave {
  0%,
  100% {
    transform: scaleY(0.4);
    opacity: 0.6; }
  50% {
    transform: scaleY(1);
    opacity: 1; } }
        .live-room-1024 .right-side .program-list .program-item .live-status-not-start,
        .live-room-1024 .right-side .program-list .program-item .live-status-end {
          font-size: 12px;
          color: #99a4b4; }

.date-pick-popover-content-overlay .ant-popover-inner {
  background: transparent; }

.date-pick-popover-content-overlay .ant-popover-arrow {
  display: none; }

.date-pick-popover-content-overlay .ant-popover-inner {
  padding: 0; }

.date-pick-popover-content {
  box-sizing: border-box;
  width: 116px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #ffffff;
  border-radius: 6px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 10px 0 10px 0;
  font-size: 12px; }
  .date-pick-popover-content .date-pick-popover-content-item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 6px;
    padding-left: 18px;
    cursor: pointer; }
    .date-pick-popover-content .date-pick-popover-content-item .date-check {
      position: absolute;
      right: 16px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      display: none; }
    .date-pick-popover-content .date-pick-popover-content-item:hover {
      background: rgba(0, 0, 0, 0.05); }
    .date-pick-popover-content .date-pick-popover-content-item-active {
      color: #1975ff; }
      .date-pick-popover-content .date-pick-popover-content-item-active .date-check {
        display: block; }

.caexpo-page {
  font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 10px;
  color: #333;
  box-sizing: border-box;
  min-height: 100vh; }
  .caexpo-page .container {
    max-width: 600px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    width: 100%; }
  .caexpo-page h1 {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 24px; }
  .caexpo-page .form-area-title {
    font-weight: bold;
    margin: 20px 0 15px;
    color: #3498db;
    border-left: 4px solid #3498db;
    padding-left: 10px; }
  .caexpo-page .form-group {
    margin-bottom: 18px; }
  .caexpo-page .required {
    color: #e74c3c;
    margin-right: 4px; }
  .caexpo-page label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px; }
  .caexpo-page input[type="text"],
  .caexpo-page input[type="tel"],
  .caexpo-page input[type="email"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    box-sizing: border-box; }
  .caexpo-page .radio-group,
  .caexpo-page .checkbox-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px; }
  .caexpo-page .option-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 15px; }
    .caexpo-page .option-item label {
      line-height: 1;
      margin-bottom: 0; }
  .caexpo-page input[type="radio"],
  .caexpo-page input[type="checkbox"] {
    margin-right: 6px; }
  .caexpo-page .submit-btn {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 14px;
    width: 100%;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s; }
    .caexpo-page .submit-btn:hover {
      background-color: #2980b9; }
    .caexpo-page .submit-btn:disabled {
      background-color: #bdc3c7;
      cursor: not-allowed; }
  .caexpo-page .note {
    font-size: 13px;
    color: #7f8c8d;
    text-align: center;
    margin-top: 15px; }
  @media (max-width: 768px) {
    .caexpo-page {
      padding-bottom: 15px; }
      .caexpo-page .container {
        padding: 15px;
        border-radius: 8px; }
      .caexpo-page .radio-group,
      .caexpo-page .checkbox-group {
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 8px; }
      .caexpo-page .option-item {
        margin-right: 0;
        margin-bottom: 5px; } }

.marketing-page {
  width: 1200px;
  margin: 0 auto; }
  .marketing-page .online-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .marketing-page .online-wrapper .online-item {
      margin-bottom: 30px;
      width: 378px;
      height: 230px;
      background: #ffffff;
      box-shadow: 0px 2px 10px 0px rgba(207, 214, 240, 0.5);
      position: relative; }
      .marketing-page .online-wrapper .online-item .online-title {
        font-size: 26px;
        font-weight: bold;
        color: #2b2b2b;
        margin-left: 60px;
        margin-top: 38px;
        cursor: pointer; }
        .marketing-page .online-wrapper .online-item .online-title:hover {
          color: #3688ff; }
      .marketing-page .online-wrapper .online-item .online-desc {
        width: 265px;
        font-size: 14px;
        color: #9e9e9e;
        margin-left: 60px;
        margin-top: 20px; }
      .marketing-page .online-wrapper .online-item .online-buttom {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px;
        background-image: linear-gradient(to right top, #2164ed, #429af6);
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        letter-spacing: 10px;
        cursor: pointer; }
        .marketing-page .online-wrapper .online-item .online-buttom:hover {
          background-image: none;
          background-image: linear-gradient(to right top, #2a70ff, #4ea5ff); }
      .marketing-page .online-wrapper .online-item .online-bgimage {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 200px;
        width: 200px;
        height: 200px;
        top: 10px;
        right: 0px; }
      .marketing-page .online-wrapper .online-item .online-discount {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 108px;
        height: 61px;
        line-height: 56px;
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png");
        background-size: 108px 61px;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        letter-spacing: 3px;
        z-index: 2; }
  .marketing-page .one-discount-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .marketing-page .one-discount-wrapper .one-item {
      margin: 20px 10px;
      width: 378px;
      height: 230px;
      background: #ffffff;
      box-shadow: 0px 2px 10px 0px #e3eadc;
      position: relative; }
      .marketing-page .one-discount-wrapper .one-item .one-discount {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 108px;
        height: 61px;
        line-height: 56px;
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091783183%2F1count.png");
        background-size: 108px 61px;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        letter-spacing: 3px;
        z-index: 2; }
      .marketing-page .one-discount-wrapper .one-item .one-bgimage {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 200px;
        width: 200px;
        height: 200px;
        top: 10px;
        right: 0px; }
      .marketing-page .one-discount-wrapper .one-item .one-title {
        font-size: 26px;
        font-weight: bold;
        color: #2b2b2b;
        margin-left: 60px;
        margin-top: 38px;
        cursor: pointer; }
        .marketing-page .one-discount-wrapper .one-item .one-title:hover {
          color: #3688ff; }
      .marketing-page .one-discount-wrapper .one-item .one-desc {
        width: 265px;
        font-size: 14px;
        color: #9e9e9e;
        margin-left: 60px;
        margin-top: 10px; }
      .marketing-page .one-discount-wrapper .one-item .one-price {
        position: relative;
        margin-left: 60px;
        margin-top: 10px; }
        .marketing-page .one-discount-wrapper .one-item .one-price .curPrice {
          color: #ff953d;
          font-size: 28px;
          font-weight: bold; }
          .marketing-page .one-discount-wrapper .one-item .one-price .curPrice span {
            font-weight: 400;
            font-size: 20px; }
        .marketing-page .one-discount-wrapper .one-item .one-price .prevPrice {
          position: absolute;
          bottom: 4px;
          left: 90px;
          color: #525252;
          font-size: 14px;
          padding: 0px;
          margin: 0px; }
          .marketing-page .one-discount-wrapper .one-item .one-price .prevPrice::after {
            position: absolute;
            left: 0px;
            top: 9px;
            content: '';
            width: 50px;
            height: 2px;
            background-color: rgba(82, 82, 82, 0.6); }
      .marketing-page .one-discount-wrapper .one-item .one-buttom {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px;
        background-image: linear-gradient(to right top, #2164ed, #429af6);
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        letter-spacing: 10px;
        cursor: pointer; }
        .marketing-page .one-discount-wrapper .one-item .one-buttom:hover {
          background-image: none;
          background-image: linear-gradient(to right top, #2a70ff, #4ea5ff); }
  .marketing-page .offline-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .marketing-page .offline-wrapper .offline-item {
      position: relative;
      width: 581px;
      height: 186px;
      background: #ffffff;
      box-shadow: 0px 2px 10px 0px rgba(207, 214, 240, 0.5);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 20px 6px; }
      .marketing-page .offline-wrapper .offline-item .offline-discount {
        z-index: 2;
        position: absolute;
        top: -10px;
        left: 0px;
        width: 113px;
        height: 49px;
        background-size: 113px 49px;
        background-repeat: no-repeat;
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091859374%2Fjx.png");
        line-height: 46px;
        text-align: start;
        font-size: 20px;
        color: #ffffff;
        letter-spacing: 3px; }
        .marketing-page .offline-wrapper .offline-item .offline-discount span {
          padding-left: 28px; }
      .marketing-page .offline-wrapper .offline-item .offline-discount-jx {
        top: -10px;
        left: 438px; }
      .marketing-page .offline-wrapper .offline-item .offline-discount-7 {
        z-index: 2;
        position: absolute;
        top: -10px;
        right: 34px;
        width: 113px;
        height: 58px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png");
        background-size: 108px 61px;
        line-height: 56px;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        letter-spacing: 3px; }
      .marketing-page .offline-wrapper .offline-item .offline-content-35 {
        z-index: 2;
        position: absolute;
        top: -10px;
        right: 34px;
        width: 113px;
        height: 58px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("https://1024-cdn.xfyun.cn/2021_1024/discount35.png");
        background-size: 108px 61px;
        line-height: 56px;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        letter-spacing: 3px; }
      .marketing-page .offline-wrapper .offline-item .offline-left {
        position: relative;
        width: 400px;
        height: 186px;
        background-color: #f3faff;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 100% 100%; }
        .marketing-page .offline-wrapper .offline-item .offline-left .offline-name {
          margin-top: 60px;
          margin-left: 60px;
          font-size: 26px;
          font-weight: bold;
          color: #2b2b2b;
          cursor: pointer; }
          .marketing-page .offline-wrapper .offline-item .offline-left .offline-name:hover {
            color: #3688ff; }
        .marketing-page .offline-wrapper .offline-item .offline-left .offline-name-7 {
          margin-top: 30px;
          margin-left: 60px;
          font-size: 26px;
          font-weight: bold;
          color: #2b2b2b;
          cursor: pointer; }
          .marketing-page .offline-wrapper .offline-item .offline-left .offline-name-7:hover {
            color: #3688ff; }
        .marketing-page .offline-wrapper .offline-item .offline-left .offline-content {
          margin-top: 8px;
          margin-left: 60px;
          font-size: 16px;
          color: #ff953d;
          cursor: pointer; }
        .marketing-page .offline-wrapper .offline-item .offline-left .offline-content-7 {
          margin-top: 8px;
          margin-left: 60px;
          width: 300px;
          font-size: 14px;
          line-height: 24.5px;
          color: #9e9e9e; }
      .marketing-page .offline-wrapper .offline-item .offline-right {
        width: 181px;
        height: 186px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center; }
        .marketing-page .offline-wrapper .offline-item .offline-right .offline-name {
          font-size: 18px;
          color: #ff953d; }
          .marketing-page .offline-wrapper .offline-item .offline-right .offline-name span {
            width: 100%;
            font-size: 28px;
            font-weight: bold; }
        .marketing-page .offline-wrapper .offline-item .offline-right .offline-btn {
          margin-top: 10px;
          width: 109px;
          height: 31px;
          line-height: 31px;
          text-align: center;
          color: #ffffff;
          font-size: 16px;
          letter-spacing: 3px;
          background-image: linear-gradient(to right top, #2164ed, #429af6);
          border-radius: 5px;
          cursor: pointer; }
          .marketing-page .offline-wrapper .offline-item .offline-right .offline-btn:hover {
            background-image: none;
            background-image: linear-gradient(to right top, #2a70ff, #4ea5ff); }
  .marketing-page .ocr-wrapper {
    display: -ms-flexbox;
    display: flex; }
    .marketing-page .ocr-wrapper .ocr-left {
      width: 378px;
      height: 490px;
      background-color: #f3faff; }
      .marketing-page .ocr-wrapper .ocr-left .left-top {
        width: 100%;
        height: 180px;
        background-color: #3e88ff;
        color: #fff;
        letter-spacing: 2px;
        position: relative;
        z-index: 2; }
        .marketing-page .ocr-wrapper .ocr-left .left-top .ocr-tag {
          position: absolute;
          top: -8px;
          right: 14px;
          background-repeat: no-repeat;
          background-size: cover;
          z-index: 2; }
        .marketing-page .ocr-wrapper .ocr-left .left-top .tag-jx {
          width: 113px;
          height: 49px;
          background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091859374%2Fjx.png"); }
        .marketing-page .ocr-wrapper .ocr-left .left-top .tag-7zhe {
          width: 113px;
          height: 58px;
          background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png"); }
        .marketing-page .ocr-wrapper .ocr-left .left-top img {
          position: absolute;
          top: 40px;
          right: 10px;
          z-index: 1; }
        .marketing-page .ocr-wrapper .ocr-left .left-top .ocr-title {
          padding-top: 36px;
          margin-left: 50px;
          font-size: 26px;
          font-weight: bold;
          cursor: pointer; }
        .marketing-page .ocr-wrapper .ocr-left .left-top .ocr-desc {
          position: absolute;
          width: 72%;
          left: 50px;
          top: 76px;
          font-size: 14px;
          line-height: 25px;
          z-index: 2; }
      .marketing-page .ocr-wrapper .ocr-left .left-center {
        width: 100%;
        height: calc(100% - 230px);
        position: relative; }
        .marketing-page .ocr-wrapper .ocr-left .left-center .center-item {
          padding-left: 72px;
          padding-top: 10px;
          color: #787878;
          font-size: 18px;
          position: relative; }
          .marketing-page .ocr-wrapper .ocr-left .left-center .center-item span {
            position: absolute;
            top: 22px;
            left: 140px; }
          .marketing-page .ocr-wrapper .ocr-left .left-center .center-item:first-child {
            padding-top: 40px; }
            .marketing-page .ocr-wrapper .ocr-left .left-center .center-item:first-child span {
              top: 52px; }
        .marketing-page .ocr-wrapper .ocr-left .left-center .center-img {
          position: absolute;
          top: 20px;
          right: 0px; }
      .marketing-page .ocr-wrapper .ocr-left .left-btn {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 3px;
        background-image: linear-gradient(to right top, #2164ed, #429af6);
        cursor: pointer; }
        .marketing-page .ocr-wrapper .ocr-left .left-btn:hover {
          background-image: none;
          background-image: linear-gradient(to right top, #2a70ff, #4ea5ff); }
    .marketing-page .ocr-wrapper .ocr-right {
      width: calc(100% - 378px);
      height: 490px;
      padding-left: 30px; }

.primary-title {
  font-size: 32px;
  font-weight: bold;
  color: #2b2b2b;
  text-align: center;
  margin: 50px 0 40px 0;
  letter-spacing: 3px; }
  .primary-title .center-title {
    padding: 0 20px; }
  .primary-title img {
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translateY(26px);
        transform: translateY(26px); }

.new-user .recharge-wrapper {
  width: 100%; }
  .new-user .recharge-wrapper .recharge-item {
    margin: 0 auto;
    width: 1017px;
    height: 229px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323880081210477%2F629.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    position: relative; }
    .new-user .recharge-wrapper .recharge-item .recharge-title {
      position: absolute;
      top: 130px;
      left: 90px;
      color: #848484;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 3px; }
    .new-user .recharge-wrapper .recharge-item .recharge-cash {
      position: absolute;
      top: 76px;
      left: 230px;
      color: #518dff;
      font-size: 34px;
      font-weight: bold;
      letter-spacing: 7px; }
      .new-user .recharge-wrapper .recharge-item .recharge-cash span {
        color: #ffbf51;
        font-size: 48px; }
    .new-user .recharge-wrapper .recharge-item .recharge-desc {
      position: absolute;
      top: 150px;
      left: 230px;
      font-size: 14px;
      color: #848484;
      letter-spacing: 5px; }
    .new-user .recharge-wrapper .recharge-item .recharge-btn {
      position: absolute;
      top: 100px;
      right: 80px;
      width: 153px;
      height: 40px;
      background-image: linear-gradient(to top, #fdcb69, #ffeac5);
      border-radius: 10px;
      color: #4382ff;
      font-size: 22px;
      letter-spacing: 2px;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
      .new-user .recharge-wrapper .recharge-item .recharge-btn:hover {
        background-image: none;
        background-image: linear-gradient(to top, #fdd687, #fff0d5); }
    .new-user .recharge-wrapper .recharge-item .recharge-hot {
      position: absolute;
      top: 18px;
      left: 0px;
      width: 96px;
      height: 36px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324887435318490%2F987.png");
      line-height: 36px;
      text-align: start; }
      .new-user .recharge-wrapper .recharge-item .recharge-hot span {
        padding-left: 22px;
        color: #ffffff;
        font-size: 17px;
        letter-spacing: 3px; }

.new-user .purchase-process {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .new-user .purchase-process .purchase-item {
    width: 320px;
    text-align: center; }
    .new-user .purchase-process .purchase-item .purchase-title {
      color: #2b2b2b;
      font-size: 24px;
      font-weight: bold;
      padding-top: 10px; }
    .new-user .purchase-process .purchase-item .purchase-text {
      width: 90%;
      margin: 0 auto;
      padding-top: 20px;
      color: #838383;
      font-size: 14px;
      line-height: 26px; }
      .new-user .purchase-process .purchase-item .purchase-text span {
        color: #6fa5ff;
        cursor: pointer; }

.my-prize {
  overflow: hidden;
  position: relative; }
  .my-prize .prize-title {
    background-color: #fff;
    font-size: 22px;
    color: #848484;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    border-bottom: 2px solid rgba(132, 132, 132, 0.8);
    z-index: 2; }
    .my-prize .prize-title img {
      width: 24px;
      height: 24px;
      cursor: pointer; }
    .my-prize .prize-title span {
      position: absolute;
      top: 3px;
      left: 44px;
      line-height: 17px; }
  .my-prize .prize-content .prize-item {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    color: #848484;
    border-bottom: 1px rgba(132, 132, 132, 0.8) dashed; }
    .my-prize .prize-content .prize-item .prize-name {
      width: 20%;
      padding: 8px 0; }
    .my-prize .prize-content .prize-item .prize-desc {
      width: 70%;
      padding: 8px 0; }
    .my-prize .prize-content .prize-item .prize-btn {
      width: 10%;
      padding: 8px 4px;
      text-align: center;
      border: 1px solid rgba(132, 132, 132, 0.8);
      border-radius: 20px;
      cursor: pointer; }
    .my-prize .prize-content .prize-item:last-child {
      border-bottom: none; }
  .my-prize .open {
    animation: openmove 1s 1 ease-out forwards; }
  .my-prize .close {
    animation: closenmove 1s 1 ease-out forwards; }

@keyframes openmove {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    height: 0px;
    opacity: 0;
    transform: translateY(-120%); } }

@keyframes closenmove {
  0% {
    opacity: 0;
    transform: translateY(-120%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.prize-pool {
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 40px;
  width: 1178px;
  height: 723px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329692784357053%2Fbg.png"); }
  .prize-pool .start-btn {
    width: 206px;
    height: 184px;
    left: 511px;
    bottom: 293px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
    cursor: pointer;
    -ms-transform: scale(0.98);
        transform: scale(0.98); }
    .prize-pool .start-btn:hover {
      -ms-transform: scale(1);
          transform: scale(1); }
  .prize-pool .push-btn {
    animation: pushbtn 0.4s linear 1 forwards;
    cursor: not-allowed; }
  .prize-pool .no-click {
    pointer-events: none;
    cursor: not-allowed; }
  .prize-pool .times {
    width: 200px;
    height: 60px;
    position: absolute;
    top: 459px;
    left: 516px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(255, 122, 0, 0.5);
    transform: rotateX(18deg); }
  .prize-pool .prize-rules {
    position: absolute;
    line-height: 26px;
    top: 547px;
    left: 515px;
    width: 207px;
    height: auto;
    word-break: break-all;
    font-size: 14px;
    font-weight: bold;
    color: #68a7ff;
    transform: rotateX(18deg); }
  .prize-pool .gift-card666 {
    width: 249px;
    height: 192px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 443px;
    left: 150px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330595855353107%2F666lpk.png"); }
    .prize-pool .gift-card666 .card-price {
      position: absolute;
      top: 30px;
      left: 88px;
      font-size: 26px;
      color: transparent;
      font-weight: bold;
      -webkit-background-clip: text;
              background-clip: text;
      background-image: linear-gradient(to bottom, #ffc663, #ffa21e); }
      .prize-pool .gift-card666 .card-price span {
        font-size: 17px; }
    .prize-pool .gift-card666 .gift-name {
      position: absolute;
      top: 86px;
      left: 104px;
      font-size: 13px;
      color: #ffa904;
      font-weight: bold; }
  .prize-pool .gift-card666-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590340434%2F666lpky.png"); }
  .prize-pool .gift-hand {
    width: 187px;
    height: 154px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 237px;
    left: 20px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098752802%2F1024bsl.png"); }
    .prize-pool .gift-hand .gift-name {
      position: absolute;
      top: 62px;
      left: 52px;
      font-size: 15px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 6px rgba(82, 144, 255, 0.3); }
  .prize-pool .gift-hand-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590318617%2F1024bsly.png"); }
  .prize-pool .gift-card1024 {
    width: 281px;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 56px;
    left: 184px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16331452454855698%2F%E4%BB%A3%E9%87%91%E5%88%B81024%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89.png"); }
    .prize-pool .gift-card1024 .card-price {
      position: absolute;
      top: 44px;
      left: 77px;
      font-size: 38px;
      color: transparent;
      font-weight: bold;
      -webkit-background-clip: text;
              background-clip: text;
      background-image: linear-gradient(to bottom, #ffc663, #ffa21e); }
      .prize-pool .gift-card1024 .card-price span {
        font-size: 25px; }
    .prize-pool .gift-card1024 .gift-name {
      position: absolute;
      top: 124px;
      left: 113px;
      font-size: 19px;
      color: #ffa904;
      font-weight: bold; }
  .prize-pool .gift-card1024-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330853195787190%2F%E7%BB%84%2045%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89.png"); }
  .prize-pool .gift-points512 {
    width: 210px;
    height: 196px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -86px;
    left: 464px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098676158%2F512jf.png"); }
    .prize-pool .gift-points512 .card-price {
      position: absolute;
      top: 64px;
      left: 71px;
      font-size: 17px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 4px rgba(86, 148, 255, 0.5); }
    .prize-pool .gift-points512 .gift-name {
      position: absolute;
      top: 83px;
      left: 88px;
      font-size: 27px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 4px rgba(86, 148, 255, 0.5); }
  .prize-pool .gift-points512-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590270348%2F512jfy.png"); }
  .prize-pool .gift-points1024 {
    width: 296px;
    height: 255px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -43px;
    left: 679px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098603860%2F1024jf.png"); }
    .prize-pool .gift-points1024 .card-price {
      position: absolute;
      top: 82px;
      left: 104px;
      font-size: 22px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 4px rgba(86, 148, 255, 0.5); }
    .prize-pool .gift-points1024 .gift-name {
      position: absolute;
      top: 104px;
      left: 104px;
      font-size: 35px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 4px rgba(86, 148, 255, 0.5); }
  .prize-pool .gift-points1024-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590253499%2F1024jfy.png"); }
  .prize-pool .gift-vipbox {
    width: 186px;
    height: 153px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 138px;
    left: 935px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098524692%2Fhylh.png"); }
    .prize-pool .gift-vipbox .gift-name {
      position: absolute;
      top: 62px;
      left: 48px;
      font-size: 15px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 6px rgba(97, 157, 255, 0.3); }
  .prize-pool .gift-vipbox-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590138086%2Fhylhy.png"); }
  .prize-pool .gift-card888 {
    width: 249px;
    height: 193px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 328px;
    left: 918px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098517513%2F888lpk.png"); }
    .prize-pool .gift-card888 .card-price {
      position: absolute;
      top: 30px;
      left: 88px;
      font-size: 26px;
      color: transparent;
      font-weight: bold;
      -webkit-background-clip: text;
              background-clip: text;
      background-image: linear-gradient(to bottom, #ffc663, #ffa21e); }
      .prize-pool .gift-card888 .card-price span {
        font-size: 17px; }
    .prize-pool .gift-card888 .gift-name {
      position: absolute;
      top: 85px;
      left: 104px;
      font-size: 13px;
      color: #ffa904;
      font-weight: bold; }
  .prize-pool .gift-card888-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590399995%2F888lpky.png"); }
  .prize-pool .gift-thanks {
    width: 185px;
    height: 152px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 479px;
    left: 801px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098436876%2Fxxcy.png"); }
    .prize-pool .gift-thanks .gift-name {
      position: absolute;
      top: 63px;
      left: 65px;
      font-size: 15px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 2px 6px rgba(97, 157, 255, 0.3); }
  .prize-pool .gift-thanks-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590366701%2Fxxcyy.png"); }

.prompt-box {
  z-index: 10;
  position: fixed;
  width: 637px;
  height: auto;
  min-height: 182px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16331559358428032%2F%E7%9F%A9%E5%BD%A2%20673.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .prompt-box .close-box {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 17px;
    height: 17px;
    background-size: cover;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330636744010582%2F%E5%85%B3%E9%97%AD26.png");
    cursor: pointer; }
  .prompt-box .box-text {
    padding-top: 50px;
    width: 100%;
    text-align: center;
    color: white;
    letter-spacing: 6px;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0px 1px 1px rgba(0, 89, 255, 0.86); }
    .prompt-box .box-text span {
      color: #ffdd9d;
      font-size: 20px; }
  .prompt-box .box-text7 {
    padding-top: 80px; }
  .prompt-box .to-recharge-btn {
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    width: 160px;
    height: 40px;
    border-radius: 10px;
    background-image: linear-gradient(to top, #fdcb69, #ffeac5);
    color: #4f8dff;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    letter-spacing: 5px;
    font-weight: bold;
    box-shadow: darkgrey 1px 4px 30px 1px; }

@keyframes pushbtn {
  0% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
    height: 184px;
    transform: scale(1); }
  10% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885715489%2Fbtn2%20%EF%BC%882%EF%BC%89.png");
    height: 174px;
    transform: scale(1); }
  20% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885693492%2Fbtn3.png");
    height: 164px;
    transform: scale(1); }
  60% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885693492%2Fbtn3.png");
    height: 164px;
    transform: scale(1); }
  80% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885715489%2Fbtn2%20%EF%BC%882%EF%BC%89.png");
    height: 174px;
    transform: scale(1); }
  100% {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
    height: 184px;
    transform: scale(1); } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.modal-1215 {
  position: fixed;
  width: 568px;
  height: 380px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1100; }
  .modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333; }
  .modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto; }
    .modal-1215 .form-content .form-row .form-label {
      float: left;
      width: 88px;
      line-height: 43px;
      font-size: 16px;
      text-align: right;
      color: #333333; }
    .modal-1215 .form-content .form-row .form-input {
      margin-left: 18px;
      float: left;
      width: 356px;
      height: 41px;
      line-height: 41px; }
      .modal-1215 .form-content .form-row .form-input input {
        border: solid 1px #cccbcd;
        height: 41px;
        width: 356px;
        text-indent: 8px;
        outline: none; }
        .modal-1215 .form-content .form-row .form-input input:focus {
          border: solid 1px #fd5b6c; }
  .modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer; }
  .modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center; }

.apply-btn {
  margin: 0 auto;
  width: 154px;
  height: 44px;
  background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%), linear-gradient(#36acfa, #36acfa);
  background-blend-mode: normal,  normal;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  border-radius: 3px; }
  .apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%); }

.apply-result {
  position: fixed;
  width: 568px;
  height: 238px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1111; }
  .apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .apply-result .ar-info.ar-success .ar-content {
      -ms-flex-pack: center;
          justify-content: center; }
    .apply-result .ar-info.ar-success .ar-icon {
      background-image: url(/static/img/activities/icon-success.png); }
    .apply-result .ar-info .ar-icon {
      height: 50px;
      width: 50px;
      background: url(/static/img/activities/icon-error.png) center no-repeat; }
    .apply-result .ar-info .ar-content {
      margin-left: 19px;
      height: 50px;
      line-height: 25px;
      font-size: 22px;
      color: #333333;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column; }
      .apply-result .ar-info .ar-content .ar-detail {
        font-size: 14px;
        line-height: 25px;
        color: #df575b; }

.modal-layer1 {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 576px) {
  .modal-1215 {
    zoom: .5; } }

.marketing {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
  font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; }
  .marketing .banner {
    width: 100%;
    height: 479px;
    box-sizing: border-box;
    background: rgba(169, 196, 248, 0.2) url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16326354893853050%2Fbanner%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89%20%EF%BC%881%EF%BC%89%20%EF%BC%881%EF%BC%89.png) center center no-repeat;
    position: relative; }
    .marketing .banner .banner-time {
      position: absolute;
      left: 50%;
      top: 360px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
      color: #fdcb69;
      font-weight: 600;
      letter-spacing: 3px; }
  .marketing .to-recharge {
    width: 100%;
    height: 276px;
    box-sizing: border-box;
    margin-top: 90px;
    margin-bottom: 50px;
    background: #a9c4f8 url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323906937249896%2F6.png) center center no-repeat;
    position: relative; }
    .marketing .to-recharge img {
      position: absolute;
      left: 50%;
      top: 70px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
    .marketing .to-recharge .btn-wrapper {
      position: absolute;
      border-radius: 11px;
      left: 50%;
      top: 160px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
      width: 162px;
      height: 47px;
      background-image: linear-gradient(to bottom, rgba(253, 203, 105, 0), rgba(253, 203, 105, 0.6)); }
      .marketing .to-recharge .btn-wrapper .to-recharge-btn {
        margin: 0 auto;
        cursor: pointer;
        width: 160px;
        height: 46px;
        border-radius: 10px;
        background-color: #ffeac5;
        color: #5999ff;
        font-size: 20px;
        text-align: center;
        line-height: 46px;
        letter-spacing: 2px;
        font-weight: bold; }
  .marketing .tab_title {
    width: 100%;
    height: 72px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    background-color: #fff;
    z-index: 3;
    border-bottom: 2px solid rgba(223, 223, 223, 0.4);
    letter-spacing: 4px; }
    .marketing .tab_title .title_item {
      color: #676767;
      font-size: 20px;
      cursor: pointer;
      margin: 0 46px;
      padding: 23px 50px;
      border-bottom: 3px solid rgba(62, 136, 255, 0); }
      .marketing .tab_title .title_item:last-child {
        border-right: none; }
    .marketing .tab_title .title_item_active {
      color: #3e88ff;
      border-bottom: 3px solid #3e88ff; }
  .marketing .is-top {
    position: fixed;
    top: 0px;
    left: 0px; }
  .marketing .center_content {
    width: 1200px;
    margin: 0 auto; }
  .marketing .footer-wrapper {
    padding-bottom: 30px;
    position: relative;
    margin: 80px auto;
    width: 1200px;
    height: auto;
    background-repeat: no-repeat;
    background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323146600247444%2Fbackfoot.png);
    background-size: cover; }
    .marketing .footer-wrapper .footer-rule {
      z-index: 2;
      position: absolute;
      top: -10px;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      width: 407px;
      height: 71px;
      background-repeat: no-repeat;
      background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323146599867105%2Ffoottop.png);
      background-size: cover;
      line-height: 66px;
      text-align: center;
      color: #fff;
      letter-spacing: 6px;
      text-shadow: 0px 1px 1px rgba(255, 95, 0, 0.67);
      font-weight: bold;
      font-size: 27px; }
    .marketing .footer-wrapper .footer-content-1 {
      box-sizing: border-box;
      margin: 0 auto;
      width: 880px;
      height: 100%;
      padding-top: 64px;
      color: #535353;
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 2px; }
      .marketing .footer-wrapper .footer-content-1 .bold-word {
        font-weight: bold; }
      .marketing .footer-wrapper .footer-content-1 .activity {
        line-height: 30px; }
        .marketing .footer-wrapper .footer-content-1 .activity .rules {
          font-weight: 400;
          display: -ms-flexbox;
          display: flex; }
          .marketing .footer-wrapper .footer-content-1 .activity .rules .rules-img {
            display: inline-block;
            z-index: 2;
            width: 33px;
            height: 33px;
            background-repeat: no-repeat;
            background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323166386538199%2Fcircle.png);
            background-size: 33px 33px;
            line-height: 26px;
            text-align: center;
            color: #fff;
            font-size: 13px; }
          .marketing .footer-wrapper .footer-content-1 .activity .rules .rules-content {
            width: calc(100% - 33px);
            word-break: break-word; }
            .marketing .footer-wrapper .footer-content-1 .activity .rules .rules-content span {
              color: #459eff;
              cursor: pointer; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.modal-1215 {
  position: fixed;
  width: 568px;
  height: 380px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1100; }
  .modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333; }
  .modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto; }
    .modal-1215 .form-content .form-row .form-label {
      float: left;
      width: 88px;
      line-height: 43px;
      font-size: 16px;
      text-align: right;
      color: #333333; }
    .modal-1215 .form-content .form-row .form-input {
      margin-left: 18px;
      float: left;
      width: 356px;
      height: 41px;
      line-height: 41px; }
      .modal-1215 .form-content .form-row .form-input input {
        border: solid 1px #cccbcd;
        height: 41px;
        width: 356px;
        text-indent: 8px;
        outline: none; }
        .modal-1215 .form-content .form-row .form-input input:focus {
          border: solid 1px #fd5b6c; }
  .modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer; }
  .modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center; }

.apply-btn {
  margin: 0 auto;
  width: 154px;
  height: 44px;
  background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%), linear-gradient(#36acfa, #36acfa);
  background-blend-mode: normal,  normal;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  border-radius: 3px; }
  .apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%); }

.apply-result {
  position: fixed;
  width: 568px;
  height: 238px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: #ffffff;
  box-sizing: border-box;
  border-top: solid 5px #fd5b6c;
  z-index: 1111; }
  .apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .apply-result .ar-info.ar-success .ar-content {
      -ms-flex-pack: center;
          justify-content: center; }
    .apply-result .ar-info.ar-success .ar-icon {
      background-image: url(/static/img/activities/icon-success.png); }
    .apply-result .ar-info .ar-icon {
      height: 50px;
      width: 50px;
      background: url(/static/img/activities/icon-error.png) center no-repeat; }
    .apply-result .ar-info .ar-content {
      margin-left: 19px;
      height: 50px;
      line-height: 25px;
      font-size: 22px;
      color: #333333;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column; }
      .apply-result .ar-info .ar-content .ar-detail {
        font-size: 14px;
        line-height: 25px;
        color: #df575b; }

.modal-layer {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 576px) {
  .modal-1215 {
    zoom: .5; } }

.hover_copy.no_children {
  position: relative;
  line-height: 24px;
  margin-bottom: 1px;
  padding: 12px 16px;
  padding-bottom: 19px;
  cursor: pointer;
  line-height: 24px;
  text-align: justify;
  text-justify: distribute-all-lines; }
  .hover_copy.no_children:hover {
    color: #1a91ff;
    background: linear-gradient(to bottom, #f4faff, #feffff); }
  .hover_copy.no_children .hover_copy_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0; }
    .hover_copy.no_children .hover_copy_btn .action_btn {
      font-size: 12px;
      color: #1a91ff;
      border: none;
      padding: 0;
      margin: 0;
      height: 19px;
      width: 64px;
      border-radius: 0px 0px 4px 0px;
      background: linear-gradient(to left, #e5f2ff, #ffffff); }
      .hover_copy.no_children .hover_copy_btn .action_btn span {
        vertical-align: middle; }
  .hover_copy.no_children .instruction_copy_icon {
    display: inline-block;
    width: 12px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4T+XTOy9EURDA8f+cu9crXisUq9RsVFQ0GoVOLVEqVoiE3cQHEI1IJItEvAq9lk6xNYVQiUSUtiAIwi73zshu2KzHLdSmmzOTX845mRG+x6558UsarRb5Ufs4cB56Oy0PpfRHU2LF1gX6f6tVQEMNNvJp2f4CJLLWjWNflZTCbdQNYo4+gfHXAoMVoH3ZkjGhx8G8haQC4bEaEEFj91xczclzR9Z6fcfOs5aAXfMSV6whDAmU3/VbmOGLo+gCBopCsgLEN62lvkAuVGaLcBwF1AbEnc+eKqMqeBWgNWutDY7cmzJ2nZGTKKC6r9TznwELmVbB9xxLL3UMyl8/Eag38DEO8p1M/RlQWAiM05u0nJd3oX3RmmrqyBlsBcpR5AJBm3NsowznM3L22Vce5cSypQQmEFwUAJjBYX5GJr+M+GfStmrNGkYDUsTuunhiRMJq4B3wLMfgIB1JzwAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: contain;
    margin-right: 4px; }

.instruction_content {
  width: 1120px;
  margin: 0 auto;
  padding: 0px 0 30px 0;
  font-size: 16px;
  color: #06162f;
  position: relative; }
  .instruction_content .ins-affix {
    display: inline-block;
    position: fixed;
    right: 10px;
    z-index: 9;
    top: 50%;
    width: 82px;
    height: 85px;
    cursor: pointer;
    background: url(https://aixfyun-cn-bj.xfyun.cn/aixfyun/1684984574000/%E5%88%86%E4%BA%AB%E6%8C%87%E4%BB%A4.png) center center/100% 100% no-repeat; }
  .instruction_content.is-mobile {
    width: 100vw;
    font-size: 12px; }
    .instruction_content.is-mobile .spark_logo {
      margin-left: 12px;
      width: calc(100vw - 12px);
      height: 24px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il/lm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDg0NiAxMTEuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODQ2IDExMS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tvcGFjaXR5OjAuNDY7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHJlY3QgeD0iMTQ3LjUiIHk9IjczLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSI4LjQiIGhlaWdodD0iNi43Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQ3LjUsODIuMiAxNTUuOSw4Mi4yIDE1NS45LDk5LjkgMTQ3LjUsMTAyLjcgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTk0LjUsNzMuMiAxOTIuMyw3OS42IDE3NSw3OS42IDE3NSw4NS44IDE5My4zLDg1LjggMTkwLjYsOTIuMSAxNzUsOTIuMSAxNzUsMTAwLjIgMTY1LjksMTAyLjggCgkxNjUuOSw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwMi45LDczLjYgMjExLjcsNzMuNiAyMTEuNyw5NS42IDIyOS44LDk1LjYgMjI3LjEsMTAyLjQgMjAyLjksMTAyLjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjIyLjUsNzMuMiAyMzMuMyw3My4yIDI0Mi4zLDg0LjMgMjUxLDczLjIgMjYxLjgsNzMuMiAyNDYuNiw5Mi43IDI0Ni42LDEwMC42IDIzNy45LDEwMi44IDIzNy45LDkyLjcgCgkiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOTkuNiw3My4yIDI5Nyw4MCAyODcuOSw4MCAyODcuOSwxMDAuNSAyNzkuMSwxMDIuOCAyNzkuMSw4MCAyNjcuNyw4MCAyNjcuNyw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNC45LDczLjUgMzM0LjcsNzMuNSAzMzIuNCw3OS43IDMxMy44LDc5LjcgMzEzLjgsODUuMyAzMzMuNCw4NS4zIDMzMS41LDkwLjggMzEzLjgsOTAuOCAzMTMuOCw5Ni41IAoJMzM0LjcsOTYuNSAzMzIuNCwxMDIuNSAzMDQuOSwxMDIuNSAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzMzkuNSw3My41IDM0OC40LDczLjUgMzQ4LjQsODQuNCAzNTAuNiw4NC40IDM2Miw3My40IDM3My40LDczLjQgMzU4LjksODcuNSAzNzUuMSwxMDIuMyAzNjIuNywxMDIuMyAKCTM1MC42LDkxIDM0OC40LDkxIDM0OC40LDEwMC44IDMzOS41LDEwMi42ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0Ny45LDY0IDE1MCwzNi4yIDE1NywzNi4yIDE1NS4xLDYxLjkgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTg5LjksMTYuMiAxOTcuOSwxNi4yIDE5Ny45LDUwIDIwMS44LDQ5LjggMTk5LjUsNTYuMSAxOTcuOSw1Ni4yIDE5Ny45LDY0IDE4OS45LDY3IDE4OS45LDU2LjUgCgkxNzUuNSw1Ny41IDE3NS41LDUxLjMgMTg5LjksNTAuMyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNzMuMSwzNi4yIDE3NC45LDYzIDE2OCw1OS45IDE2Ni4zLDM2LjIgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY1LjQsMzMuNCAxNjUuNCw2Mi44IDE1Ny44LDY2LjMgMTU3LjgsMzMuNCAxNDgsMzMuNCAxNDgsMjcuNSAxNTcuOCwyNy41IDE1Ny44LDIzLjQgMTQ4LjYsMjQuMiAKCTE0OC42LDE3LjkgMTc0LjksMTUuNyAxNzMuMiwyMS45IDE2NS40LDIyLjggMTY1LjQsMjcuNSAxNzQuOSwyNy41IDE3MiwzMy40ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4MS4zLDM1LjYgMTg3LjcsNDEuMiAxODEuOCw0Ny4xIDE3NS40LDQxLjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTgxLjQsMTkuNiAxODcuOCwyNS4xIDE4MS44LDMxIDE3NS40LDI1LjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjc0LjQsMTYuOSAyODAuNiwyMi4zIDI3NC43LDI4LjEgMjY4LjUsMjIuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyODQuOSwzOCAyOTAuNiwzOCAyOTAuNiwyMy43IDI4NS4yLDIzLjcgMjg1LjIsMTcuMyAzMTcuMSwxNy4zIDMxNy4xLDU5LjQgMzIxLjIsNTkuNCAzMTguMSw2NS41IAoJMzA4LDY1LjYgMzA4LDIzLjcgMjk5LjYsMjMuNyAyOTkuNiwzOCAzMDYuOCwzOCAzMDMuNSw0NC40IDI5OS42LDQ0LjQgMjk5LjYsNjIgMjkwLjYsNjUuOSAyOTAuNiw0NC40IDI4NC45LDQ0LjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjY3LjIsMzMuNCAyNzkuNiwzMy40IDI3OS43LDU3LjIgMjg1LjMsNTYuMiAyODIuMyw2My41IDI3MC42LDY2LjUgMjcwLjYsMzkuOCAyNjcuMiwzOS44ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIzOS43LDI1LjEgMjYxLjQsMjUuMSAyNTguMSwzMS42IDI0MC4zLDMxLjYgMjYyLjEsNjUuNiAyNTAuMyw2NS42IDIzNC44LDQxIDIxOS44LDY1LjYgMjA3LjksNjUuNiAKCTIyOS4xLDMxLjYgMjA5LjMsMzEuNiAyMDkuMywyNS4xIDIyOS44LDI1LjEgMjI5LjgsMTYuOSAyMzkuNiwxNi45ICIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzU5LjcsNjAuMWwxNS4xLDAuMWwtMy40LDYuMWgtMTEuOEMzNTkuNyw2Ni4zLDM1OS43LDYwLjEsMzU5LjcsNjAuMXogTTM1OS43LDUzVjQyLjlsMy4zLDMuMwoJYzAuOCwwLjgsMS42LDEuNCwyLjIsMS43YzAuNiwwLjIsMS42LDAuMywyLjksMC4zaDYuN3Y2LjJoLTguN2MtMi4zLDAtMy45LTAuMS00LjgtMC41QzM2MC44LDUzLjcsMzYwLjMsNTMuNCwzNTkuNyw1MyBNMzU5LjcsMzQuNQoJdi02LjdjMC40LTAuMywwLjgtMC44LDEuMy0xLjZsNS41LTguNmg4LjRsLTgsMTRjLTAuMiwwLjUtMC42LDEtMS4xLDEuNWMtMC41LDAuNS0xLDAuOS0xLjYsMS4yYy0wLjYsMC4yLTEuOCwwLjMtMy40LDAuMwoJTDM1OS43LDM0LjVMMzU5LjcsMzQuNXogTTM0Ny45LDE3LjVsLTguMyw0Mi42aDIwLjF2Ni4ybC0zMC42LTAuMWw4LjctNDIuNGgtMTAuNnYtNi4zTDM0Ny45LDE3LjVMMzQ3LjksMTcuNXogTTM1OS43LDI3LjgKCWMtMC4xLDAuMS0wLjIsMC4xLTAuMiwwLjJjLTAuNSwwLjItMSwwLjQtMS43LDAuNGgtMTJsLTEuMiw2LjJoMTUuMVYyNy44TDM1OS43LDI3Ljh6IE0zNTkuNyw0Mi45bC0zLjQtMy4zSDM0N2wxMS4xLDExLjgKCWMwLjYsMC42LDEuMSwxLjIsMS42LDEuNUwzNTkuNyw0Mi45TDM1OS43LDQyLjl6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MC4yLDk1LjhjLTI5LjgsMTUtNjAuMiwxOS02OC4zLTVjLTAuMS0wLjItMC4yLTAuNS0wLjItMC43Yy0wLjktMy44LTEtOCwwLjEtMTMuOUMyMCwzMi45LDczLjgsMCw3My44LDAKCWMtMS44LDEtMy42LDIuMS01LjQsMy4xQzI5LDI1LjcsMTAuMyw0OS42LDMuNSw2Ny40Yy01LjEsMTMuMy0zLjQsMjItMi43LDI0LjZjMS4xLDQsMy4xLDcuMiw1LjQsOS44YzEyLDEzLjQsMzIuNiwxMC41LDQ4LjcsNS4yCglDNjksMTAyLjYsODAuMiw5NS44LDgwLjIsOTUuOEw4MC4yLDk1Ljh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjguMSwyMC42YzEuMi0wLjMsMC40LTAuMiwzLjMtMC45Yy00LjYtMC45LTMyLjcsMC40LTU0LjIsMjhMNTguMywxOS45SDUxbDIyLjUsMzNjLTAuNiwwLjgtMS4xLDEuNy0xLjcsMi42CgljLTAuMSwwLjItMC4yLDAuNC0wLjQsMC42TDQ2LjcsMTkuOWgtNy4zTDY4LjIsNjJjLTAuNiwxLTEuMiwyLTEuOCwzLjFsLTMxLTQ1LjNoLTcuM2wzNC44LDUwLjhjLTguMSwxMi0yMS43LDI3LjItNDEuOSwzMS4zCgljMCwwLDM0LjksMyw1NS41LTI0LjhMOTMuMiwxMDJoNy4zTDgwLDcxLjhjMC4zLTAuNiwwLjctMS4xLDEtMS43YzAuMi0wLjQsMC41LTAuOSwwLjgtMS40bDIyLjcsMzMuM2g3LjNMODUuMiw2MwoJYzAuNi0xLDEuMy0yLjEsMi4xLTMuM2wyOC45LDQyLjNoNy4zTDkwLjgsNTQuM0M5OS45LDQxLjEsMTEzLjgsMjQuNSwxMjguMSwyMC42TDEyOC4xLDIwLjZ6Ii8+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTQuNywyNi44aC04djE4LjhoNnY2LjhoLTZ2MjYuM2gtOS4yVjUyLjVINTkxdi02LjhoNi42VjI2LjhoLTYuMlYyMGgzMi45YzEuNCwwLDIuNSwxLjEsMi41LDIuNXY0OS44CgkJCQlsNC40LDBsLTMuMSw2LjVsLTEwLjYsMC4xbC0wLjEtNDkuMkM2MTcuNSwyOC4xLDYxNi4zLDI2LjgsNjE0LjcsMjYuOHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3NC41LDQ3aC00di02LjhoMTAuNmMxLjQsMCwyLjUsMS4xLDIuNSwyLjVsMC4xLDI5LjVsNC45LDBsLTMsNi42bC04LjYsMGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjQ3eiIvPgoJCQk8cmVjdCB4PSI1NzAuNSIgeT0iMjAiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMy4yIiBoZWlnaHQ9IjcuMSIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcwLjgsOTEuOXY2LjNoMnYtNi4zSDU3MC44eiBNNTcwLjgsODkuN3YxLjRoMnYtMS40SDU3MC44eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5NC45LDkwLjl2LTEuNmgtOC4xdjguOGgyLjJ2LTMuNGg1LjZ2LTEuNkg1ODl2LTIuMkg1OTQuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTAuMiw5Ni41di03LjJINjA4djguOGg3LjF2LTEuNkg2MTAuMnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MzUuMyw4OS40bC0yLjYsMy43bC0yLjYtMy43aC0yLjdsNC4yLDUuNXYzLjNoMi4ydi0zLjNsNC4yLTUuNUg2MzUuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NTAuMiw4OS40VjkxaDMuM3Y3LjJoMi4yVjkxaDMuMnYtMS42SDY1MC4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3NC40LDk2LjZ2LTIuMWg1Ljh2LTEuNmgtNS44di0yaDZ2LTEuNmgtOC4ydjguOGg4LjR2LTEuNkg2NzQuNHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OTkuMSw5My4xbDQuMy0zLjdoLTIuOGwtNC4zLDMuOHYtMy44aC0yLjJ2OC44aDIuMnYtMi42bDEuMy0xLjFsMy40LDMuOGgyLjlMNjk5LjEsOTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NDAuMSw5My4yYy0wLjMtMC4xLTAuNi0wLjItMS4yLTAuM2MtMC42LTAuMS0yLjItMC4zLTIuOC0wLjVjLTAuNC0wLjEtMC43LTAuMy0wLjctMC44CgkJCQkJYzAtMC45LDEuMi0xLDEuMi0xYzAuMywwLDAuNiwwLDAuNywwYzAuOCwwLDEuOCwwLjEsMi4zLDAuOGMwLjEsMC4xLDAuMSwwLjEsMC4yLDAuM2wyLjEtMC41Yy0wLjItMC4zLTAuMy0wLjUtMC42LTAuOAoJCQkJCWMtMC40LTAuNC0wLjktMC42LTEuMS0wLjdjLTAuNi0wLjMtMS40LTAuNi0yLjktMC42Yy0xLjYsMC0yLjUsMC40LTMsMC44Yy0wLjMsMC4yLTEuMSwwLjgtMS4xLDJjMCwxLjMsMSwxLjksMS40LDIuMQoJCQkJCWMwLjcsMC4zLDEuNiwwLjUsMy4yLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuNGMwLjIsMC4xLDAuMywwLjMsMC4zLDAuNmMwLDAuNC0wLjMsMC43LTAuNCwwLjhjLTAuNiwwLjQtMS43LDAuNC0xLjgsMC40CgkJCQkJYy0xLjEsMC0yLjQtMC4zLTIuOS0xLjRsLTIsMC41YzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40YzAuMSwwLjIsMC40LDAuNywwLjksMWMwLjMsMC4yLDAuNSwwLjMsMC42LDAuNAoJCQkJCWMwLjYsMC4zLDEuNSwwLjcsMy4xLDAuN2MwLjMsMCwwLjYsMCwwLjksMGMwLjUsMCwxLTAuMSwxLjQtMC4zYzEuOC0wLjYsMi4xLTEuOCwyLjEtMi42Qzc0MS45LDkzLjksNzQwLjYsOTMuNCw3NDAuMSw5My4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2My44LDkwLjZjLTAuNS0wLjgtMS4zLTEuMS0yLjItMS4yYy0wLjIsMC0wLjUsMC0wLjcsMGgtNS40djguOGgyLjJ2LTMuM2gzLjFjMC44LDAsMS43LDAsMi4zLTAuNAoJCQkJCWMwLjMtMC4yLDAuNS0wLjQsMC42LTAuNWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNWMwLjItMC41LDAuMi0xLjEsMC4yLTEuM0M3NjQuMiw5MS4zLDc2NCw5MC44LDc2My44LDkwLjZ6IE03NjEuNCw5My4yCgkJCQkJYy0wLjMsMC4xLTAuNywwLjEtMS4xLDAuMWgtMi43di0yLjRoMy4xYzAuMywwLDAuNCwwLDAuNSwwLjFjMC43LDAuMiwwLjcsMSwwLjcsMS4yQzc2Miw5Mi4zLDc2Miw5Mi45LDc2MS40LDkzLjJ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgzLDg5LjRoLTIuNGwtNC4yLDguOGgyLjRsMC43LTEuN2g0LjVsMC43LDEuN2gyLjVMNzgzLDg5LjR6IE03ODAuMyw5NC45bDEuNi0zLjRsMS41LDMuNEg3ODAuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDcuMyw5NC41YzAuOS0wLjIsMS43LTAuNCwyLjEtMS4zYzAuMi0wLjUsMC4yLTAuOSwwLjItMS4yYzAtMS4yLTAuNi0yLjEtMS44LTIuNQoJCQkJCWMtMC40LTAuMS0wLjctMC4yLTEuNS0wLjJoLTZ2OC44aDIuMnYtMy41aDIuNWwyLjMsMy41aDIuNkw4MDcuMyw5NC41eiBNODA2LjYsOTNjLTAuMiwwLTAuNSwwLTAuNSwwaC0zLjV2LTIuMWgzLjUKCQkJCQljMC40LDAsMC45LDAsMS4yLDAuNGMwLjIsMC4yLDAuMiwwLjYsMC4yLDAuN0M4MDcuNCw5Mi43LDgwNi45LDkzLDgwNi42LDkzeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyOC4xLDkzLjFsNC4zLTMuN2gtMi44bC00LjMsMy44di0zLjhIODIzdjguOGgyLjJ2LTIuNmwxLjMtMS4xbDMuNCwzLjhoMi45TDgyOC4xLDkzLjF6Ii8+CgkJCTwvZz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY4NS4zLDIwbC0yMS4xLDE4LjhsMTQuMywwTDY5Ny43LDIwSDY4NS4zeiBNNjgwLjQsNDYuNmgtMTMuN2wxNiwxNy4zaDEzLjdMNjgwLjQsNDYuNnogTTY1NC4zLDcyLjQKCQkJCWMtMC45LDAtMS41LTAuOC0xLjMtMS43bDEyLjYtNDcuNmMwLjQtMS42LTAuOC0zLjItMi40LTMuMmgtMjQuMnY2LjdsMTMuNCwwYzEuMywwLDIuMywxLjMsMS45LDIuNWwtMTIuMyw0Ni40CgkJCQljLTAuNCwxLjYsMC44LDMuMiwyLjQsMy4ybDQ4LjUsMGwzLjctNi40SDY1NC4zeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQxLjQsNjguM2gyMi40di01LjJoLTIyLjRWNThoMjIuNHYtNWgtMjIuNHYtNC4zaDIyLjRsMC04VjIyLjVjMC0xLjQtMS4xLTIuNS0yLjUtMi41aC01MS4xdjI2LjEKCQkJCWMwLDEuNCwxLjEsMi41LDIuNSwyLjVoNC4zbC02LjgsOS40aDIxLjR2NS4xaC0yMS4zdjUuMmwyMS4zLTAuMXY0LjJoLTIxLjN2Ni40aDUzLjR2LTYuNGgtMjIuNFY2OC4zeiBNNzE5LjksMzcuNGgyOC41bDIuOC01LjQKCQkJCWgtMzEuM3YtNkg3NTR2MTYuNWgtMzQuMVYzNy40eiBNNzMxLjYsNTIuOWgtOC41bDMuMy00LjNoNS4yVjUyLjl6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03ODQuMywyMGgtOS42bDcuMSwyOC43aDkuNkw3ODQuMywyMHogTTgyMS45LDIwbC03LjEsMjguOGg5LjdsNy4xLTI4LjhIODIxLjl6IE04MDcuOSw0OS4xVjIwSDc5OHYyOS4xCgkJCWwtMjMuOCwyOS44bDEyLjEsMGwxNi45LTIwLjlsMTcsMjFsMTIuMi0wLjFMODA3LjksNDkuMXoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxyYWRpYWxHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGN4PSI0OTIuNDA3NiIgY3k9Ijg0LjE4IiByPSI1OS42ODcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuOTcyNyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NDkuOSw3Ni4zQzU0OS45LDc2LjMsNTQ5LjksNzYuMyw1NDkuOSw3Ni4zYy0xLjUsNS4zLTQsMTAuMS03LjIsMTQuM2MwLDAsMCwwLDAsMGMtNC44LDYtMjEuMyw2LTMxLjIsMy40CgkJYy0xMC43LTIuOS0xOC40LTkuNi0xOS0xMC4xYzQuMiwzLjMsOS41LDUuMiwxNS4zLDUuMmMxMy45LDAsMjUuMS0xMS40LDI1LjEtMjUuNGMwLTQuMi0xLTguMS0yLjgtMTEuNmMtMC4xLTAuMiwwLjEtMC40LDAuMi0wLjMKCQlDNTM4LjIsNTMuMSw1NTMuOSw2MC41LDU0OS45LDc2LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUxLjQsNTguNmMwLDAuMy0wLjMsMC40LTAuNSwwLjFjLTMuNy03LjktMTAuMi0xMC4zLTE4LTEyLjFjLTUuOS0xLjMtOS44LTMuMy0xMS41LTQuMgoJCWMtMC40LTAuMi0wLjctMC41LTEuMS0wLjdjMCwwLDAsMCwwLDBjLTEyLjMtNy41LTEyLjUtMjAuNC0xMi41LTIwLjRWMi42YzAtMC4yLDAuMy0wLjMsMC40LTAuMkw1MzcuMywzMWwwLDBsMi4yLDIuMQoJCUM1NDUuOSwzOS45LDU1MC4zLDQ4LjgsNTUxLjQsNTguNnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NDIuNyw5MC42Yy04LDEwLjUtMjAuNiwxNy40LTM0LjgsMTcuNGMtMjQuMiwwLTQzLjgtMTkuOC00My44LTQ0LjJjMC0xMS45LDQuNi0yMi42LDEyLjItMzAuNmwyLjItMi4ybDAsMAoJCWwxOS0xOC43YzAuMi0wLjIsMC41LDAsMC40LDAuMmMtMC4zLDEuMy0wLjgsNC4zLTAuNSw4LjNjMC40LDQuNywxLjksMTEsNi4zLDE4YzIuNyw0LjQsNi42LDksMTIsMTMuOGMwLjYsMC42LDEuMywxLjEsMiwxLjcKCQljMCwwLDAsMCwwLDBjMi40LDIuNSwzLjgsNS44LDMuOCw5LjVjMCw3LjUtNi4xLDEzLjYtMTMuNSwxMy42Yy0zLjIsMC02LjEtMS4xLTguNC0zYy0wLjItMC4yLDAtMC41LDAuMi0wLjQKCQljMC41LDAuMSwxLDAuMiwxLjUsMC4yYzIuNiwwLDQuOC0yLjEsNC44LTQuOGMwLTEuNi0wLjgtMy4xLTItMy45YzAsMCwwLDAsMCwwYy0zLjItMi42LTUuOS01LjEtOC4yLTcuNgoJCWMtMy4yLTMuNS01LjYtNi45LTcuMy0xMC4yYy0zLjUsNC40LTUuNyw5LjktNS43LDE2YzAsOC4yLDMuOCwxNS41LDkuOCwyMC4xYzAsMCwwLDAsMCwwYzAuNiwwLjUsOC4zLDcuMiwxOSwxMC4xCgkJQzUyMS40LDk2LjcsNTM3LjksOTYuNiw1NDIuNyw5MC42eiIvPgo8L2c+CjxsaW5lIGNsYXNzPSJzdDMiIHgxPSI0MjAiIHkxPSIxOS43IiB4Mj0iNDIwIiB5Mj0iOTkuNyIvPgo8L3N2Zz4K) left center no-repeat;
      background-size: 18% auto;
      margin-bottom: 12px; }
    .instruction_content.is-mobile .title {
      padding-top: 1px;
      font-size: 18px; }
    .instruction_content.is-mobile .search_area {
      -ms-flex-pack: center;
          justify-content: center; }
    .instruction_content.is-mobile .search_box {
      width: 80vw; }
    .instruction_content.is-mobile .special_wrap {
      -ms-flex-pack: center;
          justify-content: center; }
      .instruction_content.is-mobile .special_wrap .special_item {
        width: 92vw;
        margin-top: 24px; }
        .instruction_content.is-mobile .special_wrap .special_item .special_title {
          background-size: cover; }
        .instruction_content.is-mobile .special_wrap .special_item.none {
          margin-top: 0;
          border: none; }
      .instruction_content.is-mobile .special_wrap .special_item:first-child {
        margin-top: 0; }
    .instruction_content.is-mobile .second_wrap {
      -ms-flex-pack: center;
          justify-content: center; }
      .instruction_content.is-mobile .second_wrap .second_item {
        width: 92%; }
      .instruction_content.is-mobile .second_wrap .second_item.none {
        margin-top: 0px;
        border: none; }
    .instruction_content.is-mobile .mode_wrap .mode_item {
      font-size: 12px; }
  .instruction_content .hm-footer {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-family: PingFangSC, PingFangSC-Medium;
    text-align: right;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    color: #a6adcb;
    font-size: 14px;
    font-weight: 500; }
    .instruction_content .hm-footer .f-item {
      margin-bottom: 10px; }
    .instruction_content .hm-footer a {
      text-decoration: none;
      color: #6f7ad5; }
      .instruction_content .hm-footer a:hover {
        color: #5a7dff; }
    .instruction_content .hm-footer .line {
      display: block;
      background-color: #c1bddd;
      height: 16px;
      width: 1px;
      margin-right: 16px; }
  .instruction_content .spark_logo {
    margin: 0 auto;
    width: 100%;
    height: 68px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il/lm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDg0NiAxMTEuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODQ2IDExMS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tvcGFjaXR5OjAuNDY7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHJlY3QgeD0iMTQ3LjUiIHk9IjczLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSI4LjQiIGhlaWdodD0iNi43Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQ3LjUsODIuMiAxNTUuOSw4Mi4yIDE1NS45LDk5LjkgMTQ3LjUsMTAyLjcgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTk0LjUsNzMuMiAxOTIuMyw3OS42IDE3NSw3OS42IDE3NSw4NS44IDE5My4zLDg1LjggMTkwLjYsOTIuMSAxNzUsOTIuMSAxNzUsMTAwLjIgMTY1LjksMTAyLjggCgkxNjUuOSw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwMi45LDczLjYgMjExLjcsNzMuNiAyMTEuNyw5NS42IDIyOS44LDk1LjYgMjI3LjEsMTAyLjQgMjAyLjksMTAyLjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjIyLjUsNzMuMiAyMzMuMyw3My4yIDI0Mi4zLDg0LjMgMjUxLDczLjIgMjYxLjgsNzMuMiAyNDYuNiw5Mi43IDI0Ni42LDEwMC42IDIzNy45LDEwMi44IDIzNy45LDkyLjcgCgkiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOTkuNiw3My4yIDI5Nyw4MCAyODcuOSw4MCAyODcuOSwxMDAuNSAyNzkuMSwxMDIuOCAyNzkuMSw4MCAyNjcuNyw4MCAyNjcuNyw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNC45LDczLjUgMzM0LjcsNzMuNSAzMzIuNCw3OS43IDMxMy44LDc5LjcgMzEzLjgsODUuMyAzMzMuNCw4NS4zIDMzMS41LDkwLjggMzEzLjgsOTAuOCAzMTMuOCw5Ni41IAoJMzM0LjcsOTYuNSAzMzIuNCwxMDIuNSAzMDQuOSwxMDIuNSAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzMzkuNSw3My41IDM0OC40LDczLjUgMzQ4LjQsODQuNCAzNTAuNiw4NC40IDM2Miw3My40IDM3My40LDczLjQgMzU4LjksODcuNSAzNzUuMSwxMDIuMyAzNjIuNywxMDIuMyAKCTM1MC42LDkxIDM0OC40LDkxIDM0OC40LDEwMC44IDMzOS41LDEwMi42ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0Ny45LDY0IDE1MCwzNi4yIDE1NywzNi4yIDE1NS4xLDYxLjkgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTg5LjksMTYuMiAxOTcuOSwxNi4yIDE5Ny45LDUwIDIwMS44LDQ5LjggMTk5LjUsNTYuMSAxOTcuOSw1Ni4yIDE5Ny45LDY0IDE4OS45LDY3IDE4OS45LDU2LjUgCgkxNzUuNSw1Ny41IDE3NS41LDUxLjMgMTg5LjksNTAuMyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNzMuMSwzNi4yIDE3NC45LDYzIDE2OCw1OS45IDE2Ni4zLDM2LjIgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY1LjQsMzMuNCAxNjUuNCw2Mi44IDE1Ny44LDY2LjMgMTU3LjgsMzMuNCAxNDgsMzMuNCAxNDgsMjcuNSAxNTcuOCwyNy41IDE1Ny44LDIzLjQgMTQ4LjYsMjQuMiAKCTE0OC42LDE3LjkgMTc0LjksMTUuNyAxNzMuMiwyMS45IDE2NS40LDIyLjggMTY1LjQsMjcuNSAxNzQuOSwyNy41IDE3MiwzMy40ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4MS4zLDM1LjYgMTg3LjcsNDEuMiAxODEuOCw0Ny4xIDE3NS40LDQxLjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTgxLjQsMTkuNiAxODcuOCwyNS4xIDE4MS44LDMxIDE3NS40LDI1LjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjc0LjQsMTYuOSAyODAuNiwyMi4zIDI3NC43LDI4LjEgMjY4LjUsMjIuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyODQuOSwzOCAyOTAuNiwzOCAyOTAuNiwyMy43IDI4NS4yLDIzLjcgMjg1LjIsMTcuMyAzMTcuMSwxNy4zIDMxNy4xLDU5LjQgMzIxLjIsNTkuNCAzMTguMSw2NS41IAoJMzA4LDY1LjYgMzA4LDIzLjcgMjk5LjYsMjMuNyAyOTkuNiwzOCAzMDYuOCwzOCAzMDMuNSw0NC40IDI5OS42LDQ0LjQgMjk5LjYsNjIgMjkwLjYsNjUuOSAyOTAuNiw0NC40IDI4NC45LDQ0LjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjY3LjIsMzMuNCAyNzkuNiwzMy40IDI3OS43LDU3LjIgMjg1LjMsNTYuMiAyODIuMyw2My41IDI3MC42LDY2LjUgMjcwLjYsMzkuOCAyNjcuMiwzOS44ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIzOS43LDI1LjEgMjYxLjQsMjUuMSAyNTguMSwzMS42IDI0MC4zLDMxLjYgMjYyLjEsNjUuNiAyNTAuMyw2NS42IDIzNC44LDQxIDIxOS44LDY1LjYgMjA3LjksNjUuNiAKCTIyOS4xLDMxLjYgMjA5LjMsMzEuNiAyMDkuMywyNS4xIDIyOS44LDI1LjEgMjI5LjgsMTYuOSAyMzkuNiwxNi45ICIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzU5LjcsNjAuMWwxNS4xLDAuMWwtMy40LDYuMWgtMTEuOEMzNTkuNyw2Ni4zLDM1OS43LDYwLjEsMzU5LjcsNjAuMXogTTM1OS43LDUzVjQyLjlsMy4zLDMuMwoJYzAuOCwwLjgsMS42LDEuNCwyLjIsMS43YzAuNiwwLjIsMS42LDAuMywyLjksMC4zaDYuN3Y2LjJoLTguN2MtMi4zLDAtMy45LTAuMS00LjgtMC41QzM2MC44LDUzLjcsMzYwLjMsNTMuNCwzNTkuNyw1MyBNMzU5LjcsMzQuNQoJdi02LjdjMC40LTAuMywwLjgtMC44LDEuMy0xLjZsNS41LTguNmg4LjRsLTgsMTRjLTAuMiwwLjUtMC42LDEtMS4xLDEuNWMtMC41LDAuNS0xLDAuOS0xLjYsMS4yYy0wLjYsMC4yLTEuOCwwLjMtMy40LDAuMwoJTDM1OS43LDM0LjVMMzU5LjcsMzQuNXogTTM0Ny45LDE3LjVsLTguMyw0Mi42aDIwLjF2Ni4ybC0zMC42LTAuMWw4LjctNDIuNGgtMTAuNnYtNi4zTDM0Ny45LDE3LjVMMzQ3LjksMTcuNXogTTM1OS43LDI3LjgKCWMtMC4xLDAuMS0wLjIsMC4xLTAuMiwwLjJjLTAuNSwwLjItMSwwLjQtMS43LDAuNGgtMTJsLTEuMiw2LjJoMTUuMVYyNy44TDM1OS43LDI3Ljh6IE0zNTkuNyw0Mi45bC0zLjQtMy4zSDM0N2wxMS4xLDExLjgKCWMwLjYsMC42LDEuMSwxLjIsMS42LDEuNUwzNTkuNyw0Mi45TDM1OS43LDQyLjl6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MC4yLDk1LjhjLTI5LjgsMTUtNjAuMiwxOS02OC4zLTVjLTAuMS0wLjItMC4yLTAuNS0wLjItMC43Yy0wLjktMy44LTEtOCwwLjEtMTMuOUMyMCwzMi45LDczLjgsMCw3My44LDAKCWMtMS44LDEtMy42LDIuMS01LjQsMy4xQzI5LDI1LjcsMTAuMyw0OS42LDMuNSw2Ny40Yy01LjEsMTMuMy0zLjQsMjItMi43LDI0LjZjMS4xLDQsMy4xLDcuMiw1LjQsOS44YzEyLDEzLjQsMzIuNiwxMC41LDQ4LjcsNS4yCglDNjksMTAyLjYsODAuMiw5NS44LDgwLjIsOTUuOEw4MC4yLDk1Ljh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjguMSwyMC42YzEuMi0wLjMsMC40LTAuMiwzLjMtMC45Yy00LjYtMC45LTMyLjcsMC40LTU0LjIsMjhMNTguMywxOS45SDUxbDIyLjUsMzNjLTAuNiwwLjgtMS4xLDEuNy0xLjcsMi42CgljLTAuMSwwLjItMC4yLDAuNC0wLjQsMC42TDQ2LjcsMTkuOWgtNy4zTDY4LjIsNjJjLTAuNiwxLTEuMiwyLTEuOCwzLjFsLTMxLTQ1LjNoLTcuM2wzNC44LDUwLjhjLTguMSwxMi0yMS43LDI3LjItNDEuOSwzMS4zCgljMCwwLDM0LjksMyw1NS41LTI0LjhMOTMuMiwxMDJoNy4zTDgwLDcxLjhjMC4zLTAuNiwwLjctMS4xLDEtMS43YzAuMi0wLjQsMC41LTAuOSwwLjgtMS40bDIyLjcsMzMuM2g3LjNMODUuMiw2MwoJYzAuNi0xLDEuMy0yLjEsMi4xLTMuM2wyOC45LDQyLjNoNy4zTDkwLjgsNTQuM0M5OS45LDQxLjEsMTEzLjgsMjQuNSwxMjguMSwyMC42TDEyOC4xLDIwLjZ6Ii8+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTQuNywyNi44aC04djE4LjhoNnY2LjhoLTZ2MjYuM2gtOS4yVjUyLjVINTkxdi02LjhoNi42VjI2LjhoLTYuMlYyMGgzMi45YzEuNCwwLDIuNSwxLjEsMi41LDIuNXY0OS44CgkJCQlsNC40LDBsLTMuMSw2LjVsLTEwLjYsMC4xbC0wLjEtNDkuMkM2MTcuNSwyOC4xLDYxNi4zLDI2LjgsNjE0LjcsMjYuOHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3NC41LDQ3aC00di02LjhoMTAuNmMxLjQsMCwyLjUsMS4xLDIuNSwyLjVsMC4xLDI5LjVsNC45LDBsLTMsNi42bC04LjYsMGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjQ3eiIvPgoJCQk8cmVjdCB4PSI1NzAuNSIgeT0iMjAiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMy4yIiBoZWlnaHQ9IjcuMSIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcwLjgsOTEuOXY2LjNoMnYtNi4zSDU3MC44eiBNNTcwLjgsODkuN3YxLjRoMnYtMS40SDU3MC44eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5NC45LDkwLjl2LTEuNmgtOC4xdjguOGgyLjJ2LTMuNGg1LjZ2LTEuNkg1ODl2LTIuMkg1OTQuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTAuMiw5Ni41di03LjJINjA4djguOGg3LjF2LTEuNkg2MTAuMnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MzUuMyw4OS40bC0yLjYsMy43bC0yLjYtMy43aC0yLjdsNC4yLDUuNXYzLjNoMi4ydi0zLjNsNC4yLTUuNUg2MzUuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NTAuMiw4OS40VjkxaDMuM3Y3LjJoMi4yVjkxaDMuMnYtMS42SDY1MC4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3NC40LDk2LjZ2LTIuMWg1Ljh2LTEuNmgtNS44di0yaDZ2LTEuNmgtOC4ydjguOGg4LjR2LTEuNkg2NzQuNHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OTkuMSw5My4xbDQuMy0zLjdoLTIuOGwtNC4zLDMuOHYtMy44aC0yLjJ2OC44aDIuMnYtMi42bDEuMy0xLjFsMy40LDMuOGgyLjlMNjk5LjEsOTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NDAuMSw5My4yYy0wLjMtMC4xLTAuNi0wLjItMS4yLTAuM2MtMC42LTAuMS0yLjItMC4zLTIuOC0wLjVjLTAuNC0wLjEtMC43LTAuMy0wLjctMC44CgkJCQkJYzAtMC45LDEuMi0xLDEuMi0xYzAuMywwLDAuNiwwLDAuNywwYzAuOCwwLDEuOCwwLjEsMi4zLDAuOGMwLjEsMC4xLDAuMSwwLjEsMC4yLDAuM2wyLjEtMC41Yy0wLjItMC4zLTAuMy0wLjUtMC42LTAuOAoJCQkJCWMtMC40LTAuNC0wLjktMC42LTEuMS0wLjdjLTAuNi0wLjMtMS40LTAuNi0yLjktMC42Yy0xLjYsMC0yLjUsMC40LTMsMC44Yy0wLjMsMC4yLTEuMSwwLjgtMS4xLDJjMCwxLjMsMSwxLjksMS40LDIuMQoJCQkJCWMwLjcsMC4zLDEuNiwwLjUsMy4yLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuNGMwLjIsMC4xLDAuMywwLjMsMC4zLDAuNmMwLDAuNC0wLjMsMC43LTAuNCwwLjhjLTAuNiwwLjQtMS43LDAuNC0xLjgsMC40CgkJCQkJYy0xLjEsMC0yLjQtMC4zLTIuOS0xLjRsLTIsMC41YzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40YzAuMSwwLjIsMC40LDAuNywwLjksMWMwLjMsMC4yLDAuNSwwLjMsMC42LDAuNAoJCQkJCWMwLjYsMC4zLDEuNSwwLjcsMy4xLDAuN2MwLjMsMCwwLjYsMCwwLjksMGMwLjUsMCwxLTAuMSwxLjQtMC4zYzEuOC0wLjYsMi4xLTEuOCwyLjEtMi42Qzc0MS45LDkzLjksNzQwLjYsOTMuNCw3NDAuMSw5My4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2My44LDkwLjZjLTAuNS0wLjgtMS4zLTEuMS0yLjItMS4yYy0wLjIsMC0wLjUsMC0wLjcsMGgtNS40djguOGgyLjJ2LTMuM2gzLjFjMC44LDAsMS43LDAsMi4zLTAuNAoJCQkJCWMwLjMtMC4yLDAuNS0wLjQsMC42LTAuNWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNWMwLjItMC41LDAuMi0xLjEsMC4yLTEuM0M3NjQuMiw5MS4zLDc2NCw5MC44LDc2My44LDkwLjZ6IE03NjEuNCw5My4yCgkJCQkJYy0wLjMsMC4xLTAuNywwLjEtMS4xLDAuMWgtMi43di0yLjRoMy4xYzAuMywwLDAuNCwwLDAuNSwwLjFjMC43LDAuMiwwLjcsMSwwLjcsMS4yQzc2Miw5Mi4zLDc2Miw5Mi45LDc2MS40LDkzLjJ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgzLDg5LjRoLTIuNGwtNC4yLDguOGgyLjRsMC43LTEuN2g0LjVsMC43LDEuN2gyLjVMNzgzLDg5LjR6IE03ODAuMyw5NC45bDEuNi0zLjRsMS41LDMuNEg3ODAuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDcuMyw5NC41YzAuOS0wLjIsMS43LTAuNCwyLjEtMS4zYzAuMi0wLjUsMC4yLTAuOSwwLjItMS4yYzAtMS4yLTAuNi0yLjEtMS44LTIuNQoJCQkJCWMtMC40LTAuMS0wLjctMC4yLTEuNS0wLjJoLTZ2OC44aDIuMnYtMy41aDIuNWwyLjMsMy41aDIuNkw4MDcuMyw5NC41eiBNODA2LjYsOTNjLTAuMiwwLTAuNSwwLTAuNSwwaC0zLjV2LTIuMWgzLjUKCQkJCQljMC40LDAsMC45LDAsMS4yLDAuNGMwLjIsMC4yLDAuMiwwLjYsMC4yLDAuN0M4MDcuNCw5Mi43LDgwNi45LDkzLDgwNi42LDkzeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyOC4xLDkzLjFsNC4zLTMuN2gtMi44bC00LjMsMy44di0zLjhIODIzdjguOGgyLjJ2LTIuNmwxLjMtMS4xbDMuNCwzLjhoMi45TDgyOC4xLDkzLjF6Ii8+CgkJCTwvZz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY4NS4zLDIwbC0yMS4xLDE4LjhsMTQuMywwTDY5Ny43LDIwSDY4NS4zeiBNNjgwLjQsNDYuNmgtMTMuN2wxNiwxNy4zaDEzLjdMNjgwLjQsNDYuNnogTTY1NC4zLDcyLjQKCQkJCWMtMC45LDAtMS41LTAuOC0xLjMtMS43bDEyLjYtNDcuNmMwLjQtMS42LTAuOC0zLjItMi40LTMuMmgtMjQuMnY2LjdsMTMuNCwwYzEuMywwLDIuMywxLjMsMS45LDIuNWwtMTIuMyw0Ni40CgkJCQljLTAuNCwxLjYsMC44LDMuMiwyLjQsMy4ybDQ4LjUsMGwzLjctNi40SDY1NC4zeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQxLjQsNjguM2gyMi40di01LjJoLTIyLjRWNThoMjIuNHYtNWgtMjIuNHYtNC4zaDIyLjRsMC04VjIyLjVjMC0xLjQtMS4xLTIuNS0yLjUtMi41aC01MS4xdjI2LjEKCQkJCWMwLDEuNCwxLjEsMi41LDIuNSwyLjVoNC4zbC02LjgsOS40aDIxLjR2NS4xaC0yMS4zdjUuMmwyMS4zLTAuMXY0LjJoLTIxLjN2Ni40aDUzLjR2LTYuNGgtMjIuNFY2OC4zeiBNNzE5LjksMzcuNGgyOC41bDIuOC01LjQKCQkJCWgtMzEuM3YtNkg3NTR2MTYuNWgtMzQuMVYzNy40eiBNNzMxLjYsNTIuOWgtOC41bDMuMy00LjNoNS4yVjUyLjl6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03ODQuMywyMGgtOS42bDcuMSwyOC43aDkuNkw3ODQuMywyMHogTTgyMS45LDIwbC03LjEsMjguOGg5LjdsNy4xLTI4LjhIODIxLjl6IE04MDcuOSw0OS4xVjIwSDc5OHYyOS4xCgkJCWwtMjMuOCwyOS44bDEyLjEsMGwxNi45LTIwLjlsMTcsMjFsMTIuMi0wLjFMODA3LjksNDkuMXoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxyYWRpYWxHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGN4PSI0OTIuNDA3NiIgY3k9Ijg0LjE4IiByPSI1OS42ODcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuOTcyNyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NDkuOSw3Ni4zQzU0OS45LDc2LjMsNTQ5LjksNzYuMyw1NDkuOSw3Ni4zYy0xLjUsNS4zLTQsMTAuMS03LjIsMTQuM2MwLDAsMCwwLDAsMGMtNC44LDYtMjEuMyw2LTMxLjIsMy40CgkJYy0xMC43LTIuOS0xOC40LTkuNi0xOS0xMC4xYzQuMiwzLjMsOS41LDUuMiwxNS4zLDUuMmMxMy45LDAsMjUuMS0xMS40LDI1LjEtMjUuNGMwLTQuMi0xLTguMS0yLjgtMTEuNmMtMC4xLTAuMiwwLjEtMC40LDAuMi0wLjMKCQlDNTM4LjIsNTMuMSw1NTMuOSw2MC41LDU0OS45LDc2LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUxLjQsNTguNmMwLDAuMy0wLjMsMC40LTAuNSwwLjFjLTMuNy03LjktMTAuMi0xMC4zLTE4LTEyLjFjLTUuOS0xLjMtOS44LTMuMy0xMS41LTQuMgoJCWMtMC40LTAuMi0wLjctMC41LTEuMS0wLjdjMCwwLDAsMCwwLDBjLTEyLjMtNy41LTEyLjUtMjAuNC0xMi41LTIwLjRWMi42YzAtMC4yLDAuMy0wLjMsMC40LTAuMkw1MzcuMywzMWwwLDBsMi4yLDIuMQoJCUM1NDUuOSwzOS45LDU1MC4zLDQ4LjgsNTUxLjQsNTguNnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NDIuNyw5MC42Yy04LDEwLjUtMjAuNiwxNy40LTM0LjgsMTcuNGMtMjQuMiwwLTQzLjgtMTkuOC00My44LTQ0LjJjMC0xMS45LDQuNi0yMi42LDEyLjItMzAuNmwyLjItMi4ybDAsMAoJCWwxOS0xOC43YzAuMi0wLjIsMC41LDAsMC40LDAuMmMtMC4zLDEuMy0wLjgsNC4zLTAuNSw4LjNjMC40LDQuNywxLjksMTEsNi4zLDE4YzIuNyw0LjQsNi42LDksMTIsMTMuOGMwLjYsMC42LDEuMywxLjEsMiwxLjcKCQljMCwwLDAsMCwwLDBjMi40LDIuNSwzLjgsNS44LDMuOCw5LjVjMCw3LjUtNi4xLDEzLjYtMTMuNSwxMy42Yy0zLjIsMC02LjEtMS4xLTguNC0zYy0wLjItMC4yLDAtMC41LDAuMi0wLjQKCQljMC41LDAuMSwxLDAuMiwxLjUsMC4yYzIuNiwwLDQuOC0yLjEsNC44LTQuOGMwLTEuNi0wLjgtMy4xLTItMy45YzAsMCwwLDAsMCwwYy0zLjItMi42LTUuOS01LjEtOC4yLTcuNgoJCWMtMy4yLTMuNS01LjYtNi45LTcuMy0xMC4yYy0zLjUsNC40LTUuNyw5LjktNS43LDE2YzAsOC4yLDMuOCwxNS41LDkuOCwyMC4xYzAsMCwwLDAsMCwwYzAuNiwwLjUsOC4zLDcuMiwxOSwxMC4xCgkJQzUyMS40LDk2LjcsNTM3LjksOTYuNiw1NDIuNyw5MC42eiIvPgo8L2c+CjxsaW5lIGNsYXNzPSJzdDMiIHgxPSI0MjAiIHkxPSIxOS43IiB4Mj0iNDIwIiB5Mj0iOTkuNyIvPgo8L3N2Zz4K) left center no-repeat;
    background-size: 228px auto;
    margin-bottom: 88px; }
  .instruction_content .instruction_no_data {
    line-height: 22px;
    font-size: 14px;
    margin: 48px auto;
    text-align: center;
    opacity: 0.36; }
    .instruction_content .instruction_no_data::before {
      content: ' ';
      display: block;
      height: 120px;
      width: 100%;
      background: url(/_next/static/img/nodata.da4629d.png) center center no-repeat;
      background-size: 120px 120px; }
  .instruction_content .title {
    text-align: center;
    font-size: 36px;
    font-weight: bold; }
  .instruction_content .tip {
    margin-top: 8px;
    opacity: 0.6;
    text-align: center; }
  .instruction_content .search_area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .instruction_content .search_box {
    width: 352px;
    height: 36px;
    border-radius: none;
    border: none; }
  .instruction_content .special_wrap {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .instruction_content .special_wrap .special_item {
      width: 352px;
      background-color: #ffffff;
      border-radius: 8px;
      border: 1px solid rgba(221, 226, 233, 0.48);
      box-shadow: 0px 4px 48px 0px rgba(0, 28, 85, 0.04); }
      .instruction_content .special_wrap .special_item.none {
        height: 0;
        border: none; }
      .instruction_content .special_wrap .special_item .special_title {
        padding: 24px 32px 19px 32px;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        background-size: 352px auto;
        background-position: right top;
        background-repeat: no-repeat; }
        .instruction_content .special_wrap .special_item .special_title::after {
          content: '';
          display: block;
          height: 1px;
          margin-top: 24px;
          background-size: cover; }
        .instruction_content .special_wrap .special_item .special_title.state0 {
          background-image: url(/_next/static/img/1bj.af960b5.png); }
          .instruction_content .special_wrap .special_item .special_title.state0::after {
            background-color: #ddedff; }
        .instruction_content .special_wrap .special_item .special_title.state1 {
          background-image: url(/_next/static/img/2bj.6b47a5e.png); }
          .instruction_content .special_wrap .special_item .special_title.state1::after {
            background-color: #d5f1f2; }
        .instruction_content .special_wrap .special_item .special_title.state2 {
          background-image: url(/_next/static/img/3bj.27cc67e.png); }
          .instruction_content .special_wrap .special_item .special_title.state2::after {
            background-color: #e9e6f2; }
        .instruction_content .special_wrap .special_item .special_title .special_maintitle {
          font-size: 24px;
          font-weight: bold; }
          .instruction_content .special_wrap .special_item .special_title .special_maintitle.state0 {
            color: #1a91ff; }
          .instruction_content .special_wrap .special_item .special_title .special_maintitle.state1 {
            color: #118acd; }
          .instruction_content .special_wrap .special_item .special_title .special_maintitle.state2 {
            color: #893cc6; }
        .instruction_content .special_wrap .special_item .special_title .special_subtitle {
          font-size: 14px;
          margin-top: 6px;
          opacity: 0.6; }
      .instruction_content .special_wrap .special_item .special_content {
        padding: 0px 16px 16px 16px; }
  .instruction_content .mode_wrap {
    margin-top: 48px;
    margin-bottom: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 16px; }
    .instruction_content .mode_wrap .mode_item {
      font-size: 14px;
      margin-right: 12px;
      padding: 5px 18px;
      border-radius: 100px;
      height: 22px;
      line-height: 22px;
      background-color: #ffffff;
      cursor: pointer; }
      .instruction_content .mode_wrap .mode_item.active {
        background-color: #1a91ff;
        color: #ffffff; }
  .instruction_content .second_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .instruction_content .second_wrap .second_item {
      position: relative;
      width: 352px;
      box-sizing: border-box;
      margin-top: 24px;
      background: #ffffff;
      border: 1px solid rgba(221, 226, 233, 0.48);
      border-radius: 8px;
      box-shadow: 0px 4px 48px 0px rgba(0, 28, 85, 0.04);
      padding: 32px;
      padding-bottom: 85px;
      background: url(/_next/static/img/normal-bg.d3805e1.png) right bottom no-repeat;
      border: 2px solid transparent;
      z-index: 1; }
      .instruction_content .second_wrap .second_item .hover_copy_btn {
        position: absolute;
        color: #ffffff;
        right: -2px;
        top: -2px; }
        .instruction_content .second_wrap .second_item .hover_copy_btn:hover {
          z-index: 999; }
        .instruction_content .second_wrap .second_item .hover_copy_btn .action_btn {
          width: 98px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 8px;
          color: #1a91ff;
          background-color: rgba(26, 145, 255, 0.06); }
          .instruction_content .second_wrap .second_item .hover_copy_btn .action_btn span {
            margin-right: 5px; }
          .instruction_content .second_wrap .second_item .hover_copy_btn .action_btn:hover {
            background-color: #1a91ff;
            color: #ffffff; }
      .instruction_content .second_wrap .second_item:hover {
        border-color: #1a91ff;
        box-shadow: 0px 4px 48px 0px rgba(0, 28, 85, 0.12);
        background-image: url(/_next/static/img/normal-bg-hover.0cc4430.png); }
      .instruction_content .second_wrap .second_item.none {
        border: none;
        height: 0;
        padding: 0; }
      .instruction_content .second_wrap .second_item .second_title {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 500; }
      .instruction_content .second_wrap .second_item .second_content {
        text-align: justify;
        line-height: 30px; }
      .instruction_content .second_wrap .second_item .second_preTitle {
        position: absolute;
        bottom: 24px;
        min-width: 72px;
        box-sizing: border-box;
        padding: 0 8px;
        height: 28px;
        color: #7c8591;
        text-align: center;
        line-height: 28px;
        border: 0.8px solid #dde2e9;
        border-radius: 4px;
        font-size: 12px; }

.prompt_modal {
  box-sizing: border-box; }
  .prompt_modal .prompt_title {
    border-left: #1a91ff 2px solid;
    padding-left: 10px;
    border-radius: 0px 100px 100px 0px; }
  .prompt_modal .ant-btn-default {
    width: 96px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #dde2e9;
    border-radius: 2px;
    color: rgba(6, 22, 47, 0.6); }
  .prompt_modal .ant-btn-primary {
    width: 96px;
    height: 36px;
    background: #1a91ff;
    border-radius: 2px; }
  .prompt_modal .input_wrap {
    padding: 22px 0; }
    .prompt_modal .input_wrap textarea {
      width: 502px;
      height: 180px;
      background: #f8f9fb;
      border: 1px solid #dde2e9;
      border-radius: 4px;
      resize: none;
      padding: 10px;
      line-height: 30px;
      color: #06162f; }

.page_instruction {
  font-family: PingFang SC, PingFang SC-Regular;
  background-color: #f4f5f9; }
  .page_instruction.is-pc {
    min-width: 1120px; }
    .page_instruction.is-pc .content {
      min-width: 1120px; }
  .page_instruction + .affix {
    display: none; }
  .page_instruction .content {
    background: url(https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16817146474086467%2Fdrawable.png) top center no-repeat;
    background-size: 100% auto; }
    .page_instruction .content .h-header .h-menu-wrap {
      background: none;
      box-shadow: none; }

@keyframes rotateSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  animation: rotateSpinner 1.2s linear infinite; }
  .spinner .dot {
    position: absolute;
    top: 45%;
    left: 100%;
    background-color: #333;
    border-radius: 50%;
    -ms-transform-origin: -25px;
        transform-origin: -25px; }
    .spinner .dot:nth-child(1) {
      width: calc(2px + (1) * 1px);
      height: calc(2px + (1) * 1px);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      animation-delay: 0s; }
    .spinner .dot:nth-child(2) {
      width: calc(2px + (2) * 1px);
      height: calc(2px + (2) * 1px);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
      animation-delay: 0.1s; }
    .spinner .dot:nth-child(3) {
      width: calc(2px + (3) * 1px);
      height: calc(2px + (3) * 1px);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
      animation-delay: 0.2s; }
    .spinner .dot:nth-child(4) {
      width: calc(2px + (4) * 1px);
      height: calc(2px + (4) * 1px);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
      animation-delay: 0.3s; }
    .spinner .dot:nth-child(5) {
      width: calc(2px + (5) * 1px);
      height: calc(2px + (5) * 1px);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
      animation-delay: 0.4s; }
    .spinner .dot:nth-child(6) {
      width: calc(2px + (6) * 1px);
      height: calc(2px + (6) * 1px);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
      animation-delay: 0.5s; }
    .spinner .dot:nth-child(7) {
      width: calc(2px + (7) * 1px);
      height: calc(2px + (7) * 1px);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
      animation-delay: 0.6s; }
    .spinner .dot:nth-child(8) {
      width: calc(2px + (8) * 1px);
      height: calc(2px + (8) * 1px);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
      animation-delay: 0.7s; }
    .spinner .dot:nth-child(9) {
      width: calc(2px + (9) * 1px);
      height: calc(2px + (9) * 1px);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
      animation-delay: 0.8s; }
    .spinner .dot:nth-child(10) {
      width: calc(2px + (10) * 1px);
      height: calc(2px + (10) * 1px);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
      animation-delay: 0.9s; }
    .spinner .dot:nth-child(11) {
      width: calc(2px + (11) * 1px);
      height: calc(2px + (11) * 1px);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
      animation-delay: 1s; }
    .spinner .dot:nth-child(12) {
      width: calc(2px + (12) * 1px);
      height: calc(2px + (12) * 1px);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
      animation-delay: 1.1s; }

.publish-pdf-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, '\5B8B\4F53'; }
  .publish-pdf-main .content {
    margin: 0 18px;
    margin-bottom: 30px; }
  .publish-pdf-main .web-header {
    height: 68px;
    background: #ffffff;
    box-shadow: 0px 7px 8px 0px rgba(59, 77, 161, 0.1);
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 55px; }
  .publish-pdf-main .header-body {
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .publish-pdf-main .web-back {
    cursor: pointer;
    height: 28px;
    font-size: 20px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 28px; }
  .publish-pdf-main .web-downpdf {
    width: 122px;
    height: 44px;
    background: #2a7fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer; }
    .publish-pdf-main .web-downpdf > span {
      height: 20px;
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #ffffff;
      line-height: 20px; }
    .publish-pdf-main .web-downpdf > img {
      width: 16px;
      margin-right: 4px; }
  .publish-pdf-main .header {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 16px; }
  .publish-pdf-main .back {
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 22px; }
  .publish-pdf-main .downpdf {
    width: 87px;
    height: 30px;
    background: #2a7fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #fff;
    font-size: 12px; }
    .publish-pdf-main .downpdf > img {
      width: 14px;
      height: 13px;
      margin-right: 2px; }

.pdf-preview {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 55px; }
  .pdf-preview .react-pdf__Document {
    width: 1200px; }

.react-pdf__Page {
  margin-bottom: 8px; }

.react-pdf__Page__canvas {
  width: 100% !important;
  height: 100% !important; }

.loading {
  width: 100%;
  height: calc(100vh - 110px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.react-pdf__message--no-data {
  display: none; }

.myimg {
  width: 100%;
  display: block;
  margin-bottom: 10px; }

.lite-app-message {
  top: 20% !important;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.ppt-img {
  width: 100%; }

.publish-pdf-main {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, '\5B8B\4F53'; }
  .publish-pdf-main .content {
    margin: 0 18px;
    margin-bottom: 30px; }
  .publish-pdf-main .web-header {
    height: 68px;
    background: #ffffff;
    box-shadow: 0px 7px 8px 0px rgba(59, 77, 161, 0.1);
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 55px; }
  .publish-pdf-main .header-body {
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .publish-pdf-main .web-back {
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    .publish-pdf-main .web-back > img {
      width: 20px;
      margin-right: 4px; }
    .publish-pdf-main .web-back > span {
      height: 28px;
      font-size: 20px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      color: #2b2b2b;
      line-height: 28px; }
  .publish-pdf-main .web-downpdf {
    width: 122px;
    height: 44px;
    background: #2a7fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer; }
    .publish-pdf-main .web-downpdf > span {
      height: 20px;
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-Medium;
      font-weight: 500;
      color: #ffffff;
      line-height: 20px; }
    .publish-pdf-main .web-downpdf > img {
      width: 16px;
      margin-right: 4px; }
  .publish-pdf-main .header {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 16px; }
  .publish-pdf-main .back {
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .publish-pdf-main .back > img {
      width: 16px;
      margin-right: 4px; }
    .publish-pdf-main .back > span {
      height: 22px;
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      color: #2b2b2b;
      line-height: 22px; }
  .publish-pdf-main .downpdf {
    width: 87px;
    height: 30px;
    background: #2a7fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #fff;
    font-size: 12px; }
    .publish-pdf-main .downpdf > img {
      width: 14px;
      height: 13px;
      margin-right: 2px; }

.pdf-preview {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 55px; }
  .pdf-preview .react-pdf__Document {
    width: 1200px; }

.react-pdf__Page {
  margin-bottom: 8px; }

.react-pdf__Page__canvas {
  width: 100% !important;
  height: 100% !important; }

.loading {
  width: 100%;
  height: calc(100vh - 110px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.react-pdf__message--no-data {
  display: none; }

.myimg {
  width: 100%;
  display: block;
  margin-bottom: 10px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-fd-test ul, .service-fd-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-fd-test .service-item-content {
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  background-color: #fff;
  border: 1px solid #e6e8f4; }
  .service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center; }
    .service-fd-test .service-item-content .select-block img {
      width: 120px;
      height: 120px;
      margin: 8px 0;
      border: 1px solid #e6e8f4;
      box-sizing: border-box;
      cursor: pointer; }
    .service-fd-test .service-item-content .select-block img.active {
      border: 3px solid #4a81ff; }
  .service-fd-test .service-item-content .content-block {
    width: 760px; }
    .service-fd-test .service-item-content .content-block .operate-block {
      position: relative;
      text-align: center;
      overflow: hidden;
      font-size: 0; }
      .service-fd-test .service-item-content .content-block .operate-block .display-frame {
        margin-top: 27px;
        overflow: hidden; }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
          position: absolute;
          z-index: 7;
          top: 27px;
          left: 50%;
          margin-left: -208.5px;
          width: 417px;
          border-bottom: 3px solid #3e88f1;
          animation: fcScan 1.2s infinite;
          background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan {
  0% {
    height: 0; }
  to {
    opacity: 0;
    height: 260px; } }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
          position: relative;
          width: 417px;
          height: 256px;
          margin: 0 auto; }
          .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            cursor: grab; }
      .service-fd-test .service-item-content .content-block .operate-block input {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 160px;
        cursor: pointer;
        opacity: 0;
        font-size: 50px;
        -ms-transform: scale(2);
            transform: scale(2);
        z-index: 99; }
      .service-fd-test .service-item-content .content-block .operate-block .taste-button {
        display: inline-block;
        position: relative;
        margin-top: 24px;
        height: 40px;
        width: 160px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #4a81ff;
        background: #fff;
        border: 1px solid #4a81ff;
        border-radius: 3px;
        overflow: hidden; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
          color: #fff;
          background: #4a81ff; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
          color: transparent; }
  .service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6; }
    .service-fd-test .service-item-content .taste-tip p {
      margin: 0;
      line-height: 28px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-fc-test ul, .service-fc-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-fc-test .solutions-item-content {
  background-color: #fff;
  border: 1px solid #e6e8f4; }
  .service-fc-test .solutions-item-content .content-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0 30px; }
    .service-fc-test .solutions-item-content .content-show .solutions-item-content-part {
      position: relative;
      width: 512px;
      text-align: center;
      font-size: 0; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .compare-scan {
        display: none;
        position: absolute;
        z-index: 7;
        top: 25px;
        left: 3.5px;
        width: 358px;
        border-bottom: 3px solid #3e88f1;
        animation: fcScan 1.2s infinite;
        background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan {
  0% {
    height: 0; }
  to {
    opacity: 0;
    height: 240px; } }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part input {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 160px;
        cursor: pointer;
        opacity: 0;
        font-size: 50px;
        -ms-transform: scale(2);
            transform: scale(2);
        z-index: 99; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button {
        display: inline-block;
        position: relative;
        margin-top: 26px;
        height: 40px;
        width: 160px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #4a81ff;
        background: #fff;
        border: 1px solid #4a81ff;
        border-radius: 3px;
        overflow: hidden; }
        .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button:hover {
          color: #fff;
          background: #4a81ff; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image {
        width: 358px;
        height: 238px;
        margin: 25px auto 0;
        border: 1px solid #e7e9f5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-left {
        background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a1.png); }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-right {
        background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a2.png); }
    .service-fc-test .solutions-item-content .content-show .solutions-item-content-score {
      position: relative;
      font-size: 0; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-score .canvas-container {
        margin-top: 40px; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent {
        position: absolute;
        left: 0;
        top: 100px;
        width: 100%;
        text-align: center; }
        .service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent span {
          font-size: 14px;
          color: #4a81ff; }
        .service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent .compare-percent-score {
          font-size: 24px;
          font-weight: bold; }
      .service-fc-test .solutions-item-content .content-show .solutions-item-content-score p {
        width: 100%;
        text-align: center;
        color: #657383;
        font-size: 14px; }
  .service-fc-test .solutions-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6; }
    .service-fc-test .solutions-item-content .taste-tip p {
      margin: 0;
      line-height: 28px; }
  .service-fc-test .solutions-item-content .solutions-item-photo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 30px 25px; }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .solutions-item-photo {
      position: relative;
      width: 160px;
      height: 89px;
      font-size: 0;
      opacity: .5;
      cursor: pointer;
      background-repeat: no-repeat;
      background-size: cover; }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .photo-1 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a11.png); }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .photo-2 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/b11.png); }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .photo-3 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/c11.png); }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .photo-4 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/f22.png); }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .photo-5 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/e11.png); }
    .service-fc-test .solutions-item-content .solutions-item-photo-list .active {
      border: 2px solid #4a81ff;
      opacity: 1; }
      .service-fc-test .solutions-item-content .solutions-item-photo-list .active::after {
        position: absolute;
        left: 67.5px;
        top: 35px;
        content: "VS";
        background-color: #4a81ff;
        width: 25px;
        height: 25px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        line-height: 25px;
        border-radius: 50%; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-fd-test ul,
.service-fd-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-fd-test .service-item-content {
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  background: transparent;
  border: 0; }
  .service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center; }
    .service-fd-test .service-item-content .select-block img {
      width: 120px;
      height: 120px;
      margin: 8px 0;
      border: 1px solid #e6e8f4;
      box-sizing: border-box;
      cursor: pointer; }
    .service-fd-test .service-item-content .select-block img.active {
      border: 3px solid #4a81ff; }
  .service-fd-test .service-item-content .content-block {
    width: 940px; }
    .service-fd-test .service-item-content .content-block .operate-block {
      position: relative;
      text-align: center;
      overflow: hidden;
      font-size: 0; }
      .service-fd-test .service-item-content .content-block .operate-block .display-frame {
        margin-top: 27px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 100%;
        margin: auto;
        position: relative; }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
          position: absolute;
          left: 0;
          top: 0;
          margin-left: 0;
          z-index: 7;
          width: 430px;
          border-bottom: 3px solid #3e88f1;
          animation: fcScan2 1.2s infinite;
          background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan2 {
  0% {
    height: 0px; }
  to {
    opacity: 0;
    height: 440px; } }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
          position: relative;
          width: 430px;
          height: 440px;
          background: #f3f3f8;
          margin: 0 auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; }
          .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
            position: relative;
            background-color: #f3f3f8;
            cursor: grab; }
      .service-fd-test .service-item-content .content-block .operate-block input {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 160px;
        cursor: pointer;
        opacity: 0;
        font-size: 50px;
        -ms-transform: scale(2);
            transform: scale(2);
        z-index: 99; }
      .service-fd-test .service-item-content .content-block .operate-block .taste-button {
        display: inline-block;
        position: relative;
        margin-top: 24px;
        height: 40px;
        width: 160px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #4a81ff;
        background: #fff;
        border: 1px solid #4a81ff;
        border-radius: 3px;
        overflow: hidden; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
          color: #fff;
          background: #4a81ff; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
          color: transparent; }
  .service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6; }
    .service-fd-test .service-item-content .taste-tip p {
      margin: 0;
      line-height: 28px; }

.service-fd-test .service-item-content .block-ocr-result {
  width: 430px;
  height: 440px;
  padding: 0px 35px;
  box-sizing: border-box;
  border: 1.5px solid #DDDDDD; }
  .service-fd-test .service-item-content .block-ocr-result .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #ddd; }
    .service-fd-test .service-item-content .block-ocr-result .title span {
      font-weight: normal;
      font-size: 16px; }
  .service-fd-test .service-item-content .block-ocr-result .result-content {
    overflow-y: auto;
    width: 380px;
    height: 350px; }
  .service-fd-test .service-item-content .block-ocr-result .content-wrap {
    padding-bottom: 10px; }
  .service-fd-test .service-item-content .block-ocr-result .content {
    margin-bottom: 15px;
    color: #657384;
    font-size: 14px;
    text-align: left;
    margin: 0;
    line-height: 30px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-fd-test ul,
.service-fd-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-fd-test .service-item-content {
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  background: transparent;
  border: 0; }
  .service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center; }
    .service-fd-test .service-item-content .select-block img {
      width: 120px;
      height: 120px;
      margin: 8px 0;
      border: 1px solid #e6e8f4;
      box-sizing: border-box;
      cursor: pointer; }
    .service-fd-test .service-item-content .select-block img.active {
      border: 3px solid #4a81ff; }
  .service-fd-test .service-item-content .content-block {
    width: 940px; }
    .service-fd-test .service-item-content .content-block .operate-block {
      position: relative;
      text-align: center;
      overflow: hidden;
      font-size: 0; }
      .service-fd-test .service-item-content .content-block .operate-block .display-frame {
        margin-top: 27px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 100%;
        margin: auto;
        position: relative; }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
          position: absolute;
          left: 0;
          top: 0;
          margin-left: 0;
          z-index: 7;
          width: 430px;
          border-bottom: 3px solid #3e88f1;
          animation: fcScan2 1.2s infinite;
          background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan2 {
  0% {
    height: 0px; }
  to {
    opacity: 0;
    height: 440px; } }
        .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
          position: relative;
          width: 430px;
          height: 440px;
          background: #f3f3f8;
          margin: 0 auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; }
          .service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
            position: relative;
            background-color: #f3f3f8;
            cursor: grab; }
      .service-fd-test .service-item-content .content-block .operate-block input {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 160px;
        cursor: pointer;
        opacity: 0;
        font-size: 50px;
        -ms-transform: scale(2);
            transform: scale(2);
        z-index: 99; }
      .service-fd-test .service-item-content .content-block .operate-block .taste-button {
        display: inline-block;
        position: relative;
        margin-top: 24px;
        height: 40px;
        width: 160px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #4a81ff;
        background: #fff;
        border: 1px solid #4a81ff;
        border-radius: 3px;
        overflow: hidden; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
          color: #fff;
          background: #4a81ff; }
        .service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
          color: transparent; }
  .service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6; }
    .service-fd-test .service-item-content .taste-tip p {
      margin: 0;
      line-height: 28px; }

.service-fd-test .service-item-content .block-ocr-result {
  width: 430px;
  height: 440px;
  padding: 0px 35px;
  box-sizing: border-box;
  border: 1.5px solid #DDDDDD; }
  .service-fd-test .service-item-content .block-ocr-result .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #ddd; }
    .service-fd-test .service-item-content .block-ocr-result .title span {
      font-weight: normal;
      font-size: 16px; }
  .service-fd-test .service-item-content .block-ocr-result .result-content {
    overflow-y: auto;
    width: 380px;
    height: 350px; }
  .service-fd-test .service-item-content .block-ocr-result .content-wrap {
    padding-bottom: 10px; }
  .service-fd-test .service-item-content .block-ocr-result .content {
    margin-bottom: 15px;
    color: #657384;
    font-size: 14px;
    text-align: left;
    margin: 0;
    line-height: 30px; }

.iflygpt-setting {
  width: 100%;
  height: 100%;
  padding: 23.26px 18.68px 11.39px 18.68px; }
  .iflygpt-setting .iflygpt-setting-form-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 18px;
    font-size: 13px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #556eff;
    line-height: 18px; }
  .iflygpt-setting .iflygpt-setting-form-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #181818;
    line-height: 26px;
    margin-right: 8px; }
  .iflygpt-setting .iflygpt-setting-form-flex {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .iflygpt-setting .iflygpt-setting-form {
    width: 100%;
    height: auto; }
    .iflygpt-setting .iflygpt-setting-form .ant-input-number .ant-input-number-input {
      padding: 4px;
      text-align: center; }
    .iflygpt-setting .iflygpt-setting-form .ant-input-number-group-wrapper {
      width: 92.5px;
      height: 31px;
      background-color: #fff;
      margin-left: 12px; }
      .iflygpt-setting .iflygpt-setting-form .ant-input-number-group-wrapper .ant-input-number-group-addon {
        background-color: #fff;
        padding: 0 7px; }
    .iflygpt-setting .iflygpt-setting-form .ant-switch.ant-switch-checked {
      background-color: #556eff; }
    .iflygpt-setting .iflygpt-setting-form .iflygpt-setting-form-content {
      display: -ms-flexbox;
      display: flex; }
      .iflygpt-setting .iflygpt-setting-form .iflygpt-setting-form-content .ant-slider {
        width: 160px; }
        .iflygpt-setting .iflygpt-setting-form .iflygpt-setting-form-content .ant-slider .ant-slider-handle::after {
          box-shadow: none;
          background-color: #556eff; }
      .iflygpt-setting .iflygpt-setting-form .iflygpt-setting-form-content .ant-slider .ant-slider-track {
        background-color: #556eff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.public-frame-ocr ul, .public-frame-ocr li, .public-frame-ocr h3, .public-frame-ocr p {
  margin: 0;
  padding: 0;
  list-style: none; }

.public-frame-ocr .service-item-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .public-frame-ocr .service-item-content .block-ocr-imgs {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    width: 456px;
    height: 400px;
    background-color: #f3f3f8; }
    .public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan, .public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan-entire {
      position: absolute;
      z-index: 7;
      top: 20px;
      left: 20px;
      width: 300px;
      border-bottom: 3px solid #3e88f1;
      animation: fcScan 1.2s infinite;
      background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan {
  0% {
    height: 0; }
  to {
    opacity: 0;
    height: 400px; } }
    .public-frame-ocr .service-item-content .block-ocr-imgs .show-img, .public-frame-ocr .service-item-content .block-ocr-imgs .show-img-entire {
      height: 400px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }
    .public-frame-ocr .service-item-content .block-ocr-imgs .show-img, .public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan {
      width: 300px; }
    .public-frame-ocr .service-item-content .block-ocr-imgs .show-img-entire, .public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan-entire {
      width: 456px; }
    .public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-left: 12px;
      height: 400px; }
      .public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list div.img-item {
        width: 140px;
        height: 120px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        box-sizing: border-box;
        cursor: pointer; }
      .public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list .active {
        border: 4px solid #2689e5; }
  .public-frame-ocr .service-item-content .block-ocr-result {
    width: 430px;
    height: 440px;
    padding: 35px;
    box-sizing: border-box;
    border: 1.5px solid #DDDDDD; }
    .public-frame-ocr .service-item-content .block-ocr-result .title {
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: bold; }
    .public-frame-ocr .service-item-content .block-ocr-result .content {
      margin-bottom: 15px;
      margin-left: 3px;
      color: #657384; }
  .public-frame-ocr .service-item-content .block-ocr-upload {
    width: 100%;
    text-align: center; }
    .public-frame-ocr .service-item-content .block-ocr-upload .taste-tip {
      margin: 30px 0 20px 34px;
      font-size: 12px;
      color: #7a8ba6; }
      .public-frame-ocr .service-item-content .block-ocr-upload .taste-tip p {
        margin: 0;
        line-height: 28px; }
    .public-frame-ocr .service-item-content .block-ocr-upload input {
      position: absolute;
      left: 0;
      top: 0;
      height: 40px;
      width: 160px;
      cursor: pointer;
      opacity: 0;
      font-size: 50px;
      -ms-transform: scale(2);
          transform: scale(2);
      z-index: 99; }
    .public-frame-ocr .service-item-content .block-ocr-upload .taste-button {
      display: inline-block;
      position: relative;
      height: 40px;
      width: 160px;
      line-height: 40px;
      font-size: 16px;
      letter-spacing: 2px;
      text-align: center;
      color: #4a81ff;
      background: #fff;
      border: 1px solid #4a81ff;
      border-radius: 3px;
      overflow: hidden; }
      .public-frame-ocr .service-item-content .block-ocr-upload .taste-button:hover {
        color: #fff;
        background: #4a81ff; }
      .public-frame-ocr .service-item-content .block-ocr-upload .taste-button input[type="file"] {
        color: transparent; }

.block-ocr-result {
  overflow-y: auto; }


@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-ots-test ul, .service-ots-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-ots-test .service-item-content {
  position: relative; }
  .service-ots-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 968px; }
    .service-ots-test .service-item-content .Lbox .Lbox-content {
      margin-top: 10px;
      border: 1px solid #e9e9e9;
      box-sizing: border-box;
      background-color: #fff; }
      .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used {
        height: 36px;
        line-height: 34px;
        font-size: 0;
        background-color: #faf9f8;
        border-bottom: 1px solid #e9e9e9; }
        .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used span {
          margin-left: 20px;
          font-size: 14px;
          font-weight: bold; }
        .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul {
          display: inline-block; }
          .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li {
            display: inline-block;
            margin-left: 32px;
            font-size: 12px;
            cursor: pointer; }
            .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li:hover {
              color: #478eea; }
          .service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul .selected:hover {
            cursor: not-allowed; }
    .service-ots-test .service-item-content .Lbox .Lbox-title {
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #e9e9e9; }
      .service-ots-test .service-item-content .Lbox .Lbox-title li {
        width: 20%;
        font-size: 16px;
        line-height: 24px;
        color: #666;
        text-align: center;
        letter-spacing: 8px; }
        .service-ots-test .service-item-content .Lbox .Lbox-title li:nth-child(2n+1) {
          background-color: #e9e9e9; }
    .service-ots-test .service-item-content .Lbox .Lbox-table {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      font-size: 12px; }
      .service-ots-test .service-item-content .Lbox .Lbox-table ul {
        width: 20%; }
        .service-ots-test .service-item-content .Lbox .Lbox-table ul li {
          padding-left: 65px;
          height: 22px;
          line-height: 22px;
          color: #666;
          cursor: pointer; }
          .service-ots-test .service-item-content .Lbox .Lbox-table ul li:hover {
            color: #478eea; }
          .service-ots-test .service-item-content .Lbox .Lbox-table ul li:nth-child(2n) {
            background-color: #e9e9e9; }
        .service-ots-test .service-item-content .Lbox .Lbox-table ul .selected:hover {
          cursor: not-allowed; }
  .service-ots-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px; }
    .service-ots-test .service-item-content .trans-io .io-input,
    .service-ots-test .service-item-content .trans-io .io-output {
      position: relative;
      display: inline-block;
      border: 1px solid #dedede;
      width: 50%;
      height: 210px;
      font-size: 16px;
      color: #999;
      box-sizing: border-box;
      vertical-align: top; }
    .service-ots-test .service-item-content .trans-io .io-output {
      overflow: auto;
      background: #f0f0f0; }
    .service-ots-test .service-item-content .trans-io .textarea-box {
      margin: 10px; }
    .service-ots-test .service-item-content .trans-io .io-input {
      background-color: #fff; }
    .service-ots-test .service-item-content .trans-io .io-input textarea {
      display: block;
      overflow: auto;
      width: 100%;
      height: 160px;
      border: none;
      line-height: 20px;
      font-size: 16px;
      color: #333;
      resize: none;
      outline: none; }
    .service-ots-test .service-item-content .trans-io .trans-text-num {
      margin-top: 10px;
      text-align: right; }
    .service-ots-test .service-item-content .trans-io .io-output .output {
      display: block;
      margin: 10px;
      line-height: 22px; }
  .service-ots-test .service-item-content .trans-tip {
    color: #8f9dae; }

.trans-operation {
  font-size: 0; }
  .trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer; }
    .trans-operation .trans-select-button span {
      padding-left: 12px; }
    .trans-operation .trans-select-button .icons-arrow-drop {
      position: absolute;
      top: 16px;
      right: 12px;
      height: 0;
      width: 0;
      border-width: 8px 6px;
      border-style: solid;
      border-color: #ccc transparent transparent;
      font-size: 0;
      line-height: 0; }
  .trans-operation .trans-to-button {
    margin-left: 40px; }
  .trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer; }
  .trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer;
    outline: none; }
  .trans-operation .taste-button:hover {
    background: #0b99ff; }

@charset "UTF-8";
.demo-online-dub {
  width: 100%;
  margin: 0 auto;
  font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
  color: #24374e;
  font-size: 14px; }
  .demo-online-dub ul, .demo-online-dub p {
    margin: 0;
    padding: 0;
    list-style: none; }
  .demo-online-dub #ex_ctrl_wrap {
    width: 100%; }
  .demo-online-dub .demo-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .demo-online-dub .demo-content .service-tip {
      margin-top: 20px;
      line-height: 24px;
      color: #657384;
      width: auto; }
      .demo-online-dub .demo-content .service-tip .service-link {
        color: #2277e6;
        text-decoration: none;
        cursor: pointer; }
        .demo-online-dub .demo-content .service-tip .service-link:hover {
          color: #478eea; }
    .demo-online-dub .demo-content .defaultbar {
      position: relative;
      height: 2px;
      background-color: #dee0ec;
      border: 2px solid #fbfbfb;
      border-radius: 2px; }
      .demo-online-dub .demo-content .defaultbar .jquery-completed {
        position: absolute;
        top: 0px;
        left: 1px;
        height: 2px;
        background-color: #2277e6; }
      .demo-online-dub .demo-content .defaultbar .jquery-jslider {
        position: absolute;
        top: -5px;
        display: block;
        height: 10px;
        background-color: #2277e6;
        border-radius: 100%;
        cursor: pointer; }
      .demo-online-dub .demo-content .defaultbar .jquery-jslider-hover {
        background-color: #2277e6; }
    .demo-online-dub .demo-content .ex-speakers-tab {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      margin-bottom: 40px; }
      .demo-online-dub .demo-content .ex-speakers-tab li {
        padding: 10px 40px;
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        color: #777;
        cursor: pointer; }
        .demo-online-dub .demo-content .ex-speakers-tab li:first-child {
          padding-left: 100px; }
        .demo-online-dub .demo-content .ex-speakers-tab li:last-child {
          padding-right: 100px; }
        .demo-online-dub .demo-content .ex-speakers-tab li.active {
          border-color: #2277e6;
          color: #333; }
    .demo-online-dub .demo-content .ex-speakers-tab-con {
      display: -ms-flexbox;
      display: flex; }
    .demo-online-dub .demo-content .ex-left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 12px 25px;
      background-color: #fff;
      width: 600px;
      height: 350px; }
    .demo-online-dub .demo-content .ex-speaker-scene,
    .demo-online-dub .demo-content .ex-speaker-voice {
      display: -ms-flexbox;
      display: flex;
      margin-top: 4px;
      color: #2277e6;
      line-height: 1.8;
      font-size: 13px; }
      .demo-online-dub .demo-content .ex-speaker-scene > span,
      .demo-online-dub .demo-content .ex-speaker-voice > span {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 70px;
        text-align: right; }
      .demo-online-dub .demo-content .ex-speaker-scene ul,
      .demo-online-dub .demo-content .ex-speaker-voice ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .demo-online-dub .demo-content .ex-speaker-scene ul li,
        .demo-online-dub .demo-content .ex-speaker-voice ul li {
          margin-left: 8px;
          cursor: pointer; }
          .demo-online-dub .demo-content .ex-speaker-scene ul li.active,
          .demo-online-dub .demo-content .ex-speaker-voice ul li.active {
            padding: 0 7px;
            border-radius: 3px;
            background: #2277e6;
            color: #fff; }
    .demo-online-dub .demo-content .ex-speaker-main {
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 16px;
      margin: 12px 0;
      background-color: #fff; }
    .demo-online-dub .demo-content .ex-speaker-speakers {
      display: none;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .demo-online-dub .demo-content .ex-speaker-speakers.active {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
    .demo-online-dub .demo-content .ex-speakers {
      -ms-flex-positive: 1;
          flex-grow: 1;
      overflow: hidden;
      padding: 6px 0 6px 8px;
      height: 170px;
      box-sizing: border-box;
      font-size: 12px;
      border: 1px solid #f5f5f5; }
      .demo-online-dub .demo-content .ex-speakers ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        overflow: auto;
        max-height: 100%; }
        .demo-online-dub .demo-content .ex-speakers ul li {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          margin: 2px 2px 0 0;
          width: 184px;
          height: 50px;
          cursor: pointer; }
          .demo-online-dub .demo-content .ex-speakers ul li.active, .demo-online-dub .demo-content .ex-speakers ul li:hover {
            background-color: #f2f3f7; }
            .demo-online-dub .demo-content .ex-speakers ul li.active .ex-speaker-radio, .demo-online-dub .demo-content .ex-speakers ul li:hover .ex-speaker-radio {
              opacity: 1; }
          .demo-online-dub .demo-content .ex-speakers ul li.active .ex-speaker-radio {
            background: url(/static/img/online-tts/assets/icon-radio.png) center no-repeat; }
      .demo-online-dub .demo-content .ex-speakers .ex-speaker-radio {
        display: inline-block;
        margin: 0 4px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        border: 1px solid #dee0ec;
        border-radius: 100%;
        font-style: normal;
        opacity: 0; }
      .demo-online-dub .demo-content .ex-speakers .ex-speaker-photo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end;
        -ms-flex-pack: center;
            justify-content: center;
        margin-right: 4px;
        width: 34px;
        height: 34px;
        border: 1px solid #dee0ec;
        background-color: #fff; }
        .demo-online-dub .demo-content .ex-speakers .ex-speaker-photo img {
          max-width: 100%;
          max-height: 100%; }
        .demo-online-dub .demo-content .ex-speakers .ex-speaker-photo .photo-type2 {
          max-height: 80%; }
      .demo-online-dub .demo-content .ex-speakers .ex-speaker-name {
        display: inline-block;
        margin-right: 4px;
        min-width: 30px; }
      .demo-online-dub .demo-content .ex-speakers .ex-speaker-tag {
        position: absolute;
        right: 12px;
        top: 2px;
        padding: 0 4px;
        background-color: #ff5029;
        line-height: 16px;
        font-size: 12px;
        -ms-transform: scale(0.9);
            transform: scale(0.9);
        word-break: keep-all;
        color: #fff; }
    .demo-online-dub .demo-content .ex-left-bottom .ctrl-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 10px; }
    .demo-online-dub .demo-content .ex-left-bottom .js-slider-text {
      display: inline-block;
      min-width: 50px;
      text-align: right; }
    .demo-online-dub .demo-content .ex-right {
      -ms-flex-positive: 1;
          flex-grow: 1;
      border: 1px solid #f5f5f5;
      background-color: #fff; }
      .demo-online-dub .demo-content .ex-right .ex-textarea {
        position: relative; }
        .demo-online-dub .demo-content .ex-right .ex-textarea .text-num {
          position: absolute;
          bottom: -42px;
          right: 12px;
          font-size: 12px;
          color: #d3d3d3;
          text-align: right; }
      .demo-online-dub .demo-content .ex-right textarea {
        padding: 20px;
        width: 100%;
        height: 300px;
        border: none;
        color: #808080;
        line-height: 1.5;
        font-size: 14px;
        resize: none;
        box-sizing: border-box; }
      .demo-online-dub .demo-content .ex-right .audio-ctrl-btn {
        float: right;
        margin-right: 12px;
        margin-top: 12px;
        display: block;
        margin-bottom: 16px;
        width: 100px;
        height: 36px;
        background-color: #2277e6;
        border-radius: 4px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        cursor: pointer; }

.dub-bottom {
  background-color: #fff;
  padding: 12px 25px;
  border-top: 1px solid #f5f5f5; }
  .dub-bottom .dub-bottom-tips-sub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .dub-bottom .dub-bottom-tips-sub .dub-tips {
      font-size: 12px;
      color: #666;
      line-height: 22px; }
      .dub-bottom .dub-bottom-tips-sub .dub-tips span {
        color: #4a81ff; }
    .dub-bottom .dub-bottom-tips-sub .dub-sub {
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #4a81ff;
      line-height: 40px;
      height: 40px;
      width: 240px;
      border-radius: 50px;
      margin-top: 35px; }
      .dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left {
        width: 50%;
        text-align: center;
        font-size: 18px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
        .dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left .sub-warn {
          display: none; }
        .dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left img {
          margin-left: 5px;
          width: 14px;
          height: 14px;
          cursor: pointer; }
      .dub-bottom .dub-bottom-tips-sub .dub-sub .sub-right {
        width: 50%;
        text-align: center;
        border-left: 1px solid #4a81ff;
        background-color: #4a81ff;
        color: #fff;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-top: -1px;
        margin-bottom: -1px;
        margin-right: -1px;
        cursor: pointer; }
  .dub-bottom .dub-bottom-compose {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px; }
    .dub-bottom .dub-bottom-compose .dub-play {
      cursor: pointer; }
      .dub-bottom .dub-bottom-compose .dub-play img {
        width: 50px;
        height: 50px; }
    .dub-bottom .dub-bottom-compose .compose {
      margin-top: 23px;
      margin-left: 20px;
      position: relative;
      width: 100%;
      height: 5px;
      background-color: #dee0ec; }
      .dub-bottom .dub-bottom-compose .compose .slider-point {
        background-color: #2277e6;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        left: -5px;
        top: -3px; }
      .dub-bottom .dub-bottom-compose .compose .slider-box {
        width: 0px;
        height: 5px;
        background-color: #2277e6; }

.dub-model {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: #000;
  z-index: 998; }

#dub-model-title {
  position: fixed;
  top: 20%;
  width: 400px;
  background-color: #fff;
  left: 50%;
  margin-left: -200px;
  z-index: 999;
  height: 220px;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  /* 老的 Firefox */
  box-shadow: 5px 5px 5px #888888; }
  #dub-model-title .dub-model-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5; }
    #dub-model-title .dub-model-header .header-title {
      padding-left: 20px;
      font-size: 18px; }
    #dub-model-title .dub-model-header .header-close {
      padding-right: 15px;
      cursor: pointer; }
      #dub-model-title .dub-model-header .header-close img {
        vertical-align: middle;
        width: 25px;
        height: 25px; }
  #dub-model-title .dub-model-body {
    text-align: center;
    margin: 30px 20px;
    overflow-y: auto;
    height: 80px;
    font-size: 14px;
    position: relative; }
    #dub-model-title .dub-model-body input {
      line-height: 36px;
      width: 75%;
      padding-left: 12px; }
    #dub-model-title .dub-model-body img {
      position: absolute;
      right: 44px;
      top: 12px;
      width: 18px;
      height: 18px;
      cursor: pointer; }
  #dub-model-title .dub-model-message {
    position: absolute;
    top: 112px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: red; }
  #dub-model-title .dub-model-footer {
    text-align: center;
    position: absolute;
    bottom: 25px;
    width: 100%; }
    #dub-model-title .dub-model-footer .btn-a {
      background-color: #2277e6;
      padding: 8px 50px;
      border-radius: 5px;
      color: #fff;
      cursor: pointer; }
    #dub-model-title .dub-model-footer .btn-b {
      background-color: #2277e6;
      padding: 8px 25px;
      border-radius: 5px;
      color: #fff;
      cursor: pointer; }
    #dub-model-title .dub-model-footer .btn-c {
      color: #333;
      background-color: #fff;
      border: 1px solid #f5f5f5;
      margin-left: 20px; }

.dub-message-info {
  position: fixed;
  top: 35%;
  left: 50%;
  padding: 8px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #423f3f;
  z-index: 999;
  font-size: 14px; }

.dub-info {
  position: fixed;
  top: 35%;
  left: 50%;
  padding: 8px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #423f3f;
  z-index: 999;
  font-size: 14px; }

.demo-online-tts {
  width: 940px;
  box-sizing: border-box;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .demo-online-tts .demo-speaker-wrap {
    width: 636px;
    box-sizing: border-box;
    height: 460px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .demo-online-tts .demo-speaker-wrap .top {
      background-color: #fff;
      padding-bottom: 14px; }
      .demo-online-tts .demo-speaker-wrap .top .sence-ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        border-bottom: 1px solid #dee0ec;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li {
          height: 53px;
          line-height: 53px;
          font-size: 16px;
          color: #24374e;
          position: relative;
          cursor: pointer; }
          .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li::after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: -1px;
            left: 50%;
            border-bottom: 2px solid #2277E6;
            transition: width 0.2s;
            transform: translate3d(-50%, 0, 0);
            -ms-transform-origin: center center;
                transform-origin: center center; }
          .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover, .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active {
            color: #2277E6; }
            .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover::after, .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active::after {
              width: 100%; }
      .demo-online-tts .demo-speaker-wrap .top .sty-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 16px;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-size: 12px; }
          .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .title {
            display: inline-block;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 60px;
            text-align: right; }
          .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
            .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li {
              padding: 4px 8px;
              margin-right: 4px;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              cursor: pointer; }
              .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:hover, .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li-active {
                color: #ffffff;
                background-color: #2277E6; }
              .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:last-child {
                margin-right: 0; }
      .demo-online-tts .demo-speaker-wrap .top .domain {
        font-size: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 16px;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .domain .title {
          display: inline-block;
          width: 60px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          text-align: right; }
        .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          margin-top: -4px; }
          .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li {
            padding: 4px 8px;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 4px;
            cursor: pointer; }
            .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:last-child {
              margin-right: 0; }
            .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:hover, .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li-active {
              color: #ffffff;
              background-color: #2277E6; }
        .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          height: 26px;
          overflow: hidden;
          width: calc(100% - 108px);
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul > li {
            margin-bottom: 1px; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul.expand {
            height: auto; }
        .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          color: #0F7EFE;
          margin-top: -1px;
          margin-left: 10px;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon {
            margin-left: 4px;
            transition: transform 0.2s; }
            .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon.expand {
              -ms-transform: rotate(180deg);
                  transform: rotateZ(180deg); }
    .demo-online-tts .demo-speaker-wrap .scroll-wrap {
      -ms-flex: 1;
          flex: 1;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 8px;
      font-size: 12px; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap.expand {
        height: 276px; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container {
        padding: 12px 16px; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title {
          color: #8393AC; }
          .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title.other {
            display: inline-block;
            padding-top: 4px; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          box-sizing: border-box;
          margin-top: 8px; }
          .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li {
            width: 193px;
            height: 76px;
            box-sizing: border-box;
            border-radius: 2px;
            background-color: #F5F7FA;
            cursor: pointer;
            margin: 0 12px 12px 0;
            padding: 8px 10px;
            border: 1px solid #F5F7FA;
            position: relative; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.multiple {
              cursor: default; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver {
              display: none;
              width: 193px;
              position: absolute;
              box-sizing: border-box;
              top: 86px;
              left: 0;
              background: #FFFFFF;
              box-shadow: 0px 4px 12px 0px rgba(36, 55, 78, 0.08);
              z-index: 2;
              padding: 10px 12px; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver::before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                top: -6px;
                left: 24px;
                border-style: solid;
                border-width: 6px;
                border-color: transparent transparent #fff #fff;
                box-shadow: -2px 2px 3px 0 #eee;
                -ms-transform: rotate(135deg);
                    transform: rotate(135deg); }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .title {
                color: #24374E;
                font-size: 13px; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                    justify-content: flex-start;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li {
                  -ms-flex-negative: 0;
                      flex-shrink: 0;
                  margin-top: 12px;
                  min-width: 30%; }
                  .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li > label {
                    width: 100%;
                    text-align: center;
                    cursor: pointer; }
                    .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li > label .code-name {
                      vertical-align: 2px; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .hot {
              width: 43px;
              position: absolute;
              top: 4px;
              right: 0; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:nth-child(3n) {
              margin-right: 0; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:hover, .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-active {
              border: 1px solid #2277E6;
              background-color: rgba(74, 129, 255, 0.04); }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.show-popver .popver {
              display: block; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap {
                width: 36px;
                height: 36px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                margin-right: 8px; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap > img {
                  max-width: 100%;
                  max-height: 100%; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info {
                width: calc(100% - 40px); }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info > div,
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info ul {
                  width: 100%;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .name {
                  font-size: 13px;
                  color: #24374E; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                      align-items: center;
                  -ms-flex-pack: start;
                      justify-content: flex-start; }
                  .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul > li {
                    font-size: 12px;
                    padding: 3px 5px;
                    -ms-transform: scale(0.9);
                        transform: scale(0.9); }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .desc {
              color: #24374E;
              font-size: 12px;
              padding-top: 4px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .placeholder {
          height: 100px;
          line-height: 100px;
          text-align: center;
          font-size: 16px;
          color: #24374E;
          opacity: 0.8; }
  .demo-online-tts .demo-text-wrap {
    width: 290px;
    height: 460px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #EEEFF8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
      width: 14px; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track {
      background-color: #b8c6d1; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
      background-color: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-button {
      width: 0;
      height: 0; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb {
      background: #b8c6d1;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap .list-body::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap .list-body:hover::-webkit-scrollbar-thumb,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
      background: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active {
      background: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:hover {
      background: transparent; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-corner,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:active {
      background: transparent; }
    .demo-online-tts .demo-text-wrap .text {
      padding: 15px;
      width: 100% !important;
      height: 239px !important;
      border: none;
      background-color: #F5F7FA;
      color: #24374E;
      line-height: 1.5;
      font-size: 14px;
      resize: none;
      box-sizing: border-box;
      white-space: pre-wrap; }
    .demo-online-tts .demo-text-wrap .text-bot {
      padding: 12px 11px 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: justify;
          justify-content: space-between;
      border-bottom: 1px solid #e8e8e8;
      margin-bottom: 17px; }
      .demo-online-tts .demo-text-wrap .text-bot-left {
        width: calc(100% - 110px);
        box-sizing: border-box; }
        .demo-online-tts .demo-text-wrap .text-bot-left .len {
          color: #D3D3D3;
          font-size: 12px; }
        .demo-online-tts .demo-text-wrap .text-bot-left .tip {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding-top: 2px;
          font-size: 12px;
          color: #24374E; }
      .demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts {
        width: 92px;
        height: 36px;
        line-height: 36px;
        border-radius: 4px;
        text-align: center;
        color: #ffffff;
        background-color: #2277E6;
        cursor: pointer;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
        .demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts:hover {
          opacity: 0.8; }
    .demo-online-tts .demo-text-wrap .slider-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      padding: 0 16px;
      margin-bottom: 12px; }
      .demo-online-tts .demo-text-wrap .slider-wrap:last-child {
        margin-bottom: 0; }
      .demo-online-tts .demo-text-wrap .slider-wrap > span {
        color: #808080;
        font-size: 13px;
        color: #24374E;
        margin-right: 8px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .rc-input-number {
        width: 60px;
        margin-left: 8px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .slider-item {
        width: calc(100% - 134px); }
        .demo-online-tts .demo-text-wrap .slider-wrap .slider-item .rc-slider-handle-dragging {
          box-shadow: 0 0 0 5px #2277E6; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.demo-text {
  margin-top: 20px;
  margin-left: 234px;
  width: 968px; }
  .demo-text .demo-title {
    color: #24374e;
    font-size: 16px; }
    .demo-text .demo-title .chang-text {
      color: #13b87b;
      cursor: pointer; }
  .demo-text .text-wrap {
    margin-top: 20px;
    padding: 15px;
    background-color: #fff;
    letter-spacing: 3px;
    box-shadow: 0 0 8px #eaecf1; }
    .demo-text .text-wrap .textarea {
      border: none;
      width: 100%;
      height: 100px;
      font-size: 16px;
      box-sizing: border-box;
      color: #333;
      resize: none;
      letter-spacing: 3px;
      font-family: "Microsoft Yahei";
      outline: none; }
    .demo-text .text-wrap .tips-wrap {
      margin-bottom: 20px;
      height: 30px;
      line-height: 30px; }
      .demo-text .text-wrap .tips-wrap .enter-tips {
        color: #8e99a7; }
        .demo-text .text-wrap .tips-wrap .enter-tips .max-num {
          color: #ff841b; }
      .demo-text .text-wrap .tips-wrap .start-load {
        float: right;
        border: 1px solid #66b3ff;
        height: 28px;
        width: 98px;
        text-align: center;
        color: #66b3ff;
        border-radius: 4px;
        cursor: pointer; }
    .demo-text .text-wrap .analysis-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding-top: 16px;
      border-top: 1px solid #efefef;
      line-height: 20px;
      letter-spacing: 0; }
      .demo-text .text-wrap .analysis-wrap .analysis-result {
        margin-left: 4px; }
      .demo-text .text-wrap .analysis-wrap .icons-icon {
        margin-left: 32px;
        margin-right: 14px;
        width: 55px;
        height: 55px;
        background-repeat: no-repeat;
        background-size: cover; }
      .demo-text .text-wrap .analysis-wrap .icons-icon-negative {
        background: url(/static/img/sa/assets/negative.png); }
      .demo-text .text-wrap .analysis-wrap .icons-icon-positive {
        background: url(/static/img/sa/assets/positive.png); }
      .demo-text .text-wrap .analysis-wrap .icons-icon-neutral {
        background: url(/static/img/sa/assets/neutral.png); }
      .demo-text .text-wrap .analysis-wrap .analysis-result-persent {
        margin-left: 20px;
        letter-spacing: 1px; }
        .demo-text .text-wrap .analysis-wrap .analysis-result-persent span {
          font-size: 16px;
          color: #F1B06A; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-sffc-test ul, .service-sffc-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-sffc-test .solutions-item-content {
  background-color: #363946; }
  .service-sffc-test .solutions-item-content .content-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part {
      position: relative;
      width: 512px;
      text-align: center;
      font-size: 0; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .compare-scan {
        display: none;
        position: absolute;
        z-index: 7;
        top: 50px;
        left: 42.5px;
        width: 427px;
        border-bottom: 3px solid #3e88f1;
        animation: fcScan 1.2s infinite;
        background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes fcScan {
  0% {
    height: 0; }
  to {
    opacity: 0;
    height: 240px; } }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part input {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 160px;
        cursor: pointer;
        opacity: 0;
        font-size: 50px;
        -ms-transform: scale(2);
            transform: scale(2);
        z-index: 99; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button {
        display: inline-block;
        position: relative;
        margin-top: 26px;
        height: 40px;
        width: 160px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #fff;
        background: #187cff;
        border: 1px solid #478eea;
        border-radius: 3px;
        overflow: hidden; }
        .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button:hover {
          background: #0b99ff; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image {
        width: 427px;
        height: 240px;
        margin: 50px auto 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-left {
        background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a1.png); }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-right {
        background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a2.png); }
    .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score {
      position: relative;
      width: 150px;
      font-size: 0; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .canvas-container {
        margin-top: 80px; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent {
        position: absolute;
        left: 0;
        top: 143px;
        width: 150px;
        text-align: center; }
        .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent span {
          font-size: 14px;
          color: #d54646; }
        .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent .compare-percent-score {
          font-size: 24px;
          font-weight: bold; }
      .service-sffc-test .solutions-item-content .content-show .solutions-item-content-score p {
        width: 150px;
        text-align: center;
        color: #fff;
        font-size: 14px; }
  .service-sffc-test .solutions-item-content .taste-tip {
    margin: 40px 0 40px 20px;
    color: #fff; }
  .service-sffc-test .solutions-item-content .solutions-item-photo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 130px;
    background-color: #ebebeb; }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .solutions-item-photo {
      position: relative;
      width: 170px;
      height: 94px;
      font-size: 0;
      opacity: .5;
      cursor: pointer;
      background-repeat: no-repeat;
      background-size: cover; }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-1 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a11.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-2 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/b11.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-3 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/c11.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-4 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/d11.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-5 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/e11.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-6 {
      background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/f22.png); }
    .service-sffc-test .solutions-item-content .solutions-item-photo-list .active {
      border: 2px solid #2d9bf3;
      opacity: 1; }
      .service-sffc-test .solutions-item-content .solutions-item-photo-list .active::after {
        position: absolute;
        left: 72.5px;
        top: 35px;
        content: "VS";
        background-color: #2d9bf3;
        width: 25px;
        height: 25px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        line-height: 25px;
        border-radius: 50%; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-sffr-test ul, .service-sffr-test li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-sffr-test .ocr-exp-content .ocr-tab {
  display: -ms-flexbox;
  display: flex; }
  .service-sffr-test .ocr-exp-content .ocr-tab li {
    cursor: pointer; }

.service-sffr-test .ocr-exp-content .default {
  margin-top: 30px;
  border-bottom: 1px solid #ddd; }
  .service-sffr-test .ocr-exp-content .default li {
    position: relative;
    width: 100px;
    margin: 0 250px;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    text-align: center; }
  .service-sffr-test .ocr-exp-content .default .active::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100px;
    height: 3px;
    background-color: #2d9bf3; }

.service-sffr-test .ocr-exp-content .ocr-tab-card {
  display: none; }

.service-sffr-test .ocr-exp-content .label-ghost {
  margin-top: 11px; }
  .service-sffr-test .ocr-exp-content .label-ghost li {
    padding: 10px 12px;
    margin-left: 8px; }
    .service-sffr-test .ocr-exp-content .label-ghost li:nth-of-type(1) {
      margin-left: 52px; }
  .service-sffr-test .ocr-exp-content .label-ghost .active {
    color: #fff;
    background-color: #2d9bf3;
    border-radius: 17px; }

.service-sffr-test .solutions-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 40px; }
  .service-sffr-test .solutions-item-content .pic-light-box {
    position: relative;
    width: 514px;
    height: 514px;
    background-color: #f3f3f8;
    border: 1px solid #ddd;
    overflow: hidden; }
    .service-sffr-test .solutions-item-content .pic-light-box .scan {
      display: none;
      position: absolute;
      z-index: 7;
      top: 0;
      left: 0;
      width: 514px;
      border-bottom: 3px solid #3e88f1;
      animation: scan 1.2s infinite;
      background: linear-gradient(180deg, transparent, #3e88f1); }

@keyframes scan {
  0% {
    height: 0; }
  to {
    opacity: 0;
    height: 514px; } }
    .service-sffr-test .solutions-item-content .pic-light-box canvas {
      position: absolute;
      cursor: grab; }
    .service-sffr-test .solutions-item-content .pic-light-box .tab-btn {
      position: absolute;
      top: 8px;
      right: 10px;
      width: 90px;
      height: 30px;
      color: #333;
      line-height: 30px;
      border-radius: 15px;
      text-align: center;
      background-color: #fff;
      border: 1px solid #ddd;
      z-index: 999; }
    .service-sffr-test .solutions-item-content .pic-light-box .tab-btn.active {
      background-color: #2d9bf3;
      color: #fff; }
    .service-sffr-test .solutions-item-content .pic-light-box .word-result-block {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      z-index: -1; }
      .service-sffr-test .solutions-item-content .pic-light-box .word-result-block .word-result {
        margin: 50px auto 0;
        padding: 15px;
        width: 460px;
        height: 420px;
        line-height: 20px;
        overflow-y: auto;
        border: 1px solid #f0f0f0; }
  .service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn {
    cursor: pointer; }
    .service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn:nth-of-type(1) {
      right: 210px; }
    .service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn:nth-of-type(2) {
      right: 110px; }
  .service-sffr-test .solutions-item-content .icon-to {
    width: 13px;
    height: 16px; }

.service-sffr-test .taste-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 18px; }
  .service-sffr-test .taste-footer input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
        transform: scale(2);
    z-index: 99; }
  .service-sffr-test .taste-footer .taste-button {
    position: relative;
    overflow: hidden;
    border-width: 0;
    width: 90px;
    height: 30px;
    display: inline-block;
    background-color: #2d9bf3;
    border-radius: 3px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    transition: all .2s ease;
    cursor: pointer;
    font-size: 13px; }
  .service-sffr-test .taste-footer .taste-tip {
    margin-left: 67px;
    color: #333; }

.demo-online-tts {
  width: 940px;
  box-sizing: border-box;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .demo-online-tts .demo-speaker-wrap {
    width: 636px;
    box-sizing: border-box;
    height: 460px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .demo-online-tts .demo-speaker-wrap .top {
      background-color: #fff;
      padding-bottom: 14px; }
      .demo-online-tts .demo-speaker-wrap .top .sence-ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        border-bottom: 1px solid #dee0ec;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li {
          height: 53px;
          line-height: 53px;
          font-size: 16px;
          color: #24374e;
          position: relative;
          cursor: pointer; }
          .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li::after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: -1px;
            left: 50%;
            border-bottom: 2px solid #2277E6;
            transition: width 0.2s;
            transform: translate3d(-50%, 0, 0);
            -ms-transform-origin: center center;
                transform-origin: center center; }
          .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover, .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active {
            color: #2277E6; }
            .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover::after, .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active::after {
              width: 100%; }
      .demo-online-tts .demo-speaker-wrap .top .sty-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 16px;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-size: 12px; }
          .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .title {
            display: inline-block;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 60px;
            text-align: right; }
          .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
            .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li {
              padding: 4px 8px;
              margin-right: 4px;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              cursor: pointer; }
              .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:hover, .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li-active {
                color: #ffffff;
                background-color: #2277E6; }
              .demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:last-child {
                margin-right: 0; }
      .demo-online-tts .demo-speaker-wrap .top .domain {
        font-size: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 16px;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .domain .title {
          display: inline-block;
          width: 60px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          text-align: right; }
        .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          margin-top: -4px; }
          .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li {
            padding: 4px 8px;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 4px;
            cursor: pointer; }
            .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:last-child {
              margin-right: 0; }
            .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:hover, .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li-active {
              color: #ffffff;
              background-color: #2277E6; }
        .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          height: 26px;
          overflow: hidden;
          width: calc(100% - 108px);
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul > li {
            margin-bottom: 1px; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul.expand {
            height: auto; }
        .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          color: #0F7EFE;
          margin-top: -1px;
          margin-left: 10px;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon {
            margin-left: 4px;
            transition: transform 0.2s; }
            .demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon.expand {
              -ms-transform: rotate(180deg);
                  transform: rotateZ(180deg); }
    .demo-online-tts .demo-speaker-wrap .scroll-wrap {
      -ms-flex: 1;
          flex: 1;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 8px;
      font-size: 12px; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap.expand {
        height: 276px; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container {
        padding: 12px 16px; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title {
          color: #8393AC; }
          .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title.other {
            display: inline-block;
            padding-top: 4px; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          box-sizing: border-box;
          margin-top: 8px; }
          .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li {
            width: 193px;
            height: 76px;
            box-sizing: border-box;
            border-radius: 2px;
            background-color: #F5F7FA;
            cursor: pointer;
            margin: 0 12px 12px 0;
            padding: 8px 10px;
            border: 1px solid #F5F7FA;
            position: relative; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.multiple {
              cursor: default; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver {
              display: none;
              width: 193px;
              position: absolute;
              box-sizing: border-box;
              top: 86px;
              left: 0;
              background: #FFFFFF;
              box-shadow: 0px 4px 12px 0px rgba(36, 55, 78, 0.08);
              z-index: 2;
              padding: 10px 12px; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver::before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                top: -6px;
                left: 24px;
                border-style: solid;
                border-width: 6px;
                border-color: transparent transparent #fff #fff;
                box-shadow: -2px 2px 3px 0 #eee;
                -ms-transform: rotate(135deg);
                    transform: rotate(135deg); }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .title {
                color: #24374E;
                font-size: 13px; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: start;
                    justify-content: flex-start;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li {
                  -ms-flex-negative: 0;
                      flex-shrink: 0;
                  margin-top: 12px;
                  min-width: 30%; }
                  .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li > label {
                    width: 100%;
                    text-align: center;
                    cursor: pointer; }
                    .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li > label .code-name {
                      vertical-align: 2px; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .hot {
              width: 43px;
              position: absolute;
              top: 4px;
              right: 0; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:nth-child(3n) {
              margin-right: 0; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:hover, .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-active {
              border: 1px solid #2277E6;
              background-color: rgba(74, 129, 255, 0.04); }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.show-popver .popver {
              display: block; }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap {
                width: 36px;
                height: 36px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                margin-right: 8px; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap > img {
                  max-width: 100%;
                  max-height: 100%; }
              .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info {
                width: calc(100% - 40px); }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info > div,
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info ul {
                  width: 100%;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .name {
                  font-size: 13px;
                  color: #24374E; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                      align-items: center;
                  -ms-flex-pack: start;
                      justify-content: flex-start; }
                  .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul > li {
                    font-size: 12px;
                    padding: 3px 5px;
                    -ms-transform: scale(0.9);
                        transform: scale(0.9); }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .desc {
              color: #24374E;
              font-size: 12px;
              padding-top: 4px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .placeholder {
          height: 100px;
          line-height: 100px;
          text-align: center;
          font-size: 16px;
          color: #24374E;
          opacity: 0.8; }
  .demo-online-tts .demo-text-wrap {
    width: 290px;
    height: 460px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #EEEFF8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
      width: 14px; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track {
      background-color: #b8c6d1; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
      background-color: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-button {
      width: 0;
      height: 0; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb {
      background: #b8c6d1;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap .list-body::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 4px; }
    .demo-online-tts .demo-text-wrap .list-body:hover::-webkit-scrollbar-thumb,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
      background: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active {
      background: #94a0a8; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:hover {
      background: transparent; }
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-corner,
    .demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:active {
      background: transparent; }
    .demo-online-tts .demo-text-wrap .text {
      padding: 15px;
      width: 100% !important;
      height: 239px !important;
      border: none;
      background-color: #F5F7FA;
      color: #24374E;
      line-height: 1.5;
      font-size: 14px;
      resize: none;
      box-sizing: border-box;
      white-space: pre-wrap; }
    .demo-online-tts .demo-text-wrap .text-bot {
      padding: 12px 11px 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: justify;
          justify-content: space-between;
      border-bottom: 1px solid #e8e8e8;
      margin-bottom: 17px; }
      .demo-online-tts .demo-text-wrap .text-bot-left {
        width: calc(100% - 110px);
        box-sizing: border-box; }
        .demo-online-tts .demo-text-wrap .text-bot-left .len {
          color: #D3D3D3;
          font-size: 12px; }
        .demo-online-tts .demo-text-wrap .text-bot-left .tip {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding-top: 2px;
          font-size: 12px;
          color: #24374E; }
      .demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts {
        width: 92px;
        height: 36px;
        line-height: 36px;
        border-radius: 4px;
        text-align: center;
        color: #ffffff;
        background-color: #2277E6;
        cursor: pointer;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
        .demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts:hover {
          opacity: 0.8; }
    .demo-online-tts .demo-text-wrap .slider-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      padding: 0 16px;
      margin-bottom: 12px; }
      .demo-online-tts .demo-text-wrap .slider-wrap:last-child {
        margin-bottom: 0; }
      .demo-online-tts .demo-text-wrap .slider-wrap > span {
        color: #808080;
        font-size: 13px;
        color: #24374E;
        margin-right: 8px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .rc-input-number {
        width: 60px;
        margin-left: 8px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .slider-item {
        width: calc(100% - 134px); }
        .demo-online-tts .demo-text-wrap .slider-wrap .slider-item .rc-slider-handle-dragging {
          box-shadow: 0 0 0 5px #2277E6; }

.demo-sf-tts {
  width: auto; }
  .demo-sf-tts .demo-content {
    padding: 0; }
    .demo-sf-tts .demo-content .ex-speaker-speakers {
      display: block;
      background-color: #fff; }
    .demo-sf-tts .demo-content .ex-speakers .ex-speaker-tag {
      display: none; }

.demo-iat {
  width: 968px;
  margin: 0 auto; }
  .demo-iat .demo-content {
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .demo-iat .demo-content button {
      cursor: pointer;
      outline: 0; }
    .demo-iat .demo-content .taste-button {
      background: #187cff;
      border: 1px solid;
      border-color: #478eea;
      color: #fff;
      text-align: center;
      border-radius: 3px; }
    .demo-iat .demo-content .taste-header .dialect-select {
      margin-left: 20px;
      height: 26px; }
    .demo-iat .demo-content .taste-header .dialect {
      margin-left: 20px;
      height: 26px;
      line-height: 26px;
      display: none; }
    .demo-iat .demo-content .taste-header a {
      border: none;
      border-radius: 4px;
      color: #fff;
      height: 26px;
      width: 100px;
      float: right;
      text-align: center;
      line-height: 26px; }
    .demo-iat .demo-content .taste-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 60px; }
    .demo-iat .demo-content .flex-display-1 {
      display: -ms-flexbox !important;
      display: flex !important; }
    .demo-iat .demo-content .taste-left {
      width: 550px; }
      .demo-iat .demo-content .taste-left .ready-button,
      .demo-iat .demo-content .taste-left .start-button {
        margin: 0 auto;
        height: 40px;
        width: 160px;
        font-size: 16px;
        letter-spacing: 6px; }
      .demo-iat .demo-content .taste-left .taste-button:hover {
        background: #0b99ff; }
      .demo-iat .demo-content .taste-left .taste-ml160 {
        margin-left: 160px !important; }
      .demo-iat .demo-content .taste-left .taste-left-header {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px; }
      .demo-iat .demo-content .taste-left .taste-left-body {
        height: 300px;
        padding: 10px;
        position: relative;
        background-color: #fff;
        border: 1px solid #f2f2f2; }
        .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene {
          font-size: 14px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-select {
            background-color: #187cff;
            color: #fff; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-span {
            padding: 5px 10px;
            border-radius: 3px;
            cursor: pointer; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul {
            border: 1px solid #2277e6;
            padding: 1px 10px;
            margin-top: 10px;
            border-radius: 3px; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul .language-list-ul-div {
              width: 0;
              height: 0;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-bottom: 10px solid #2277e6;
              margin-top: -11px;
              margin-left: 190px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label {
            line-height: 28px;
            color: #2277e6; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label .language-disabled {
              display: none; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            overflow-y: auto;
            max-height: 60px;
            background-color: #fff;
            margin-top: 10px;
            margin-bottom: 10px; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list .active {
              background-color: #187cff;
              color: #fff; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list li {
              min-width: 50px;
              line-height: 30px;
              margin-right: 10px;
              text-align: center;
              cursor: pointer;
              color: #2277e6; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar {
            width: 5px;
            height: 5px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
            background: rgba(0, 0, 0, 0.2); }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
            border-radius: 0;
            background: rgba(0, 0, 0, 0.1); }
        .demo-iat .demo-content .taste-left .taste-left-body .language-image-box {
          position: absolute;
          bottom: 15px;
          width: 530px; }
          .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-image {
            background-image: url(/static/img/iat/assets/mike.jpg);
            background-position: center;
            background-size: 42px 62px;
            background-repeat: no-repeat;
            height: 62px;
            margin-bottom: 30px;
            cursor: pointer; }
          .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p {
            line-height: 20px;
            font-size: 10px;
            width: 430px;
            margin: 0px auto; }
            .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p p {
              margin: 0;
              padding: 0; }
        .demo-iat .demo-content .taste-left .taste-left-body .start-taste {
          display: none;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
            width: 480px;
            margin-left: 30px; }
            .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box {
              margin-top: 40px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .total-time {
                margin-left: 20px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line {
                display: inline-block;
                margin-right: 20px; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line hr {
                  background-color: #187cff;
                  width: 3px;
                  height: 10px;
                  margin: 0 5px;
                  display: inline-block;
                  border: none; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr {
                  animation: note 0.2s ease-in-out;
                  animation-iteration-count: infinite;
                  animation-direction: alternate; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr1 {
                  animation-delay: -1s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr2 {
                  animation-delay: -0.9s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr3 {
                  animation-delay: -0.8s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr4 {
                  animation-delay: -0.7s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr5 {
                  animation-delay: -0.6s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr6 {
                  animation-delay: -0.5s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr7 {
                  animation-delay: -0.4s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr8 {
                  animation-delay: -0.3s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr9 {
                  animation-delay: -0.2s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr10 {
                  animation-delay: -0.1s; }

@keyframes note {
  from {
    transform: scaleY(1); }
  to {
    transform: scaleY(4); } }
            .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button {
              margin-top: 70px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button:nth-child(1) {
                margin-top: 30px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button .language-p {
                line-height: 20px;
                font-size: 10px;
                width: 430px;
                margin: 30px auto 0px; }
          .demo-iat .demo-content .taste-left .taste-left-body .start-taste .output-box {
            height: 200px;
            overflow: auto;
            background: #F0F0F0;
            width: 50%;
            line-height: 1.5;
            padding-left: 10px;
            padding-top: 10px; }
    .demo-iat .demo-content .taste-right {
      width: 340px; }
      .demo-iat .demo-content .taste-right .taste-right-header {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px; }
      .demo-iat .demo-content .taste-right .taste-right-body {
        border: 1px solid #f2f2f2;
        height: 300px;
        padding: 10px;
        background-color: #fff;
        line-height: 24px; }

.demo-rta {
  width: auto; }
  .demo-rta .demo-content {
    padding: 0; }
    .demo-rta .demo-content .taste-content {
      margin-bottom: 100px; }
    .demo-rta .demo-content .taste-left {
      width: 60%; }
      .demo-rta .demo-content .taste-left .taste-left-body .language-image-box {
        width: 100%; }
      .demo-rta .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
        margin: 0;
        width: 100%; }
      .demo-rta .demo-content .taste-left .taste-ml160 {
        display: block;
        margin: auto !important; }
    .demo-rta .demo-content .taste-right {
      margin-left: 20px;
      -ms-flex-positive: 1;
          flex-grow: 1; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-item-test .service-item-content {
  position: relative; }
  .service-item-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 164px; }
    .service-item-test .service-item-content .Lbox .Lbox-content {
      margin-top: 10px;
      padding: 10px 0;
      border: 1px solid #e9e9e9;
      box-sizing: border-box;
      background-color: #fff;
      list-style: none; }
      .service-item-test .service-item-content .Lbox .Lbox-content li {
        padding-left: 14px;
        height: 22px;
        line-height: 22px;
        color: #666;
        cursor: pointer; }
        .service-item-test .service-item-content .Lbox .Lbox-content li:hover {
          background-color: #e9e9e9; }
  .service-item-test .service-item-content .Lbox-to {
    left: 207px; }
  .service-item-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px; }
    .service-item-test .service-item-content .trans-io .io-input,
    .service-item-test .service-item-content .trans-io .io-output {
      position: relative;
      display: inline-block;
      border: 1px solid #dedede;
      width: 50%;
      height: 210px;
      font-size: 16px;
      color: #999;
      box-sizing: border-box;
      vertical-align: top; }
    .service-item-test .service-item-content .trans-io .io-output {
      overflow: auto;
      background: #f0f0f0; }
    .service-item-test .service-item-content .trans-io .textarea-box {
      margin: 10px; }
    .service-item-test .service-item-content .trans-io .io-input {
      background-color: #fff; }
    .service-item-test .service-item-content .trans-io .io-input textarea {
      display: block;
      overflow: auto;
      width: 100%;
      height: 160px;
      border: none;
      line-height: 20px;
      font-size: 16px;
      color: #333;
      resize: none;
      outline: none; }
    .service-item-test .service-item-content .trans-io .trans-text-num {
      margin-top: 10px;
      text-align: right; }
    .service-item-test .service-item-content .trans-io .io-output .output {
      display: block;
      margin: 10px;
      line-height: 22px; }
  .service-item-test .service-item-content .trans-tip {
    color: #8f9dae; }

.trans-operation {
  font-size: 0; }
  .trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer; }
    .trans-operation .trans-select-button span {
      padding-left: 12px; }
    .trans-operation .trans-select-button .icons-arrow-drop {
      position: absolute;
      top: 16px;
      right: 12px;
      height: 0;
      width: 0;
      border-width: 8px 6px;
      border-style: solid;
      border-color: #ccc transparent transparent;
      font-size: 0;
      line-height: 0; }
  .trans-operation .trans-to-button {
    margin-left: 40px; }
  .trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer; }
  .trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    line-height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer; }
  .trans-operation .taste-button:hover {
    background: #0b99ff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.demo-text_check .demo-top .demo-title {
  font-size: 18px; }

.demo-text_check .demo-top .btn-change {
  margin-left: 10px;
  font-size: 14px;
  color: #4a81ff;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.demo-text_check .demo-main {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  height: 320px;
  border: 1px solid #e6e8f4;
  background-color: #fff; }

.demo-text_check .demo-left,
.demo-text_check .demo-right {
  padding: 10px;
  width: 50%; }

.demo-text_check .demo-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-right: 1px solid #e6e8f4; }
  .demo-text_check .demo-left .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow: auto;
    border: none;
    outline: none;
    color: #999;
    word-break: break-word;
    line-height: 1.5; }
    .demo-text_check .demo-left .text ol {
      -ms-flex-positive: 1;
          flex-grow: 1;
      outline: none;
      border: none; }
      .demo-text_check .demo-left .text ol li {
        list-style: decimal; }
        .demo-text_check .demo-left .text ol li .text-error {
          background-color: #f7cd2a;
          color: #333; }
          .demo-text_check .demo-left .text ol li .text-error.text-error-active {
            background-color: #fe5a94; }
            .demo-text_check .demo-left .text ol li .text-error.text-error-active .text-error {
              background-color: #fe5a94; }
  .demo-text_check .demo-left .text-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #ccc; }
  .demo-text_check .demo-left .text-delete {
    cursor: pointer; }

.demo-text_check .demo-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #f8f8f8;
  color: #2b3e54; }
  .demo-text_check .demo-right .result-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 16px; }
    .demo-text_check .demo-right .result-title .error-num-tip span {
      color: #ff4d4f;
      padding: 0 6px; }
  .demo-text_check .demo-right .result-detail {
    overflow: auto; }
  .demo-text_check .demo-right .result-class {
    font-size: 14px;
    line-height: 1.5; }
  .demo-text_check .demo-right .class-title {
    padding: 6px 0;
    cursor: pointer;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .demo-text_check .demo-right .class-title span {
      margin-right: 10px; }
  .demo-text_check .demo-right .class-item-detail {
    display: none;
    background-color: #fff; }
    .demo-text_check .demo-right .class-item-detail .result-item {
      padding: 6px;
      border-bottom: 1px solid #e6e8f4;
      cursor: pointer; }
      .demo-text_check .demo-right .class-item-detail .result-item:hover {
        background-color: #eaeaea; }
  .demo-text_check .demo-right .result-class-open .anticon {
    -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  .demo-text_check .demo-right .result-class-open .class-item-detail {
    display: block; }

.demo-text_check .demo-button {
  margin-top: 20px;
  text-align: center; }

.text_rewrite {
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto 0;
  height: 430px;
  width: 850px;
  border: 1px solid #e6e8f4;
  background-color: #fff;
  box-shadow: 0px 0px 10px #e6e8f4; }
  .text_rewrite .left {
    width: 50%;
    height: 100%;
    border-right: 1px solid #e6e8f4; }
    .text_rewrite .left .title {
      height: 60px;
      width: 100%;
      box-sizing: border-box;
      line-height: 60px;
      font-size: 18px;
      padding-left: 20px;
      border-bottom: 1px solid #e6e8f4; }
    .text_rewrite .left .input_wrapper {
      position: relative;
      height: 310px;
      border-bottom: 1px solid #e6e8f4;
      box-sizing: border-box; }
      .text_rewrite .left .input_wrapper textarea {
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        border: 0px;
        resize: none;
        padding: 16px;
        line-height: 28px;
        letter-spacing: 1px;
        font-family: 'Microsoft Yahei';
        color: #999999;
        text-align: justify; }
      .text_rewrite .left .input_wrapper .limit_tag {
        font-size: 14px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        color: #cccccc; }
    .text_rewrite .left .footer_wrapper {
      height: 60px;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      box-sizing: border-box;
      -ms-flex-align: center;
          align-items: center;
      padding-left: 20px; }
      .text_rewrite .left .footer_wrapper .tips {
        font-size: 12px;
        color: #7f7f7f;
        margin-right: 12px; }
      .text_rewrite .left .footer_wrapper .check_box {
        margin-right: 20px;
        font-size: 14px;
        color: #555555; }
        .text_rewrite .left .footer_wrapper .check_box select {
          margin-left: 10px;
          width: 40px;
          height: 20px;
          border: 1px solid #555555;
          border-radius: 2px;
          outline: none; }
      .text_rewrite .left .footer_wrapper .begin_btn {
        width: 100px;
        height: 38px;
        color: #fff;
        background-color: #4a81ff;
        border-radius: 4px;
        text-align: center;
        line-height: 38px;
        cursor: pointer; }
        .text_rewrite .left .footer_wrapper .begin_btn:hover {
          filter: brightness(1.2); }
  .text_rewrite .right {
    width: 50%;
    height: 100%; }
    .text_rewrite .right .title {
      height: 60px;
      width: 100%;
      box-sizing: border-box;
      line-height: 60px;
      font-size: 18px;
      padding-left: 20px;
      border-bottom: 1px solid #e6e8f4; }
    .text_rewrite .right .result {
      height: 310px;
      width: 100%;
      box-sizing: border-box;
      border-bottom: 1px solid #e6e8f4;
      font-size: 16px;
      resize: none;
      padding: 16px;
      line-height: 28px;
      letter-spacing: 1px;
      font-family: 'Microsoft Yahei';
      text-align: justify;
      white-space: normal;
      overflow-y: auto; }
      .text_rewrite .right .result .highlight {
        color: #02a7f0;
        max-width: 100%;
        word-break: normal;
        width: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        overflow: hidden; }
      .text_rewrite .right .result .normal {
        color: #000;
        max-width: 100%;
        word-break: normal;
        width: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        overflow: hidden; }
    .text_rewrite .right .footer {
      height: 60px;
      width: 100%;
      padding-left: 20px;
      font-size: 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      box-sizing: border-box;
      color: #7f7f7f; }

.demo-iat {
  width: 968px;
  margin: 0 auto; }
  .demo-iat .demo-content {
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .demo-iat .demo-content button {
      cursor: pointer;
      outline: 0; }
    .demo-iat .demo-content .taste-button {
      background: #187cff;
      border: 1px solid;
      border-color: #478eea;
      color: #fff;
      text-align: center;
      border-radius: 3px; }
    .demo-iat .demo-content .taste-header .dialect-select {
      margin-left: 20px;
      height: 26px; }
    .demo-iat .demo-content .taste-header .dialect {
      margin-left: 20px;
      height: 26px;
      line-height: 26px;
      display: none; }
    .demo-iat .demo-content .taste-header a {
      border: none;
      border-radius: 4px;
      color: #fff;
      height: 26px;
      width: 100px;
      float: right;
      text-align: center;
      line-height: 26px; }
    .demo-iat .demo-content .taste-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 60px; }
    .demo-iat .demo-content .flex-display-1 {
      display: -ms-flexbox !important;
      display: flex !important; }
    .demo-iat .demo-content .taste-left {
      width: 550px; }
      .demo-iat .demo-content .taste-left .ready-button,
      .demo-iat .demo-content .taste-left .start-button {
        margin: 0 auto;
        height: 40px;
        width: 160px;
        font-size: 16px;
        letter-spacing: 6px; }
      .demo-iat .demo-content .taste-left .taste-button:hover {
        background: #0b99ff; }
      .demo-iat .demo-content .taste-left .taste-ml160 {
        margin-left: 160px !important; }
      .demo-iat .demo-content .taste-left .taste-left-header {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px; }
      .demo-iat .demo-content .taste-left .taste-left-body {
        height: 300px;
        padding: 10px;
        position: relative;
        background-color: #fff;
        border: 1px solid #f2f2f2; }
        .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene {
          font-size: 14px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-select {
            background-color: #187cff;
            color: #fff; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-span {
            padding: 5px 10px;
            border-radius: 3px;
            cursor: pointer; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul {
            border: 1px solid #2277e6;
            padding: 1px 10px;
            margin-top: 10px;
            border-radius: 3px; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul .language-list-ul-div {
              width: 0;
              height: 0;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-bottom: 10px solid #2277e6;
              margin-top: -11px;
              margin-left: 190px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label {
            line-height: 28px;
            color: #2277e6; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label .language-disabled {
              display: none; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            overflow-y: auto;
            max-height: 60px;
            background-color: #fff;
            margin-top: 10px;
            margin-bottom: 10px; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list .active {
              background-color: #187cff;
              color: #fff; }
            .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list li {
              min-width: 50px;
              line-height: 30px;
              margin-right: 10px;
              text-align: center;
              cursor: pointer;
              color: #2277e6; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar {
            width: 5px;
            height: 5px; }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
            background: rgba(0, 0, 0, 0.2); }
          .demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
            border-radius: 0;
            background: rgba(0, 0, 0, 0.1); }
        .demo-iat .demo-content .taste-left .taste-left-body .language-image-box {
          position: absolute;
          bottom: 15px;
          width: 530px; }
          .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-image {
            background-image: url(/static/img/iat/assets/mike.jpg);
            background-position: center;
            background-size: 42px 62px;
            background-repeat: no-repeat;
            height: 62px;
            margin-bottom: 30px;
            cursor: pointer; }
          .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p {
            line-height: 20px;
            font-size: 10px;
            width: 430px;
            margin: 0px auto; }
            .demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p p {
              margin: 0;
              padding: 0; }
        .demo-iat .demo-content .taste-left .taste-left-body .start-taste {
          display: none;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
            width: 480px;
            margin-left: 30px; }
            .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box {
              margin-top: 40px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .total-time {
                margin-left: 20px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line {
                display: inline-block;
                margin-right: 20px; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line hr {
                  background-color: #187cff;
                  width: 3px;
                  height: 10px;
                  margin: 0 5px;
                  display: inline-block;
                  border: none; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr {
                  animation: note 0.2s ease-in-out;
                  animation-iteration-count: infinite;
                  animation-direction: alternate; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr1 {
                  animation-delay: -1s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr2 {
                  animation-delay: -0.9s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr3 {
                  animation-delay: -0.8s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr4 {
                  animation-delay: -0.7s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr5 {
                  animation-delay: -0.6s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr6 {
                  animation-delay: -0.5s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr7 {
                  animation-delay: -0.4s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr8 {
                  animation-delay: -0.3s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr9 {
                  animation-delay: -0.2s; }
                .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr10 {
                  animation-delay: -0.1s; }

@keyframes note {
  from {
    transform: scaleY(1); }
  to {
    transform: scaleY(4); } }
            .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button {
              margin-top: 70px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button:nth-child(1) {
                margin-top: 30px; }
              .demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button .language-p {
                line-height: 20px;
                font-size: 10px;
                width: 430px;
                margin: 30px auto 0px; }
          .demo-iat .demo-content .taste-left .taste-left-body .start-taste .output-box {
            height: 200px;
            overflow: auto;
            background: #F0F0F0;
            width: 50%;
            line-height: 1.5;
            padding-left: 10px;
            padding-top: 10px; }
    .demo-iat .demo-content .taste-right {
      width: 340px; }
      .demo-iat .demo-content .taste-right .taste-right-header {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px; }
      .demo-iat .demo-content .taste-right .taste-right-body {
        border: 1px solid #f2f2f2;
        height: 300px;
        padding: 10px;
        background-color: #fff;
        line-height: 24px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-item-test.self-trans ul, .service-item-test.self-trans li {
  margin: 0;
  padding: 0;
  list-style: none; }

.service-item-test.self-trans .service-item-content {
  position: relative; }
  .service-item-test.self-trans .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 968px; }
    .service-item-test.self-trans .service-item-content .Lbox .Lbox-content {
      margin-top: 10px;
      border: 1px solid #e9e9e9;
      box-sizing: border-box;
      background-color: #fff; }
      .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used {
        height: 36px;
        line-height: 34px;
        font-size: 0;
        background-color: #faf9f8;
        border-bottom: 1px solid #e9e9e9; }
        .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used span {
          margin-left: 20px;
          font-size: 14px;
          font-weight: bold; }
        .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul {
          display: inline-block; }
          .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li {
            display: inline-block;
            margin-left: 32px;
            font-size: 12px;
            cursor: pointer; }
            .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li:hover {
              color: #478eea; }
          .service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul .selected:hover {
            cursor: not-allowed; }
    .service-item-test.self-trans .service-item-content .Lbox .Lbox-title {
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #e9e9e9; }
      .service-item-test.self-trans .service-item-content .Lbox .Lbox-title li {
        width: 20%;
        font-size: 16px;
        line-height: 24px;
        color: #666;
        text-align: center;
        letter-spacing: 8px; }
        .service-item-test.self-trans .service-item-content .Lbox .Lbox-title li:nth-child(2n+1) {
          background-color: #e9e9e9; }
    .service-item-test.self-trans .service-item-content .Lbox .Lbox-table {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      font-size: 12px; }
      .service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul {
        width: 20%; }
        .service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li {
          padding-left: 65px;
          height: 22px;
          line-height: 22px;
          color: #666;
          cursor: pointer; }
          .service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li:hover {
            color: #478eea; }
          .service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li:nth-child(2n) {
            background-color: #e9e9e9; }
        .service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul .selected:hover {
          cursor: not-allowed; }
  .service-item-test.self-trans .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input,
    .service-item-test.self-trans .service-item-content .trans-io .io-output {
      position: relative;
      display: inline-block;
      border: 1px solid #dedede;
      width: 50%;
      height: 210px;
      font-size: 16px;
      color: #999;
      box-sizing: border-box;
      vertical-align: top; }
    .service-item-test.self-trans .service-item-content .trans-io .io-output {
      overflow: auto;
      background: #f0f0f0; }
    .service-item-test.self-trans .service-item-content .trans-io .textarea-box {
      margin: 10px; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input {
      background-color: #fff; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input textarea {
      display: block;
      overflow: auto;
      width: 100%;
      height: 160px;
      border: none;
      line-height: 20px;
      font-size: 16px;
      color: #333;
      resize: none;
      outline: none; }
    .service-item-test.self-trans .service-item-content .trans-io .trans-text-num {
      margin-top: 10px;
      text-align: right; }
    .service-item-test.self-trans .service-item-content .trans-io .io-output .output {
      display: block;
      margin: 10px;
      line-height: 22px; }
  .service-item-test.self-trans .service-item-content .trans-tip {
    color: #8f9dae; }

.trans-operation {
  font-size: 0; }
  .trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer; }
    .trans-operation .trans-select-button span {
      padding-left: 12px; }
    .trans-operation .trans-select-button .icons-arrow-drop {
      position: absolute;
      top: 16px;
      right: 12px;
      height: 0;
      width: 0;
      border-width: 8px 6px;
      border-style: solid;
      border-color: #ccc transparent transparent;
      font-size: 0;
      line-height: 0; }
  .trans-operation .trans-to-button {
    margin-left: 40px; }
  .trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer; }
  .trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer;
    outline: none; }
  .trans-operation .taste-button:hover {
    background: #0b99ff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.service-item-test .service-item-content {
  position: relative; }
  .service-item-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 164px; }
    .service-item-test .service-item-content .Lbox .Lbox-content {
      margin-top: 10px;
      padding: 10px 0;
      border: 1px solid #e9e9e9;
      box-sizing: border-box;
      background-color: #fff;
      list-style: none; }
      .service-item-test .service-item-content .Lbox .Lbox-content li {
        padding-left: 14px;
        height: 22px;
        line-height: 22px;
        color: #666;
        cursor: pointer; }
        .service-item-test .service-item-content .Lbox .Lbox-content li:hover {
          background-color: #e9e9e9; }
  .service-item-test .service-item-content .Lbox-to {
    left: 207px; }
  .service-item-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px; }
    .service-item-test .service-item-content .trans-io .io-input,
    .service-item-test .service-item-content .trans-io .io-output {
      position: relative;
      display: inline-block;
      border: 1px solid #dedede;
      width: 50%;
      height: 210px;
      font-size: 16px;
      color: #999;
      box-sizing: border-box;
      vertical-align: top; }
    .service-item-test .service-item-content .trans-io .io-output {
      overflow: auto;
      background: #f0f0f0; }
    .service-item-test .service-item-content .trans-io .textarea-box {
      margin: 10px; }
    .service-item-test .service-item-content .trans-io .io-input {
      background-color: #fff; }
    .service-item-test .service-item-content .trans-io .io-input textarea {
      display: block;
      overflow: auto;
      width: 100%;
      height: 160px;
      border: none;
      line-height: 20px;
      font-size: 16px;
      color: #333;
      resize: none;
      outline: none; }
    .service-item-test .service-item-content .trans-io .trans-text-num {
      margin-top: 10px;
      text-align: right; }
    .service-item-test .service-item-content .trans-io .io-output .output {
      display: block;
      margin: 10px;
      line-height: 22px; }
  .service-item-test .service-item-content .trans-tip {
    color: #8f9dae; }

.trans-operation {
  font-size: 0; }
  .trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer; }
    .trans-operation .trans-select-button span {
      padding-left: 12px; }
    .trans-operation .trans-select-button .icons-arrow-drop {
      position: absolute;
      top: 16px;
      right: 12px;
      height: 0;
      width: 0;
      border-width: 8px 6px;
      border-style: solid;
      border-color: #ccc transparent transparent;
      font-size: 0;
      line-height: 0; }
  .trans-operation .trans-to-button {
    margin-left: 40px; }
  .trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer; }
  .trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    line-height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer; }
  .trans-operation .taste-button:hover {
    background: #0b99ff; }





@charset "UTF-8";
.online-recognition {
  --scale: var(--scaleCount);
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-size: contain;
  box-sizing: border-box; }
  .online-recognition .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .online-recognition .online-recognition-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0 0;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .online-recognition .online-recognition-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .online-recognition .online-recognition-content {
    height: calc(100% - calc(var(--scale) * 66px));
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%);
    /* 自定义滚动条样式 */ }
    .online-recognition .online-recognition-content .content-item-left {
      width: calc(var(--scale) * 493px);
      padding-top: calc(var(--scale) * 60px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 25px);
      border-right: 2px solid #ffffff; }
      .online-recognition .online-recognition-content .content-item-left .item-left-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        gap: calc(var(--scale) * 25px); }
        .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box {
          position: relative;
          width: calc(var(--scale) * 156px);
          height: calc(var(--scale) * 156px); }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box::before, .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #cfcbff;
            display: block;
            animation-delay: 0s;
            animation: expand 3s linear infinite;
            opacity: 0; }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box::after {
            animation-delay: 1.5s; }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box > img {
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            z-index: 1;
            width: calc(var(--scale) * 88px);
            height: calc(var(--scale) * 88px);
            cursor: pointer; }

@keyframes expand {
  0% {
    transform: translate(-50%, -50%) scale(0.56);
    opacity: 0.6; }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0; } }
        .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box-loading {
          cursor: pointer; }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box-loading::before, .online-recognition .online-recognition-content .content-item-left .item-left-content .language-image-box-loading::after {
            animation: none; }
        .online-recognition .online-recognition-content .content-item-left .item-left-content .start-taste {
          display: none; }
        .online-recognition .online-recognition-content .content-item-left .item-left-content > img {
          width: calc(var(--scale) * 156px);
          height: calc(var(--scale) * 156px);
          cursor: pointer; }
        .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          gap: calc(var(--scale) * 10px);
          width: calc(var(--scale) * 232px);
          height: calc(var(--scale) * 40px);
          background: rgba(255, 255, 255, 0.72);
          border: 1px solid #ffffff;
          border-radius: 21px;
          cursor: pointer; }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text > img {
            width: calc(var(--scale) * 14px);
            height: calc(var(--scale) * 14px); }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text > span {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            height: calc(var(--scale) * 26px);
            font-size: calc(var(--scale) * 16px);
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            text-align: center;
            color: #181818;
            cursor: pointer;
            line-height: calc(var(--scale) * 26px); }
          .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text {
            position: absolute;
            z-index: 99;
            top: calc(var(--scale) * 27px);
            left: calc(var(--scale) * 0px);
            width: calc(var(--scale) * 230px);
            height: calc(var(--scale) * 200px); }
            .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-content {
              margin-top: calc(var(--scale) * 10px);
              border: 1px solid #e9e9e9;
              border-radius: 10px;
              box-sizing: border-box;
              background-color: #fff;
              width: 100%;
              height: 100%;
              overflow: auto; }
            .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table {
              font-size: 14px; }
              .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table ul {
                width: 100%;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                    flex-direction: column; }
                .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table ul li {
                  width: 100%;
                  text-align: center;
                  padding: calc(var(--scale) * 8px) calc(var(--scale) * 0px);
                  color: #666;
                  cursor: pointer; }
                  .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table ul li:hover {
                    color: #478eea;
                    background-color: #f2f9ff; }
                .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table ul .selected {
                  color: #478eea; }
                  .online-recognition .online-recognition-content .content-item-left .item-left-content .recog-text .Lbox-recog-text .Lbox-table ul .selected:hover {
                    cursor: not-allowed; }
    .online-recognition .online-recognition-content .content-item-right {
      width: calc(var(--scale) * 650px);
      padding-top: calc(var(--scale) * 60px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 29px); }
      .online-recognition .online-recognition-content .content-item-right .item-right-area {
        width: calc((var(--scale) + 0.1) * 326px);
        height: calc((var(--scale) + 0.1) * 230px);
        overflow-y: auto;
        box-sizing: border-box; }
      .online-recognition .online-recognition-content .content-item-right .item-right-text {
        opacity: 0.68;
        font-size: calc(var(--scale) * 16px);
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        text-align: justify;
        background: linear-gradient(147deg, #7456f6 5%, #d06eff 86%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: calc(var(--scale) * 32px);
        scrollbar-width: none; }
    .online-recognition .online-recognition-content .content-item-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: calc(var(--scale) * 2px); }
      .online-recognition .online-recognition-content .content-item-title > img {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 29px); }
      .online-recognition .online-recognition-content .content-item-title > span {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 26px);
        font-size: calc(var(--scale) * 18px);
        font-family: Douyin Sans, Douyin Sans-Bold;
        font-weight: 700;
        text-align: center;
        color: #5755ff;
        line-height: calc(var(--scale) * 26px); }
    .online-recognition .online-recognition-content .loading_lottie {
      background: #6564ff;
      border-radius: 50%; }
    .online-recognition .online-recognition-content .item-right-area::-webkit-scrollbar {
      width: 1px; }
    .online-recognition .online-recognition-content .item-right-area::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px; }
    .online-recognition .online-recognition-content .item-right-area::-webkit-scrollbar-thumb {
      background: #fff;
      border-radius: 4px; }
    .online-recognition .online-recognition-content .item-right-area::-webkit-scrollbar-thumb:hover {
      background: #555; }

.online-product-class {
  padding: 15px; }
  .online-product-class .online-recognition-header {
    background: none;
    border-radius: 25px 25px 0px 0px;
    padding-left: 30px; }
  .online-product-class .online-recognition-content {
    background: none;
    width: calc(100% - 12px);
    padding-top: none;
    margin-left: 6px; }
    .online-product-class .online-recognition-content .content-item-left {
      border: none; }
    .online-product-class .online-recognition-content .content-item-left, .online-product-class .online-recognition-content .content-item-right {
      padding-top: calc(var(--scale) * 20px); }

@media screen and (max-width: 1500px) {
  .online-recognition {
    width: 100% !important; }
    .online-recognition .online-recognition-header {
      width: 100%; }
    .online-recognition .online-recognition-content {
      width: 100%; }
  .online-product-class .online-recognition-header {
    padding-left: 60px;
    margin-top: 2px; }
  .online-product-class .online-recognition-content {
    margin-left: 22px; }
    .online-product-class .online-recognition-content .content-item-left {
      width: 220px;
      margin-left: 52px; }
  .adaptive-width {
    width: calc(var(--scale) * 715px) !important; } }

@charset "UTF-8";
.online-recognition-tts {
  --scale: var(--scaleCount);
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat;
  background-size: contain;
  padding: 15px;
  box-sizing: border-box; }
  .online-recognition-tts .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .online-recognition-tts .online-recognition-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    border-radius: 25px 25px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .online-recognition-tts .online-recognition-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .online-recognition-tts .online-recognition-content {
    width: calc(100% - 12px);
    margin-left: 6px;
    height: calc(100% - calc(var(--scale) * 66px));
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    /* 自定义滚动条样式 */ }
    .online-recognition-tts .online-recognition-content .content-left {
      width: calc(var(--scale) * 552px);
      padding-top: calc(var(--scale) * 10px);
      padding-left: calc(var(--scale) * 28px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 25px);
      border-right: 1px solid #fff; }
      .online-recognition-tts .online-recognition-content .content-left .left {
        margin-top: -12px; }
        .online-recognition-tts .online-recognition-content .content-left .left .left-row {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 8px; }
          .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single {
            width: calc(var(--scale) * 144px);
            -ms-flex-pack: distribute;
                justify-content: space-around;
            margin-right: calc(var(--scale) * 28px); }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-label {
              height: 18px;
              font-size: 13px;
              text-align: left;
              color: #556eff;
              line-height: 18px;
              margin-bottom: 4px; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single .ant-select {
              width: 100%;
              font-size: 10px;
              height: 28px; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single .ant-select-selector {
              font-size: 10px; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single .ant-input {
              width: 100%;
              font-size: 12px;
              height: 28px; }
          .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-number {
            position: relative; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-number > .word {
              position: absolute;
              bottom: 5px;
              font-size: 12px;
              -ms-transform: scale(0.9);
                  transform: scale(0.9);
              color: #b8b8b8;
              left: 53px;
              z-index: 2; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-number .ant-input-group-addon {
              padding: 0 3px;
              width: 17px;
              background: #fff;
              color: #888; }
              .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-number .ant-input-group-addon:hover {
                cursor: pointer;
                background-color: #0062ff;
                color: #fff; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-number .ant-input {
              padding-left: 22px;
              position: relative;
              background: #fff;
              color: #333;
              cursor: default; }
          .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-textarea {
            position: relative; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-textarea .ant-input {
              width: 358px;
              max-width: 358px;
              height: 80px;
              font-size: 12px;
              color: #888e9a; }
            .online-recognition-tts .online-recognition-content .content-left .left .left-row .row-single-textarea .textarea-button {
              position: absolute;
              bottom: 6px;
              right: -245px;
              font-size: 10px;
              background: linear-gradient(270deg, rgba(53, 114, 247, 0.81), #78a2ff 100%); }
    .online-recognition-tts .online-recognition-content .content-right {
      width: calc(var(--scale) * 354px);
      padding-top: calc(var(--scale) * 10px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 29px); }
      .online-recognition-tts .online-recognition-content .content-right .right {
        width: calc((var(--scale) + 0.1) * 326px);
        height: calc((var(--scale) + 0.1) * 230px);
        overflow-y: auto;
        box-sizing: border-box;
        margin-top: 10px; }
        .online-recognition-tts .online-recognition-content .content-right .right .right-box {
          margin: 0 auto;
          width: 113px;
          height: 113px;
          position: relative; }
          .online-recognition-tts .online-recognition-content .content-right .right .right-box::before, .online-recognition-tts .online-recognition-content .content-right .right .right-box::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #cfcbff;
            display: block;
            animation-delay: 0s;
            animation: expand 3s linear infinite;
            opacity: 0; }
          .online-recognition-tts .online-recognition-content .content-right .right .right-box::after {
            animation-delay: 1.5s; }
        .online-recognition-tts .online-recognition-content .content-right .right .right-icon {
          position: absolute;
          left: 50%;
          top: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 1;
          width: calc(var(--scale) * 90px);
          height: calc(var(--scale) * 90px);
          cursor: pointer;
          background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/42555bdd-45e1-4362-9666-15e0179b0aee/1753091777922/video.svg") no-repeat;
          background-size: cover; }
        .online-recognition-tts .online-recognition-content .content-right .right .right-info {
          font-size: 11px;
          text-align: center;
          color: #556eff;
          line-height: 22px;
          margin-top: 38px; }
          .online-recognition-tts .online-recognition-content .content-right .right .right-info span:nth-child(1) {
            text-decoration: underline;
            margin-right: 4px;
            cursor: pointer; }
    .online-recognition-tts .online-recognition-content .content-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: calc(var(--scale) * 2px); }
      .online-recognition-tts .online-recognition-content .content-title > img {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 29px); }
      .online-recognition-tts .online-recognition-content .content-title > span {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 26px);
        font-size: calc(var(--scale) * 18px);
        font-family: Douyin Sans, Douyin Sans-Bold;
        font-weight: 700;
        text-align: center;
        color: #556eff;
        line-height: calc(var(--scale) * 26px); }
    .online-recognition-tts .online-recognition-content .loading_lottie {
      background: #6564ff;
      border-radius: 50%; }
    .online-recognition-tts .online-recognition-content .item-right-area::-webkit-scrollbar {
      width: 1px; }
    .online-recognition-tts .online-recognition-content .item-right-area::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px; }
    .online-recognition-tts .online-recognition-content .item-right-area::-webkit-scrollbar-thumb {
      background: #fff;
      border-radius: 4px; }
    .online-recognition-tts .online-recognition-content .item-right-area::-webkit-scrollbar-thumb:hover {
      background: #555; }

@charset "UTF-8";
.new-machine-translate {
  --scale: var(--scaleCount);
  width: calc(var(--scale) * 838px);
  height: calc(var(--scale) * 488px);
  border: 1.6px solid #ffffff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .new-machine-translate .new-flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .new-machine-translate .new-machine-translate-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .new-machine-translate .new-machine-translate-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .new-machine-translate .new-machine-translate-content {
    width: 100%;
    height: calc(100% - calc(var(--scale) * 72px));
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%);
    /* 自定义滚动条样式 */ }
    .new-machine-translate .new-machine-translate-content .new-content-item-left {
      width: calc(var(--scale) * 462px);
      padding-top: calc(var(--scale) * 45px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      border-right: 2px solid #ffffff; }
      .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content {
        width: 100%;
        height: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 0 calc(var(--scale) * 30px); }
        .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation {
          font-size: 0;
          margin-top: calc(var(--scale) * 19px);
          margin-bottom: calc(var(--scale) * 34px);
          display: -ms-flexbox;
          display: flex;
          gap: 10px;
          -ms-flex-align: center;
              align-items: center; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-trans-select-button {
            position: relative;
            display: inline-block;
            width: calc(var(--scale) * 123px);
            height: calc(var(--scale) * 35px);
            background: #ffffff;
            border: 0.8px solid #e5e8eb;
            border-radius: 8px;
            font-size: 14px;
            line-height: calc(var(--scale) * 35px);
            cursor: pointer; }
            .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-trans-select-button span {
              padding-left: calc(var(--scale) * 12px);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-trans-select-button .new-icons-arrow-drop {
              position: absolute;
              top: calc(var(--scale) * 16px);
              right: calc(var(--scale) * 12px); }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-new-form-to-icon {
            width: calc(var(--scale) * 20px);
            font-size: calc(var(--scale) * 24px);
            text-align: center;
            font-weight: bold;
            color: #556eff;
            cursor: pointer; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-taste-button {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            margin-left: calc(var(--scale) * 8px);
            height: calc(var(--scale) * 33px);
            width: calc(var(--scale) * 90px);
            font-size: 14px;
            font-family: PingFang SC, PingFang SC-Medium;
            font-weight: 600;
            line-height: calc(var(--scale) * 20px);
            text-align: center;
            border-radius: 6px;
            border: none;
            background: linear-gradient(0deg, #514fff 21%, #8485ff 100%);
            color: #fff;
            cursor: pointer; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-operation .new-taste-button:hover {
            opacity: 0.8; }
        .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io {
          width: 100%; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            gap: calc(var(--scale) * 6px); }
            .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-title {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-title .new-io-input-title {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                height: calc(var(--scale) * 18px);
                font-size: 13px;
                font-family: PingFang SC, PingFang SC-Regular;
                font-weight: 400;
                text-align: left;
                color: #556eff;
                line-height: calc(var(--scale) * 18px); }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-title .new-trans-tip {
                font-size: 12px;
                font-family: PingFang SC, PingFang SC-Regular;
                font-weight: 400;
                color: #666;
                line-height: 22px;
                -ms-transform: scale(0.8);
                    transform: scale(0.8);
                -ms-transform-origin: left;
                    transform-origin: left; }
            .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-textarea-box {
              position: relative; }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-textarea-box textarea {
                display: block;
                box-sizing: border-box;
                overflow: auto;
                width: 100%;
                height: calc(var(--scale) * 176px);
                padding: calc(var(--scale) * 14px) calc(var(--scale) * 17px);
                background: #ffffff;
                border: 0.8px solid #e5e8eb;
                border-radius: 10px;
                font-family: PingFang SC, PingFang SC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #2d2d2d;
                line-height: calc(var(--scale) * 22px);
                resize: none;
                outline: none; }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-io .new-io-input .new-textarea-box .new-trans-text-num {
                margin-top: calc(var(--scale) * -25px);
                margin-right: calc(var(--scale) * 10px);
                text-align: right;
                font-size: 12px;
                font-family: PingFang SC, PingFang SC-Regular;
                font-weight: 400;
                text-align: right;
                color: #9f9f9f;
                line-height: calc(var(--scale) * 18px); }
        .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-tip-box {
          margin-top: calc(var(--scale) * 16px);
          width: auto;
          height: calc(var(--scale) * 22px);
          font-size: 11px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: center;
          color: #556eff;
          line-height: calc(var(--scale) * 22px); }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-tip-box .new-login-tip {
            text-decoration: underline;
            cursor: pointer; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-trans-tip-box .new-normal-tip {
            opacity: 0.8;
            margin-left: calc(var(--scale) * 5px); }
        .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox {
          display: none;
          position: absolute;
          z-index: 99;
          top: calc(var(--scale) * 45px);
          left: calc(var(--scale) * 30px);
          width: calc(var(--scale) * 280px);
          height: calc(var(--scale) * 300px); }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-content {
            margin-top: calc(var(--scale) * 10px);
            border: 1px solid #e9e9e9;
            border-radius: 10px;
            box-sizing: border-box;
            background-color: #fff;
            width: 100%;
            height: 100%;
            overflow: auto; }
          .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table {
            display: -ms-flexbox;
            display: flex;
            font-size: 14px; }
            .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table ul {
              width: 100%; }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table ul li {
                padding: calc(var(--scale) * 8px) calc(var(--scale) * 30px);
                color: #666;
                cursor: pointer; }
                .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table ul li:hover {
                  color: #478eea;
                  background-color: #f2f9ff; }
              .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table ul .new-selected {
                color: #478eea; }
                .new-machine-translate .new-machine-translate-content .new-content-item-left .new-item-left-content .new-Lbox .new-Lbox-table ul .new-selected:hover {
                  cursor: not-allowed; }
    .new-machine-translate .new-machine-translate-content .new-content-item-right {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      width: calc(var(--scale) * 375px);
      gap: calc(var(--scale) * 29px);
      padding: calc(var(--scale) * 45px) calc(var(--scale) * 30px) 0; }
      .new-machine-translate .new-machine-translate-content .new-content-item-right .new-item-right-area {
        overflow-y: auto;
        box-sizing: border-box;
        width: 100%;
        height: calc(var(--scale) * 270px);
        padding: calc(var(--scale) * 15px) calc(var(--scale) * 17px);
        background: #ffffff;
        border: 0.8px solid #e5e8eb;
        border-radius: 10px; }
        .new-machine-translate .new-machine-translate-content .new-content-item-right .new-item-right-area .new-output {
          font-size: 14px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          color: #808692;
          line-height: calc(var(--scale) * 22px); }
    .new-machine-translate .new-machine-translate-content .new-content-item-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: calc(var(--scale) * 2px); }
      .new-machine-translate .new-machine-translate-content .new-content-item-title > img {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 29px); }
      .new-machine-translate .new-machine-translate-content .new-content-item-title > span {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 26px);
        font-size: calc(var(--scale) * 18px);
        font-family: Douyin Sans, Douyin Sans-Bold;
        font-weight: 700;
        text-align: center;
        color: #5755ff;
        line-height: calc(var(--scale) * 26px); }
    .new-machine-translate .new-machine-translate-content .new-loading_lottie {
      background: #6564ff;
      border-radius: 50%;
      margin: 25px; }
    .new-machine-translate .new-machine-translate-content .new-item-right-area::-webkit-scrollbar {
      width: 1px; }
    .new-machine-translate .new-machine-translate-content .new-item-right-area::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px; }
    .new-machine-translate .new-machine-translate-content .new-item-right-area::-webkit-scrollbar-thumb {
      background: #fff;
      border-radius: 4px; }
    .new-machine-translate .new-machine-translate-content .new-item-right-area::-webkit-scrollbar-thumb:hover {
      background: #555; }

#new-machine-translate-product {
  margin-top: 56px;
  width: 746px;
  height: 333px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat center center/cover;
  padding: 15px;
  border: none; }
  #new-machine-translate-product .new-machine-translate-header {
    margin-top: -15px;
    background: none; }
  #new-machine-translate-product .new-machine-translate-content {
    background: none; }
  #new-machine-translate-product .new-content-item-left {
    width: 410px !important;
    padding: 5px 15px 0 20px !important; }
    #new-machine-translate-product .new-content-item-left .new-trans-io {
      margin-top: -10px; }
    #new-machine-translate-product .new-content-item-left .new-trans-select-button {
      width: 123px; }
    #new-machine-translate-product .new-content-item-left .new-taste-button {
      width: 100px; }
    #new-machine-translate-product .new-content-item-left .new-new-form-to-icon {
      left: 155px; }
  #new-machine-translate-product .new-content-item-right {
    padding-top: 10px; }
    #new-machine-translate-product .new-content-item-right .new-item-right-area {
      width: 250px; }

@media screen and (max-width: 1500px) {
  .new-adaptive-width {
    width: calc(var(--scale) * 715px); } }

.demo-online-tts-home {
  --scale: var(--scaleCount);
  width: calc(var(--scale) * 838px);
  height: calc(var(--scale) * 488px);
  border: 1.6px solid #ffffff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .demo-online-tts-home .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .demo-online-tts-home .demo-online-tts-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .demo-online-tts-home .demo-online-tts-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .demo-online-tts-home .demo-online-tts-content {
    width: 100%;
    height: calc(100% - calc(var(--scale) * 72px));
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%); }
    .demo-online-tts-home .demo-online-tts-content .content-item-left {
      width: calc(var(--scale) * 482px);
      padding-top: calc(var(--scale) * 34px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      border-right: 2px solid #ffffff;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .demo-online-tts-home .demo-online-tts-content .content-item-left .title-image {
        height: calc(var(--scale) * 24px);
        width: auto; }
      .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        row-gap: 18px;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 25px 32px 0; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .ant-select .ant-select-selector {
          padding: 0 6px !important;
          border: 1px solid #e5e8eb;
          border-radius: 8px;
          height: 36px; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .ant-select .ant-select-arrow {
          transform: rotateX(45deg) !important; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item {
          width: 30%;
          position: relative; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .ant-select {
            width: 100%; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .config-title {
            color: #556eff;
            font-size: 13px;
            margin-bottom: 5px; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .number-change-wrapper {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center;
            width: 100%;
            border-radius: 4px;
            background: #fff;
            height: 35px;
            border: 1px solid #e5e8eb;
            border-radius: 8px; }
            .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .number-change-wrapper .number-change-btn {
              color: #979797;
              font-size: 12px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              width: 22px;
              cursor: pointer;
              -webkit-user-select: none;
                  -ms-user-select: none;
                      user-select: none; }
            .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .number-change-wrapper .number-show {
              -ms-flex: 1;
                  flex: 1;
              height: 100%;
              color: #979797;
              font-size: 12px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              border-right: 1px solid rgba(234, 234, 234, 0.55);
              border-left: 1px solid rgba(234, 234, 234, 0.55); }
              .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .number-change-wrapper .number-show > div {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: end;
                    align-items: flex-end;
                line-height: 1; }
                .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-config-wrapper .tts-config-item .number-change-wrapper .number-show > div > span {
                  font-size: 16px;
                  line-height: 1;
                  color: #000000; }
      .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input {
        position: relative;
        width: 100%;
        padding: 15px 32px; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input .ant-input {
          box-shadow: none !important;
          border: none !important;
          font-size: 14px !important;
          color: #808692;
          padding: 0; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input .ant-input::-webkit-scrollbar-thumb {
            width: 4px !important;
            color: #c9c9c9; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input .ant-input::-webkit-scrollbar-track {
            width: 4px !important;
            background: #d9d9d9; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input > span {
          color: #556eff;
          font-size: 13px; }
        .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input .textarea-wrapper {
          position: relative;
          margin-top: 5px;
          width: 100%;
          height: 131px;
          border-radius: 10px;
          border: 1px solid #e5e8eb;
          padding: 12px 19px;
          background: #fff; }
          .demo-online-tts-home .demo-online-tts-content .content-item-left .tts-text-input .textarea-wrapper .tts-start-btn {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 78px;
            height: 33px;
            background: linear-gradient(270deg, rgba(53, 114, 247, 0.81), #78a2ff 100%);
            border-radius: 6px;
            font-size: 14px;
            color: #fff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            cursor: pointer; }
    .demo-online-tts-home .demo-online-tts-content .content-item-right {
      width: calc(var(--scale) * 470px);
      padding-top: calc(var(--scale) * 29px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 29px);
      padding-bottom: 30px; }
      .demo-online-tts-home .demo-online-tts-content .content-item-right .item-right-area {
        width: calc((var(--scale) + 0.1) * 326px);
        height: calc((var(--scale) + 0.1) * 230px);
        overflow-y: auto;
        box-sizing: border-box;
        padding-right: 4px; }
      .demo-online-tts-home .demo-online-tts-content .content-item-right .item-right-text {
        opacity: 0.68;
        font-size: calc(var(--scale) * 16px);
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        text-align: justify;
        background: linear-gradient(140deg, #5776ff 5%, #56b1ff 89%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: calc(var(--scale) * 32px);
        scrollbar-width: none; }
      .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper {
        -ms-flex: 1;
            flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box-playing {
          position: relative; }
          .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box-playing::before, .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box-playing::after {
            animation-delay: 0s;
            animation: expand 3s linear infinite;
            opacity: 0; }
        .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box {
          position: relative;
          width: calc(var(--scale) * 156px);
          height: calc(var(--scale) * 156px); }
          .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box::before, .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #cfcbff;
            display: block;
            opacity: 0.15; }
          .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box::after {
            animation-delay: 1.5s;
            -ms-transform: translate(-50%, -50%) scale(0.76);
                transform: translate(-50%, -50%) scale(0.76);
            -ms-transform-origin: center;
                transform-origin: center; }
          .demo-online-tts-home .demo-online-tts-content .content-item-right .content-wrapper .language-image-box > img {
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            z-index: 1;
            width: calc(var(--scale) * 88px);
            height: calc(var(--scale) * 88px); }

@keyframes expand {
  0% {
    transform: translate(-50%, -50%) scale(0.56);
    opacity: 0.6; }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0; } }
    .demo-online-tts-home .demo-online-tts-content .content-item-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: calc(var(--scale) * 2px); }
      .demo-online-tts-home .demo-online-tts-content .content-item-title > img {
        width: auto;
        height: calc(var(--scale) * 24px); }
      .demo-online-tts-home .demo-online-tts-content .content-item-title > span {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 26px);
        font-size: calc(var(--scale) * 18px);
        font-family: Douyin Sans, Douyin Sans-Bold;
        font-weight: 700;
        text-align: center;
        color: #556eff;
        line-height: calc(var(--scale) * 26px); }
    .demo-online-tts-home .demo-online-tts-content .content-item-bottom {
      font-size: 11px;
      font-weight: 400;
      text-align: center;
      line-height: 22px;
      color: rgba(85, 110, 255, 0.55);
      cursor: pointer; }
      .demo-online-tts-home .demo-online-tts-content .content-item-bottom > span {
        text-decoration: underline;
        color: #556eff; }

#online_tts_id {
  margin-top: 56px;
  width: 746px;
  height: 333px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat center center/cover;
  padding: 15px;
  border: none; }
  #online_tts_id .demo-online-tts-header {
    margin-top: -15px;
    background: none; }
  #online_tts_id .demo-online-tts-content {
    background: none; }
    #online_tts_id .demo-online-tts-content .content-item-left {
      width: 425px;
      padding: 10px 15px 0 20px !important; }
    #online_tts_id .demo-online-tts-content .tts-config-wrapper {
      margin-top: -20px;
      row-gap: 8px; }
    #online_tts_id .demo-online-tts-content .tts-text-input {
      padding-top: 3px; }
    #online_tts_id .demo-online-tts-content .textarea-wrapper {
      width: 414px;
      height: 78px;
      padding: 5px; }
    #online_tts_id .demo-online-tts-content .tts-start-btn {
      bottom: 4px;
      width: 60px;
      height: 24px;
      font-size: 12px; }

@media screen and (max-width: 1500px) {
  #online_tts_id {
    width: 728px; }
  .adaptive-width {
    width: calc(var(--scale) * 715px); } }

.multi-lang-select-panel {
  width: 310px;
  height: 200px;
  height: auto;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  overflow: auto; }
  .multi-lang-select-panel .title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 14px; }
  .multi-lang-select-panel .content-overflow {
    max-height: 55px;
    padding-right: 30px; }
  .multi-lang-select-panel .content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    color: #8e919c;
    margin-bottom: 10px;
    overflow: hidden; }
    .multi-lang-select-panel .content .content-wrapper {
      position: relative;
      width: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      display: -ms-flexbox;
      display: flex;
      gap: 4px 12px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .multi-lang-select-panel .content .content-item {
      padding: 2px 4px;
      border-radius: 4px;
      cursor: pointer; }
      .multi-lang-select-panel .content .content-item:hover {
        background: #efefef; }
    .multi-lang-select-panel .content .content-item-active {
      background: #ecf1fe;
      color: #556eff; }
    .multi-lang-select-panel .content .more-btn {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 2px 4px;
      border-radius: 4px;
      background: #fff;
      color: #556eff;
      cursor: pointer; }

.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: grab;
  opacity: 0.8;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-bottom: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  -ms-transform: translateX(-5px);
      transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -ms-transform: scale(0, 0);
      transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.rc-input-number {
  display: inline-block;
  height: 26px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 26px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.rc-input-number-focused {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.rc-input-number-out-of-range input {
  color: red;
}
.rc-input-number-handler {
  display: block;
  height: 12px;
  overflow: hidden;
  line-height: 12px;
  text-align: center;
  -ms-touch-action: none;
      touch-action: none;
}
.rc-input-number-handler-active {
  background: #ddd;
}
.rc-input-number-handler-up-inner,
.rc-input-number-handler-down-inner {
  color: #666666;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.rc-input-number:hover {
  border-color: #1890ff;
}
.rc-input-number:hover .rc-input-number-handler-up,
.rc-input-number:hover .rc-input-number-handler-wrap {
  border-color: #1890ff;
}
.rc-input-number-disabled:hover {
  border-color: #d9d9d9;
}
.rc-input-number-disabled:hover .rc-input-number-handler-up,
.rc-input-number-disabled:hover .rc-input-number-handler-wrap {
  border-color: #d9d9d9;
}
.rc-input-number-input-wrap {
  height: 100%;
  overflow: hidden;
}
.rc-input-number-input {
  width: 100%;
  height: 100%;
  padding: 0;
  color: #666666;
  line-height: 26px;
  text-align: center;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s ease;
  transition: all 0.3s;
  -moz-appearance: textfield;
}
.rc-input-number-handler-wrap {
  float: right;
  width: 20px;
  height: 100%;
  border-left: 1px solid #d9d9d9;
  transition: all 0.3s;
}
.rc-input-number-handler-up {
  padding-top: 1px;
  border-bottom: 1px solid #d9d9d9;
  transition: all 0.3s;
}
.rc-input-number-handler-up-inner:after {
  content: '+';
}
.rc-input-number-handler-down {
  transition: all 0.3s;
}
.rc-input-number-handler-down-inner:after {
  content: '-';
}
.rc-input-number-handler-down-disabled,
.rc-input-number-handler-up-disabled {
  opacity: 0.3;
}
.rc-input-number-handler-down-disabled:hover,
.rc-input-number-handler-up-disabled:hover {
  color: #999;
  border-color: #d9d9d9;
}
.rc-input-number-disabled .rc-input-number-input {
  background-color: #f3f3f3;
  cursor: not-allowed;
  opacity: 0.72;
}
.rc-input-number-disabled .rc-input-number-handler {
  opacity: 0.3;
}
.rc-input-number-disabled .rc-input-number-handler:hover {
  color: #999;
  border-color: #d9d9d9;
}

@charset "UTF-8";
.code-win-md {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  position: relative;
  font-size: 14px; }
  .code-win-md .markdown-body {
    background-color: transparent;
    height: auto;
    /* 代码块 */
    /* 代码块 */
    /* p标签的颜色 */
    /* li 的项目符号在内侧，显示项目符号 */ }
    .code-win-md .markdown-body hr {
      border-style: solid;
      color: #ccc;
      border-width: 1px;
      border-top: 0; }
    .code-win-md .markdown-body .result-inner > p:not(:first-child) {
      margin-top: 10px; }
    .code-win-md .markdown-body.cw .chat-aippt-wrap {
      display: -ms-flexbox;
      display: flex; }
    .code-win-md .markdown-body .chat-aippt-wrap {
      display: none;
      height: 50px;
      width: 100%;
      -ms-flex-direction: column;
          flex-direction: column;
      font-size: 12px;
      font-weight: 400; }
      .code-win-md .markdown-body .chat-aippt-wrap .advertise {
        margin-top: -38px;
        text-align: right;
        color: #9ea4ae !important;
        line-height: 30px; }
        .code-win-md .markdown-body .chat-aippt-wrap .advertise a {
          color: #5d59e8;
          margin-left: 2px; }
      .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        margin: 10px 0;
        z-index: 10;
        width: 300px; }
        .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap > div,
        .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap > a {
          height: 30px;
          border-radius: 5px;
          line-height: 30px;
          text-align: center;
          cursor: pointer; }
          .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap > div:hover,
          .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap > a:hover {
            opacity: 0.8; }
        .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap .onekey-ppt {
          display: block;
          margin-left: 10px;
          background-color: #5d59e8;
          color: #ffffff;
          width: 110px; }
        .code-win-md .markdown-body .chat-aippt-wrap .btn-wrap .edit-ppt {
          width: 60px;
          color: #5d59e8;
          border: solid #5d59e8 1px; }
    .code-win-md .markdown-body h1 {
      font-size: 24px; }
    .code-win-md .markdown-body h2 {
      font-size: 22px; }
    .code-win-md .markdown-body h3 {
      font-size: 20px; }
    .code-win-md .markdown-body h4 {
      font-size: 18px; }
    .code-win-md .markdown-body h5,
    .code-win-md .markdown-body h6 {
      font-size: 16px;
      line-height: 20px; }
    .code-win-md .markdown-body h1,
    .code-win-md .markdown-body h2,
    .code-win-md .markdown-body h3,
    .code-win-md .markdown-body h4,
    .code-win-md .markdown-body h5,
    .code-win-md .markdown-body h6 {
      margin-top: 16px;
      margin-bottom: 8px;
      font-weight: 600; }
      .code-win-md .markdown-body h1:first-child,
      .code-win-md .markdown-body h2:first-child,
      .code-win-md .markdown-body h3:first-child,
      .code-win-md .markdown-body h4:first-child,
      .code-win-md .markdown-body h5:first-child,
      .code-win-md .markdown-body h6:first-child {
        margin-top: 0; }
    .code-win-md .markdown-body .result-inner > p > img {
      max-width: 100%; }
    .code-win-md .markdown-body .result-inner > :first-child > .spark-text:first-child {
      margin-top: 0; }
    .code-win-md .markdown-body .result-inner.last-chat-loading .pt-loading {
      display: block !important; }
    .code-win-md .markdown-body .card-ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .code-win-md .markdown-body .card-ul .card-li {
        display: inline-block;
        width: calc(25% - 9px);
        min-width: 183px;
        height: 183px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0px 2px 4px 0px rgba(52, 88, 165, 0.09);
        list-style: none;
        margin-right: 12px;
        margin-bottom: 16px;
        cursor: pointer;
        transition: transform 0.2s;
        letter-spacing: 0px; }
        .code-win-md .markdown-body .card-ul .card-li:hover {
          -ms-transform: translateY(-4px);
              transform: translateY(-4px); }
        .code-win-md .markdown-body .card-ul .card-li:nth-child(4n) {
          margin-right: 0; }
        .code-win-md .markdown-body .card-ul .card-li .img-wrap {
          width: 100%;
          height: 83px;
          border-radius: 8px 8px 0px 0px;
          overflow: hidden; }
          .code-win-md .markdown-body .card-ul .card-li .img-wrap > img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .code-win-md .markdown-body .card-ul .card-li .card-title {
          color: #43436b;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 28px;
          padding: 3px 10px 1px; }
        .code-win-md .markdown-body .card-ul .card-li .card-desc {
          color: #9295bf;
          font-size: 12px;
          line-height: 18px;
          padding: 0 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-weight: 500; }
        .code-win-md .markdown-body .card-ul .card-li .card-bottom {
          padding: 3px 10px 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .code-win-md .markdown-body .card-ul .card-li .card-bottom .icon-wrap {
            width: 14px;
            height: 14px;
            border-radius: 3px;
            overflow: hidden;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
            .code-win-md .markdown-body .card-ul .card-li .card-bottom .icon-wrap > img {
              max-width: 100%;
              max-height: 100%; }
          .code-win-md .markdown-body .card-ul .card-li .card-bottom .card-company {
            padding-left: 3px;
            width: calc(100% - 14px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #9295bf;
            font-size: 12px; }
    .code-win-md .markdown-body .mermaid {
      text-align: center; }
    .code-win-md .markdown-body table {
      text-align: center;
      width: 100%;
      border: solid #ccc 1px;
      font-size: 14px;
      margin: 8px 0; }
    .code-win-md .markdown-body table td,
    .code-win-md .markdown-body table th {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 5px 8px; }
    .code-win-md .markdown-body table th {
      background-color: #dce9f9; }
    .code-win-md .markdown-body ol {
      list-style-type: decimal; }
    .code-win-md .markdown-body ul,
    .code-win-md .markdown-body ol {
      list-style-type: disc;
      -webkit-margin-before: 1em;
              margin-block-start: 1em;
      -webkit-margin-after: 1em;
              margin-block-end: 1em;
      -webkit-margin-start: 0px;
              margin-inline-start: 0px;
      -webkit-margin-end: 0px;
              margin-inline-end: 0px;
      -webkit-padding-start: 2.3em;
              padding-inline-start: 2.3em; }
      .code-win-md .markdown-body ul ul,
      .code-win-md .markdown-body ul ol,
      .code-win-md .markdown-body ol ul,
      .code-win-md .markdown-body ol ol {
        -webkit-padding-start: 1.2em;
                padding-inline-start: 1.2em; }
    .code-win-md .markdown-body pre code,
    .code-win-md .markdown-body pre tt {
      line-height: 1.6; }
    .code-win-md .markdown-body code.hljs {
      padding: 0; }
    .code-win-md .markdown-body .code-block-wrapper {
      overflow: inherit;
      height: auto;
      margin-bottom: -2em;
      line-height: 1;
      margin: 10px 0; }
      .code-win-md .markdown-body .code-block-wrapper .code-block-header-wrap {
        line-height: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 2; }
      .code-win-md .markdown-body .code-block-wrapper .code-block-header {
        line-height: 0;
        z-index: 2;
        width: 100%;
        padding: 0 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        color: #ddd;
        font-size: 12px;
        background: #343541;
        height: 33px;
        min-height: 33px;
        border-radius: 5px 5px 0 0;
        will-change: transform;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-operation {
          white-space: nowrap;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__lang {
          float: left;
          font-weight: bold; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .head_btn_disable {
          cursor: not-allowed !important;
          opacity: 0.5; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__copy,
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__run-code,
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__down-code {
          position: relative;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          line-height: 1;
          cursor: pointer;
          color: #a5a5a6;
          font-size: 13px;
          margin-left: 8px;
          padding-left: 16px;
          padding-right: 10px;
          background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/02a62ae9-1713-4681-aa90-0158ae0a892e/1750144061837/cw.svg") left center/12px auto no-repeat; }
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__copy:hover,
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__run-code:hover,
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__down-code:hover {
            color: #fff;
            background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/f52b16eb-b45f-4dbd-97cc-819c57c4176a/1750144130399/c.svg") left center/12px auto no-repeat; }
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__copy::before,
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__run-code::before,
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__down-code::before {
            position: absolute;
            content: '';
            display: block;
            left: -8px;
            top: 50%;
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            width: 1px;
            height: 14px;
            background: #979797;
            opacity: 0.16; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__copy::before {
          display: none; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__down-code {
          background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/3b9a2425-3046-4175-8f02-c127fbecf8f6/1750144061837/dw.svg") left center/12px auto no-repeat; }
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__down-code:hover {
            background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/8b5939de-96c1-451b-b8d3-61c557b736c0/1750144061837/d.svg") left center/12px auto no-repeat; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__run-code {
          padding-right: 0;
          background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/b9701452-3f34-40f5-aa35-230cf4e05c1c/1750144061839/runw.svg") left center/12px auto no-repeat; }
          .code-win-md .markdown-body .code-block-wrapper .code-block-header .code-block-header__run-code:hover {
            background: url("https://openres.xfyun.cn/xfyundoc/2025-06-17/08ef3f55-77eb-4d32-a6c2-a059fd90e0ef/1750144061838/run.svg") left center/12px auto no-repeat; }
      .code-win-md .markdown-body .code-block-wrapper .code-block-body {
        border-radius: 0 0 5px 5px;
        overflow: hidden;
        position: relative;
        padding: 18px 20px 10px 20px; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-body-plugin {
          padding-top: 0px; }
        .code-win-md .markdown-body .code-block-wrapper .code-block-body .hljs-comment,
        .code-win-md .markdown-body .code-block-wrapper .code-block-body .hljs-quote {
          color: #7f8a9f; }
    .code-win-md .markdown-body code {
      font-size: 14px; }
    .code-win-md .markdown-body p > code {
      border: none;
      background: none;
      font-size: 14px; }
    .code-win-md .markdown-body pre.code-block-wrapper > code {
      display: block;
      padding: 10px;
      background-color: #000;
      overflow-y: auto;
      color: #fff; }
    .code-win-md .markdown-body pre {
      white-space: pre-wrap; }
    .code-win-md .markdown-body p {
      color: #1b1c21;
      background-color: transparent;
      line-height: 26px;
      word-break: break-word;
      -webkit-margin-before: 0;
              margin-block-start: 0;
      -webkit-margin-after: 0;
              margin-block-end: 0; }
    .code-win-md .markdown-body .result-inner .editorBox p {
      color: inherit;
      line-height: inherit;
      font-size: inherit;
      font-weight: inherit; }
    .code-win-md .markdown-body ul {
      margin: 8px 0;
      font-size: 1rem;
      letter-spacing: 0.1rem; }
      .code-win-md .markdown-body ul li {
        word-break: break-word; }
    .code-win-md .markdown-body ul > li {
      list-style: disc inside;
      list-style-position: inherit; }
      .code-win-md .markdown-body ul > li > ul {
        list-style: square inside;
        list-style-position: inherit; }
        .code-win-md .markdown-body ul > li > ul > li {
          list-style: circle inside;
          list-style-position: inherit; }
    .code-win-md .markdown-body ol {
      margin: 8px 0;
      list-style-type: decimal; }
      .code-win-md .markdown-body ol li {
        word-break: break-word; }
    .code-win-md .markdown-body ol > li {
      list-style: decimal; }
    .code-win-md .markdown-body .translate-toobar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 24px;
      height: 62px;
      color: #9194bf;
      font-size: 14px;
      border-top: 1px dashed rgba(68, 120, 245, 0.2); }
      .code-win-md .markdown-body .translate-toobar span {
        margin-right: 8px; }
      .code-win-md .markdown-body .translate-toobar .select-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding: 0px 8px;
        height: 32px;
        border: 1px solid #cccde5;
        border-radius: 4px; }
        .code-win-md .markdown-body .translate-toobar .select-section label {
          position: relative;
          padding-right: 12px;
          color: #c3c3d0; }
          .code-win-md .markdown-body .translate-toobar .select-section label::before {
            content: '';
            position: absolute;
            top: 50%;
            right: 0px;
            height: 17px;
            width: 1px;
            background-color: #dee0eb;
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        .code-win-md .markdown-body .translate-toobar .select-section select {
          margin-left: 12px;
          width: 80px;
          color: #43436b;
          border: none; }
          .code-win-md .markdown-body .translate-toobar .select-section select:active, .code-win-md .markdown-body .translate-toobar .select-section select:focus {
            outline: none; }
      .code-win-md .markdown-body .translate-toobar .btn-switch-translate-lang {
        width: 38px;
        height: 32px;
        line-height: 32px;
        text-align: center; }
        .code-win-md .markdown-body .translate-toobar .btn-switch-translate-lang img {
          width: 14px;
          height: 14px; }
      .code-win-md .markdown-body .translate-toobar .btn-translate {
        margin-left: 12px;
        width: 100px;
        height: 32px;
        border-radius: 4px;
        background: linear-gradient(to right, #5baaff, #436ef6);
        line-height: 32px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s;
        border: none; }
        .code-win-md .markdown-body .translate-toobar .btn-translate:hover {
          opacity: 0.9; }
        .code-win-md .markdown-body .translate-toobar .btn-translate.disabled {
          cursor: not-allowed;
          background: #ccc; }
    .code-win-md .markdown-body .translate-result {
      border-bottom: 1px dashed rgba(68, 120, 245, 0.2); }
      .code-win-md .markdown-body .translate-result.has-result {
        padding-bottom: 24px; }
    .code-win-md .markdown-body .interview_plugin_expand_question {
      height: 42px;
      line-height: 42px;
      font-size: 14px;
      background: #f2f5fd;
      margin: 24px 0;
      padding: 0 14px; }
      .code-win-md .markdown-body .interview_plugin_expand_question u {
        cursor: pointer; }
      .code-win-md .markdown-body .interview_plugin_expand_question span:nth-child(2) {
        margin-right: 32px; }
    .code-win-md .markdown-body .ckt-poster-table0,
    .code-win-md .markdown-body .ckt-poster-table1 {
      border: none; }
      .code-win-md .markdown-body .ckt-poster-table0 > thead,
      .code-win-md .markdown-body .ckt-poster-table0 > tbody,
      .code-win-md .markdown-body .ckt-poster-table1 > thead,
      .code-win-md .markdown-body .ckt-poster-table1 > tbody {
        width: 100%; }
        .code-win-md .markdown-body .ckt-poster-table0 > thead > tr,
        .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr,
        .code-win-md .markdown-body .ckt-poster-table1 > thead > tr,
        .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr {
          width: 100%; }
          .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > th,
          .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > td,
          .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > th,
          .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > td,
          .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > th,
          .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > td,
          .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > th,
          .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > td {
            width: 25%;
            padding: 10px 0;
            background-color: transparent;
            border-left: none;
            border-top: none; }
            .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > th > img,
            .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > td > img,
            .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > th > img,
            .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > td > img,
            .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > th > img,
            .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > td > img,
            .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > th > img,
            .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > td > img {
              border-radius: 10px;
              width: 100%;
              margin-bottom: 18px; }
            .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > th > a,
            .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > td > a,
            .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > th > a,
            .code-win-md .markdown-body .ckt-poster-table0 > tbody > tr > td > a,
            .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > th > a,
            .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > td > a,
            .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > th > a,
            .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > td > a {
              font-weight: normal; }
    .code-win-md .markdown-body .ckt-poster-table0 > thead > tr > th {
      text-align: left !important; }
    .code-win-md .markdown-body .ckt-poster-table1 {
      border: 1px solid #e3e6e9a2; }
    .code-win-md .markdown-body .ckt-poster-table1 > thead > tr > th,
    .code-win-md .markdown-body .ckt-poster-table1 > tbody > tr > td {
      padding: 10px;
      background-color: #f3f6f9;
      border-left: 1px solid #e6e6e769;
      border-top: 1px solid #e6e6e769; }
  .code-win-md .answer_image {
    max-width: 100%;
    max-height: 300px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 4px; }
  .code-win-md .answer_video_box {
    margin-top: 10px;
    width: 280px;
    height: 158px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: #f0f0f0; }
    .code-win-md .answer_video_box > img {
      width: 42px;
      height: 42px;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      z-index: 9; }
    .code-win-md .answer_video_box > video {
      position: absolute;
      width: 100%;
      z-index: 8; }
  .code-win-md .custom-footnote {
    position: relative;
    top: -2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    color: #787979;
    cursor: pointer;
    font-weight: 600;
    background: #f1f2f5;
    border-radius: 50%;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    white-space: nowrap;
    letter-spacing: 0px;
    margin: 0px 3px; }
    .code-win-md .custom-footnote:hover {
      background: #2a6ee9;
      color: #fff; }
  .code-win-md .doc-image-source-tag {
    cursor: pointer;
    color: #2b6eea;
    margin: 0 4px; }

.iflygpt-chat-setting {
  width: 100%;
  height: 100%; }
  .iflygpt-chat-setting .iflygpt-setting-form-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26px;
    font-size: 15px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #5c6067;
    line-height: 26px;
    margin-right: 8px; }
  .iflygpt-chat-setting .iflygpt-setting-form-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .iflygpt-chat-setting .iflygpt-setting-form {
    width: 100%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .iflygpt-chat-setting .iflygpt-setting-form .ant-switch.ant-switch-checked {
      background-color: #2f8bfc; }
  .iflygpt-chat-setting .iflygpt-setting-high {
    cursor: pointer;
    margin-right: 2px; }
  .iflygpt-chat-setting .gradient-text {
    background: linear-gradient(90deg, #36c2fd 0%, #366bfd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important; }

.chat-win {
  width: 100%;
  height: 412px;
  padding: 20px 30px 34px 46px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }
  .chat-win .chat-win-message-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex: 1;
        flex: 1;
    gap: 30px;
    overflow-y: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .chat-win .chat-win-message-list::-webkit-scrollbar {
      display: none; }
    .chat-win .chat-win-message-list .chat-win-message-think {
      width: 100%;
      font-size: 12px;
      font-weight: 400;
      color: #9194a5;
      line-height: 20px;
      word-break: break-all;
      margin-bottom: 8px; }
    .chat-win .chat-win-message-list .chat-win-message {
      font-size: 14px;
      font-weight: 400;
      text-align: justify;
      color: #1b1c21;
      word-break: break-all;
      line-height: 28px; }
      .chat-win .chat-win-message-list .chat-win-message.user {
        margin-left: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        border-radius: 12px 0px 12px 12px;
        background-color: #fff;
        padding: 12px; }
      .chat-win .chat-win-message-list .chat-win-message .chat-win-logo {
        height: 27px;
        margin-bottom: 8.34px; }

.chat-win-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 44px;
  background: #ffffff;
  border: 1px solid #c4c4cc;
  border-radius: 10px;
  box-shadow: 0px 1px 0px 0px #ffffff;
  margin-top: 4px;
  gap: 4px;
  padding: 7px 12px;
  overflow: hidden; }
  .chat-win-input .chat-win-input-field {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    padding: 0; }
    .chat-win-input .chat-win-input-field::-webkit-scrollbar {
      display: none; }
  .chat-win-input .chat-win-input-send {
    width: 29px;
    height: 29px;
    background: #366bfd;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    -ms-flex-item-align: end;
        align-self: flex-end; }
    .chat-win-input .chat-win-input-send:hover {
      opacity: 0.8; }

.iflygpt-demo {
  --scale: var(--scaleCount);
  width: calc(var(--scale) * 838px);
  height: calc(var(--scale) * 488px);
  border: 1.6px solid #ffffff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .iflygpt-demo .online-recognition-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .iflygpt-demo .online-recognition-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
    .iflygpt-demo .online-recognition-header .iflygpt-model {
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      color: #c6c6d8;
      margin-left: 20px; }
  .iflygpt-demo .iflypgt-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%); }
    .iflygpt-demo .iflypgt-content .iflypgt-left {
      width: calc(var(--scale) * 367px);
      height: 100%;
      border-radius: 0px 0px 0px 10px;
      border-right: 2px solid #ffffff; }
    .iflygpt-demo .iflypgt-content .iflypgt-right {
      -ms-flex: 1;
          flex: 1;
      height: 100%;
      border-radius: 0px 0px 10px 0px; }

#iflygpt_product {
  margin-top: 56px;
  width: 746px;
  height: 333px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat center center/cover;
  padding: 15px;
  border: none; }
  #iflygpt_product .iflypgt-left {
    width: 355px; }
  #iflygpt_product .online-recognition-header {
    background: none;
    margin-top: -15px; }
  #iflygpt_product .iflypgt-content {
    background: none; }
    #iflygpt_product .iflypgt-content .iflygpt-setting {
      padding-top: 5px; }
    #iflygpt_product .iflypgt-content .iflygpt-setting-form {
      width: 327px;
      margin-bottom: 10px !important; }
    #iflygpt_product .iflypgt-content .iflygpt-setting-form-content textarea {
      height: 100px !important; }
    #iflygpt_product .iflypgt-content .iflygpt-setting-form-title {
      margin-bottom: 12px !important; }
    #iflygpt_product .iflypgt-content .iflygpt-setting-form-label {
      font-size: 12px; }
  #iflygpt_product .chat-win {
    height: 328px; }
    #iflygpt_product .chat-win .chat-win-message-list {
      gap: 20px; }

@media screen and (max-width: 1500px) {
  #iflygpt_product {
    width: 728px;
    margin-top: 50px !important; }
    #iflygpt_product .online-recognition-header {
      margin-top: 0; }
    #iflygpt_product .iflypgt-content .online-recognition-header {
      margin-top: 0; }
    #iflygpt_product .iflypgt-content .iflygpt-setting-form-content textarea {
      height: 78px !important; }
    #iflygpt_product .chat-win {
      height: 300px; }
  .adaptive-width {
    width: calc(var(--scale) * 715px); } }

@charset "UTF-8";
.ifasr-demo {
  --scale: var(--scaleCount);
  width: calc(var(--scale) * 838px);
  height: calc(var(--scale) * 488px);
  border: 1.6px solid #ffffff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .ifasr-demo .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .ifasr-demo .online-recognition-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .ifasr-demo .online-recognition-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .ifasr-demo .online-recognition-content {
    width: 100%;
    height: calc(100% - calc(var(--scale) * 72px));
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%);
    /* 自定义滚动条样式 */ }
    .ifasr-demo .online-recognition-content .content-item-left {
      width: calc(var(--scale) * 367px);
      padding-top: calc(var(--scale) * 45px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 25px);
      border-right: 2px solid #ffffff; }
      .ifasr-demo .online-recognition-content .content-item-left .item-left-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        gap: calc(var(--scale) * 25px); }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content .language-image-box > img {
          width: calc(var(--scale) * 156px);
          height: calc(var(--scale) * 156px);
          cursor: pointer; }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content .start-taste {
          display: none; }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content > img {
          width: calc(var(--scale) * 156px);
          height: calc(var(--scale) * 156px);
          cursor: pointer; }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content .recog-text {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          gap: calc(var(--scale) * 10px);
          width: calc(var(--scale) * 232px);
          height: calc(var(--scale) * 40px);
          background: rgba(255, 255, 255, 0.72);
          border: 1px solid #ffffff;
          border-radius: 21px; }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .recog-text > img {
            width: 10px;
            height: 11px; }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .recog-text > span {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            height: calc(var(--scale) * 26px);
            font-size: calc(var(--scale) * 16px);
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            text-align: center;
            color: #181818;
            line-height: calc(var(--scale) * 26px); }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content .ant-upload-drag {
          border: 1px dashed #5ac1fe;
          border-radius: 10px;
          background: rgba(255, 255, 255, 0.58); }
        .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container {
          width: calc(var(--scale) * 270px);
          height: calc(var(--scale) * 128px);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-direction: column;
              flex-direction: column; }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container > img {
            width: calc(var(--scale) * 46px);
            height: calc(var(--scale) * 46px); }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .upload-title {
            font-size: calc(var(--scale) * 16px);
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            text-align: center;
            color: #556eff;
            margin: calc(var(--scale) * 8px) 0; }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .upload-text {
            font-size: calc(var(--scale) * 12px);
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            text-align: center;
            color: #8daaff;
            margin: 0 0 calc(var(--scale) * 8px); }
          .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .file-info {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            position: relative;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            width: 80%; }
            .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .file-info .file-name {
              color: #8daaff;
              font-size: calc(var(--scale) * 12px);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-top: 4px;
              width: 100%; }
            .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .file-info .cancel-file {
              width: 20px;
              height: auto;
              position: absolute;
              left: 50%;
              top: 0;
              -ms-transform: translateX(calc(var(--scale) * 20px));
                  transform: translateX(calc(var(--scale) * 20px)); }
            .ifasr-demo .online-recognition-content .content-item-left .item-left-content .upload-container .file-info .file-icon {
              width: calc(var(--scale) * 40px);
              height: auto; }
    .ifasr-demo .online-recognition-content .content-item-right {
      width: calc(var(--scale) * 470px);
      padding-top: calc(var(--scale) * 45px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: calc(var(--scale) * 29px); }
      .ifasr-demo .online-recognition-content .content-item-right .item-right-area {
        width: calc((var(--scale) + 0.1) * 326px);
        height: calc((var(--scale) + 0.1) * 230px);
        overflow-y: auto;
        box-sizing: border-box;
        padding-right: 4px; }
      .ifasr-demo .online-recognition-content .content-item-right .item-right-text {
        opacity: 0.68;
        font-size: calc(var(--scale) * 16px);
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        text-align: justify;
        background: linear-gradient(140deg, #5776ff 5%, #56b1ff 89%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: calc(var(--scale) * 32px);
        scrollbar-width: none; }
    .ifasr-demo .online-recognition-content .content-item-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: calc(var(--scale) * 2px); }
      .ifasr-demo .online-recognition-content .content-item-title > img {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 29px); }
      .ifasr-demo .online-recognition-content .content-item-title > span {
        width: calc(var(--scale) * 186px);
        height: calc(var(--scale) * 26px);
        font-size: calc(var(--scale) * 18px);
        font-family: Douyin Sans, Douyin Sans-Bold;
        font-weight: 700;
        text-align: center;
        color: #556eff;
        line-height: calc(var(--scale) * 26px); }
    .ifasr-demo .online-recognition-content .item-right-area::-webkit-scrollbar {
      width: 2px; }
    .ifasr-demo .online-recognition-content .item-right-area::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 4px; }
    .ifasr-demo .online-recognition-content .item-right-area::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 4px; }
    .ifasr-demo .online-recognition-content .item-right-area::-webkit-scrollbar-thumb:hover {
      background: #aaa; }

#ifasr-demo-product {
  margin-top: 56px;
  width: 746px;
  height: 333px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat center center/cover;
  padding: 15px;
  border: none; }
  #ifasr-demo-product .online-recognition-header {
    margin-top: -15px;
    background: none; }
  #ifasr-demo-product .online-recognition-content {
    background: none; }
  #ifasr-demo-product .content-item-left {
    width: 327px !important;
    padding-top: 10px; }
  #ifasr-demo-product .content-item-right {
    padding-top: 10px;
    -ms-flex: 1;
        flex: 1; }

@media screen and (max-width: 1500px) {
  #ifasr-demo-product .online-recognition-header {
    margin-top: 0; }
  .adaptive-width {
    width: calc(var(--scale) * 715px); }
    .adaptive-width .ant-upload {
      padding: 16px 0 !important; } }

.text-recognition {
  --scale: var(--scaleCount);
  width: calc(var(--scale) * 838px);
  height: calc(var(--scale) * 488px);
  border: 1.6px solid #ffffff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .text-recognition .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important; }
  .text-recognition .text-recognition-header {
    width: 100%;
    height: calc(var(--scale) * 72px);
    background: linear-gradient(90deg, #fefefe 2%, #f2f9ff 96%);
    border-radius: 10px 10px 0px 0px;
    padding: calc(var(--scale) * 23px) calc(var(--scale) * 28px);
    box-sizing: border-box; }
    .text-recognition .text-recognition-header > span {
      font-size: calc(var(--scale) * 24px);
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: calc(var(--scale) * 26px); }
  .text-recognition .text-recognition-content {
    width: 100%;
    height: calc(100% - calc(var(--scale) * 72px));
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--scale) * 21px);
    box-sizing: border-box;
    background: linear-gradient(90deg, #f9f6fd 2%, #f2f9ff 96%);
    padding: calc(var(--scale) * 31px) calc(var(--scale) * 28px) calc(var(--scale) * 26px) calc(var(--scale) * 28px); }
    .text-recognition .text-recognition-content .content-item-left {
      width: calc(var(--scale) * 314px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 10px;
      cursor: pointer;
      overflow: hidden; }
      .text-recognition .text-recognition-content .content-item-left .recog-img {
        max-height: calc(var(--scale) * 318px);
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
        margin: 0 auto; }
      .text-recognition .text-recognition-content .content-item-left .hover-upload-wrapper {
        display: none;
        width: 100%;
        height: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column; }
        .text-recognition .text-recognition-content .content-item-left .hover-upload-wrapper > img {
          width: calc(var(--scale) * 46px);
          height: calc(var(--scale) * 46px); }
        .text-recognition .text-recognition-content .content-item-left .hover-upload-wrapper .upload-title {
          font-size: calc(var(--scale) * 16px);
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: center;
          color: #556eff;
          margin: calc(var(--scale) * 8px) 0; }
        .text-recognition .text-recognition-content .content-item-left .hover-upload-wrapper .upload-text {
          font-size: calc(var(--scale) * 12px);
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: center;
          color: #8daaff;
          margin: 0 0 calc(var(--scale) * 8px); }
      .text-recognition .text-recognition-content .content-item-left > div {
        width: 100%;
        height: 100%; }
      .text-recognition .text-recognition-content .content-item-left:hover .recog-img {
        display: none; }
      .text-recognition .text-recognition-content .content-item-left:hover .hover-upload-wrapper {
        display: -ms-flexbox;
        display: flex; }
    .text-recognition .text-recognition-content .ticket-recog-left {
      background: rgba(89, 140, 249, 0.18);
      border: 2px dashed #5ac1fe; }
    .text-recognition .text-recognition-content .doc-recog-left {
      background: rgba(125, 89, 249, 0.12);
      border: 2px dashed #a55afe; }
    .text-recognition .text-recognition-content .content-item-right {
      width: calc(var(--scale) * 446px);
      padding: 0 calc(var(--scale) * 23px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      background: #ffffff;
      border: 0.8px solid #e5e8eb;
      border-radius: 10px;
      overflow: hideen; }
      .text-recognition .text-recognition-content .content-item-right .recog-err {
        margin-top: calc(var(--scale) * 20px);
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400; }
      .text-recognition .text-recognition-content .content-item-right .right-title {
        margin-top: calc(var(--scale) * 6px); }
      .text-recognition .text-recognition-content .content-item-right .right-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: calc(var(--scale) * 10px); }
        .text-recognition .text-recognition-content .content-item-right .right-content .title {
          width: 100%;
          height: calc(var(--scale) * 26px);
          font-size: 14px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: left;
          line-height: calc(var(--scale) * 31px);
          padding-left: calc(var(--scale) * 9px); }
        .text-recognition .text-recognition-content .content-item-right .right-content .ticket-title {
          background: #f5f7ff;
          color: #2f8bfc; }
        .text-recognition .text-recognition-content .content-item-right .right-content .doc-title {
          background: #f8f5ff;
          color: #5755ff; }
        .text-recognition .text-recognition-content .content-item-right .right-content .result {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          padding-left: calc(var(--scale) * 9px);
          margin-top: calc(var(--scale) * 6px); }
          .text-recognition .text-recognition-content .content-item-right .right-content .result .result-item {
            font-size: 12px;
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            color: #2d2d2d;
            line-height: calc(var(--scale) * 26px); }
        .text-recognition .text-recognition-content .content-item-right .right-content .special-result {
          width: 100%;
          margin-top: calc(var(--scale) * 16px);
          border: 1px solid rgba(151, 151, 151, 0.16);
          border-radius: 8px;
          padding: calc(var(--scale) * 8px) calc(var(--scale) * 11px); }

.result-tab-popup .ant-tabs-tab .ant-tabs-tab-btn {
  width: auto;
  height: calc(var(--scale) * 18px);
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #9f9f9f;
  line-height: calc(var(--scale) * 18px); }

.result-tab-popup .ant-tabs-tab-active .ant-tabs-tab-btn {
  width: auto;
  height: calc(var(--scale) * 18px);
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #556eff;
  line-height: calc(var(--scale) * 18px); }

.result-tab-popup .ant-tabs-content-holder {
  overflow: auto;
  max-height: calc(var(--scale) * 280px); }

.spin-wrapper .ant-spin-container {
  height: 100%;
  width: 100%; }

.dragger-wrapper .ant-upload-drag {
  background: transparent;
  border: none; }

#text-recognition-product {
  margin-top: 56px;
  width: 746px;
  height: 333px;
  background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/2cd4f7a2-610c-42b6-a3d1-0522536ad529/1753076294385/bg1.png") no-repeat center center/cover;
  padding: 15px;
  border: none; }
  #text-recognition-product .text-recognition-header {
    background: none;
    margin-top: -15px; }
  #text-recognition-product .text-recognition-content {
    background: none;
    padding-top: 5px; }
    #text-recognition-product .text-recognition-content .ticket-recog-left {
      width: 280px; }
  #text-recognition-product .content-item-right {
    -ms-flex: 1;
        flex: 1; }
  #text-recognition-product .right-content {
    height: 238px; }
  #text-recognition-product .ant-tabs-nav {
    margin-bottom: 8px; }

@media screen and (max-width: 1500px) {
  #text-recognition-product .text-recognition-header {
    margin-top: -4px; }
  .adaptive-width {
    width: calc(var(--scale) * 715px); } }

@charset "UTF-8";
.resultContainerBox {
  width: 100%;
  height: 100%; }
  .resultContainerBox .resultTitle {
    font-size: 18px;
    font-weight: 800;
    color: #030a1a;
    display: block;
    margin-bottom: 19px; }
  .resultContainerBox .resultContainer {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .resultContainerBox .resultContainer .resTab {
      width: 100%;
      margin: 10px 0;
      border-bottom: 1px solid rgba(151, 151, 151, 0.18); }
      .resultContainerBox .resultContainer .resTab span {
        display: inline-block;
        width: auto;
        height: 46px;
        margin-right: 20px;
        background: #ffffff;
        line-height: 46px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        letter-spacing: 0.37px;
        color: #9f9f9f;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400; }
      .resultContainerBox .resultContainer .resTab > :nth-child(1) {
        border-right: none; }
      .resultContainerBox .resultContainer .resTab .identifyRes {
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        color: #556eff;
        position: relative; }
        .resultContainerBox .resultContainer .resTab .identifyRes::before {
          content: '';
          position: absolute;
          left: 20%;
          bottom: 0;
          width: 60%;
          height: 2px;
          background: #1975ff;
          border-radius: 2px; }
    .resultContainerBox .resultContainer .resTable {
      width: 100%;
      height: calc(100% - 56px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: relative; }
      .resultContainerBox .resultContainer .resTable .resTypeBox {
        width: 100%;
        padding: 0 30px; }
        .resultContainerBox .resultContainer .resTable .resTypeBox .resType {
          list-style: none;
          overflow-x: hidden;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-positive: 0;
              flex-grow: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType .leftBtn {
            position: absolute;
            left: 6px;
            top: 31px;
            width: 20px;
            height: 20px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0px 1px 6px 0px rgba(133, 137, 147, 0.25);
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            z-index: 999; }
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType li {
            min-width: 118px;
            margin-right: 10px;
            line-height: 45px;
            text-align: left;
            cursor: pointer;
            -ms-flex-positive: 1;
                flex-grow: 1;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
            .resultContainerBox .resultContainer .resTable .resTypeBox .resType li span {
              display: block;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content;
              max-width: 118px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              position: relative; }
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType .activeTicketIndex {
            color: #1a66ff; }
            .resultContainerBox .resultContainer .resTable .resTypeBox .resType .activeTicketIndex span::before {
              content: '';
              position: absolute;
              left: 50%;
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
              bottom: 0;
              width: 76px;
              height: 2px;
              background: #1975ff;
              border-radius: 2px; }
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType .rightBtn {
            position: absolute;
            right: 6px;
            top: 31px;
            width: 20px;
            height: 20px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0px 1px 6px 0px rgba(133, 137, 147, 0.25);
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            z-index: 999; }
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType .leftBtn:hover span svg,
          .resultContainerBox .resultContainer .resTable .resTypeBox .resType .rightBtn:hover span svg {
            color: #1a66ff; }
      .resultContainerBox .resultContainer .resTable .tableContainer {
        width: 100%;
        height: calc(100% - 10px);
        margin: 0 auto;
        overflow: auto; }
        .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent {
          width: 94%;
          /* 文字识别渲染样式 */
          /* 表格识别渲染样式 */ }
          .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox {
            padding-left: 20px; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row,
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable {
              margin-bottom: 20px;
              display: -ms-flexbox;
              display: flex; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row .rowTitle,
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable .rowTitle {
                display: inline-block;
                width: 30%;
                color: rgba(19, 21, 35, 0.6);
                white-space: pre-wrap;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                margin-right: 10%; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row .rowContent,
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable .rowContent {
                display: inline-block;
                width: 100%;
                word-break: break-all;
                font-size: 14px;
                color: #131523;
                -ms-flex-negative: 0;
                    flex-shrink: 0; }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row .rowContent:hover,
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable .rowContent:hover {
                  color: #1a66ff;
                  cursor: pointer; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row .rowActive,
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable .rowActive {
                color: #1a66ff; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .row .rowText .katex-error,
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTable .rowText .katex-error {
                color: inherit !important; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailTableTit {
              cursor: pointer;
              margin-bottom: 10px;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailTableTit span {
                font-size: 14px; }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailTableTit span span {
                  display: inline-block;
                  margin-left: 5px; }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailTableTit span .anticon svg {
                  color: rgba(22, 25, 37, 0.6); }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailContentContainer {
              padding-left: 14px;
              border-left: 2px solid;
              border-image: linear-gradient(348deg, rgba(251, 251, 252, 0) 0%, #e3e7ec 91%) 100%/0 0 100% 2px; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailContentContainer .detailTable .detailRow {
                width: 100%;
                display: -ms-flexbox;
                display: flex; }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailContentContainer .detailTable .detailRow .rowTitle {
                  display: inline-block;
                  width: 30%;
                  color: rgba(19, 21, 35, 0.6);
                  white-space: pre-wrap;
                  -ms-flex-negative: 0;
                      flex-shrink: 0;
                  margin-right: 10%; }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .detailTableCotainer .detailContentContainer .detailTable .detailRow .rowContent {
                  display: inline-block;
                  max-width: 60%;
                  word-break: break-all;
                  color: #131523;
                  -ms-flex-negative: 0;
                      flex-shrink: 0; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .blockBox {
              margin-bottom: 25px; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableContentBox .contentBox .blockBox .row {
                margin-bottom: 5px; }
          .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox {
            margin-bottom: 20px; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .name {
              height: 44px;
              line-height: 44px;
              background: rgba(244, 245, 247, 0.85);
              font-size: 14px;
              font-weight: 500;
              color: #131523;
              padding-left: 20px;
              margin-bottom: 20px;
              display: -ms-flexbox;
              display: flex;
              cursor: pointer; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableNotes {
              font-size: 14px; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableActive {
              border: 2px solid #1a66ff !important; }
            .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableStyles {
              min-width: 100%;
              max-width: 100%;
              border: 2px solid rgba(202, 202, 212, 0.5);
              border-collapse: collapse;
              border-spacing: 0;
              cursor: pointer; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableStyles:hover {
                border: 2px solid #1a66ff; }
              .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableStyles tr {
                border: 1px solid rgba(202, 202, 212, 0.5); }
                .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableStyles tr td {
                  box-sizing: border-box;
                  min-height: 36px;
                  padding: 0;
                  color: #030a1a;
                  line-height: 20px;
                  border-right: 1px solid rgba(202, 202, 212, 0.5);
                  overflow: hidden; }
                  .resultContainerBox .resultContainer .resTable .tableContainer .resTableContent .tableRenderBox .tableStyles tr td .tableCell {
                    min-width: 40px;
                    padding: 8px 12px;
                    color: #030a1a;
                    border: none;
                    outline: none;
                    box-shadow: none;
                    resize: none;
                    font-size: 12px !important;
                    line-height: 18px;
                    white-space: pre; }
    .resultContainerBox .resultContainer .jsonBox {
      padding-top: 10px;
      max-height: calc(100% - 56px);
      overflow: auto; }
  .resultContainerBox .resOperationBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    margin-top: 9px; }
    .resultContainerBox .resOperationBox div {
      width: 141px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #fff;
      border-radius: 2px;
      cursor: pointer; }
      .resultContainerBox .resOperationBox div svg {
        margin-right: 5px; }
    .resultContainerBox .resOperationBox .excelBtn {
      border: 1px solid #dee2e7;
      font-size: 14px;
      font-weight: 500;
      text-align: justifyLeft;
      color: #130d0d;
      margin-right: 18px; }
    .resultContainerBox .resOperationBox .quesBtn {
      width: 141px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #dee2e7;
      background: #fff;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 500;
      color: #130d0d; }
      .resultContainerBox .resOperationBox .quesBtn svg {
        margin-right: 5px; }

.tabBox {
  height: 26px;
  line-height: 31px;
  font-weight: 400;
  padding-left: 10px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex; }
  .tabBox .titleName {
    font-size: 14px; }

.ticketResTab {
  background: #f5f7ff;
  color: #2f8bfc; }

.docResTab {
  color: #5755ff;
  background: #f8f5ff; }

.result-tab-popup .ant-tabs-tab .ant-tabs-tab-btn {
  width: auto;
  height: calc(var(--scale) * 18px);
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #9f9f9f;
  line-height: calc(var(--scale) * 18px); }

.result-tab-popup .ant-tabs-tab-active .ant-tabs-tab-btn {
  width: auto;
  height: calc(var(--scale) * 18px);
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #556eff;
  line-height: calc(var(--scale) * 18px); }

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
.bill-resultContainerBox {
  width: 100%;
  height: 100%; }
  .bill-resultContainerBox .bill-resultTitle {
    font-size: 18px;
    font-weight: 800;
    color: #030a1a;
    display: block;
    margin-bottom: 19px; }
  .bill-resultContainerBox .bill-resultContainer {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .bill-resultContainerBox .bill-resultContainer .bill-resTab {
      width: 100%;
      margin-top: 10px;
      border-bottom: 1px solid rgba(151, 151, 151, 0.18);
      position: relative; }
      .bill-resultContainerBox .bill-resultContainer .bill-resTab span {
        display: inline-block;
        width: auto;
        height: 46px;
        margin-right: 20px;
        background: #ffffff;
        line-height: 46px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        letter-spacing: 0.37px;
        color: #9f9f9f;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400; }
      .bill-resultContainerBox .bill-resultContainer .bill-resTab > :nth-child(1) {
        border-right: none; }
      .bill-resultContainerBox .bill-resultContainer .bill-resTab .bill-identifyRes {
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: 600;
        color: #556eff;
        position: relative; }
        .bill-resultContainerBox .bill-resultContainer .bill-resTab .bill-identifyRes::before {
          content: '';
          position: absolute;
          left: 20%;
          bottom: 0;
          width: 60%;
          height: 2px;
          background: #1975ff;
          border-radius: 2px; }
    .bill-resultContainerBox .bill-resultContainer .bill-resTable {
      width: 100%;
      height: calc(100% - 55px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: relative; }
      .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox {
        width: 100%;
        font-size: 15px; }
        .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType {
          list-style: none;
          overflow-x: hidden;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-positive: 0;
              flex-grow: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType .bill-leftBtn {
            position: absolute;
            left: 6px;
            top: 31px;
            width: 20px;
            height: 20px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0px 1px 6px 0px rgba(133, 137, 147, 0.25);
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            z-index: 999; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType li {
            margin-right: 10px;
            line-height: 45px;
            text-align: left;
            cursor: pointer;
            -ms-flex-positive: 1;
                flex-grow: 1;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType li span {
              display: block;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content;
              max-width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              position: relative; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType .bill-activeTicketIndex {
            color: #1a66ff; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType .bill-rightBtn {
            position: absolute;
            right: 6px;
            top: 31px;
            width: 20px;
            height: 20px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0px 1px 6px 0px rgba(133, 137, 147, 0.25);
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            z-index: 999; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType .bill-leftBtn:hover span svg,
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-resTypeBox .bill-resType .bill-rightBtn:hover span svg {
            color: #1a66ff; }
      .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer {
        width: 100%;
        height: calc(100% - 10px);
        margin: 0 auto;
        overflow: auto; }
        .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent {
          width: 94%; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-tabBox {
            height: 26px;
            line-height: 31px;
            font-size: 14px;
            font-weight: 400;
            padding-left: 10px;
            margin-bottom: 10px;
            display: -ms-flexbox;
            display: flex;
            background: #f5f7ff;
            color: #2f8bfc; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-tabBox .bill-titleName {
              width: 30%;
              max-width: 50%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              margin-right: 10%; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-tabBox .bill-content {
              max-width: 60%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox {
            padding-left: 15px; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox {
              font-size: 12px; }
              .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-row,
              .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTable {
                margin-bottom: 10px;
                display: -ms-flexbox;
                display: flex; }
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-row .bill-rowTitle,
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTable .bill-rowTitle {
                  display: inline-block;
                  width: 30%;
                  color: rgba(19, 21, 35, 0.6);
                  white-space: pre-wrap;
                  -ms-flex-negative: 0;
                      flex-shrink: 0;
                  margin-right: 10%; }
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-row .bill-rowContent,
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTable .bill-rowContent {
                  display: inline-block;
                  max-width: 60%;
                  word-break: break-all;
                  color: #131523;
                  -ms-flex-negative: 0;
                      flex-shrink: 0; }
              .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailTableTit {
                cursor: pointer;
                margin-bottom: 10px;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content; }
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailTableTit span {
                  font-size: 14px; }
                  .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailTableTit span span {
                    display: inline-block;
                    margin-left: 5px; }
                  .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailTableTit span .anticon svg {
                    color: rgba(22, 25, 37, 0.6); }
              .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailContentContainer {
                padding-left: 14px;
                border-left: 2px solid;
                border-image: linear-gradient(348deg, rgba(251, 251, 252, 0) 0%, #e3e7ec 91%) 100%/0 0 100% 2px; }
                .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailContentContainer .bill-detailTable .bill-detailRow {
                  width: 100%;
                  display: -ms-flexbox;
                  display: flex; }
                  .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailContentContainer .bill-detailTable .bill-detailRow .bill-rowTitle {
                    display: inline-block;
                    width: 30%;
                    color: rgba(19, 21, 35, 0.6);
                    white-space: pre-wrap;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                    margin-right: 10%; }
                  .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .bill-tableContentBox .bill-contentBox .bill-rowBox .bill-detailTableCotainer .bill-detailContentContainer .bill-detailTable .bill-detailRow .bill-rowContent {
                    display: inline-block;
                    max-width: 60%;
                    word-break: break-all;
                    color: #131523;
                    -ms-flex-negative: 0;
                        flex-shrink: 0; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .resDataTable .ant-table-tbody > tr > td {
            max-width: 213px; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .resDataTable .ant-table-wrapper {
            width: 100%;
            max-width: none;
            margin-bottom: 23px; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .resDataTable .ant-table-wrapper .css-dev-only-do-not-override-1m62vyb[class^='ant-spin'],
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .resDataTable .ant-table-wrapper .css-dev-only-do-not-override-1m62vyb[class*=' ant-spin'] {
              width: 100%; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .resDataTable .ant-table-content {
            width: 100%; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .transportTable .ant-table-tbody > tr > td {
            max-width: 213px; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .transportTable .ant-table-wrapper {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            max-width: none;
            margin-bottom: 23px; }
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .transportTable .ant-table-wrapper .css-dev-only-do-not-override-1m62vyb[class^='ant-spin'],
            .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .transportTable .ant-table-wrapper .css-dev-only-do-not-override-1m62vyb[class*=' ant-spin'] {
              width: 100%; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .ant-table-wrapper {
            margin-bottom: 23px; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent th {
            white-space: nowrap;
            background-color: #f0f0f0;
            font-size: 14px;
            font-weight: 700;
            color: #70757f; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .ant-table-thead > tr > th {
            border-bottom: 1px solid #dfdfdf !important; }
          .bill-resultContainerBox .bill-resultContainer .bill-resTable .bill-tableContainer .bill-resTableContent .ant-table-tbody > tr > td {
            background-color: #f0f0f0 !important;
            border-bottom: 1px solid #dfdfdf;
            font-size: 14px;
            font-weight: 600;
            color: #1d2129; }
    .bill-resultContainerBox .bill-resultContainer .bill-jsonBox {
      padding-top: 10px;
      max-height: calc(100% - 48px);
      overflow: auto; }
  .bill-resultContainerBox .bill-resOperationBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    margin-top: 9px; }
    .bill-resultContainerBox .bill-resOperationBox div {
      width: 141px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #fff;
      border-radius: 2px;
      cursor: pointer; }
      .bill-resultContainerBox .bill-resOperationBox div svg {
        margin-right: 5px; }
    .bill-resultContainerBox .bill-resOperationBox .bill-excelBtn {
      border: 1px solid #dee2e7;
      font-size: 14px;
      font-weight: 500;
      text-align: justifyLeft;
      color: #130d0d;
      margin-right: 18px; }
    .bill-resultContainerBox .bill-resOperationBox .bill-quesBtn {
      width: 141px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #dee2e7;
      background: #fff;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 500;
      color: #130d0d; }
      .bill-resultContainerBox .bill-resOperationBox .bill-quesBtn svg {
        margin-right: 5px; }

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
}

.textLayer > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;

  background-color: rgb(180, 0, 170);
  border-radius: 4px;
}

.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
  border-radius: 0px;
}

.textLayer .highlight.selected {
  background-color: rgb(0, 100, 0);
}

.textLayer ::selection { background: rgb(0,0,255); }

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.textLayer .endOfContent.active {
  top: 0px;
}


.annotationLayer section {
  position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
}

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAA6UlEQVR4Xl2Pi2rEMAwE16fm1f7/r14v7w4rI0IzLAF7hLxNevBSEMEF5+OilNCsRd8ZMyn+a4NmsOT8WJw1lFbSYgGFzF2bLFoLjTClWjKKGRWpDYAGXUnZ4uhbBUzF3Oe/GG/ue2fn4GgsyXhNgysV2JnrhKEMg4fEZcALmiKbNhBBRFpSyDOj1G4QOVly6O1FV54ZZq8OVygrciDt6JazRgi1ljTPH0gbrPmHPXAbCiDd4GawIjip1TPh9tt2sz24qaCjr/jAb/GBFTbq9KZ7Ke/Cqt8nayUikZKsWZK7Fe6bg5dOUt8fZHWG2BHc+6EAAAAASUVORK5CYII=) 9 9 repeat;
  background-color: white;
}

.pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal, .spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) center no-repeat;
}

.pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}

.pdfPresentationMode .pdfViewer .page,
.pdfPresentationMode .pdfViewer .spread {
  display: block;
}

.pdfPresentationMode .pdfViewer .page,
.pdfPresentationMode .pdfViewer.removePageBorders .page {
  margin-left: auto;
  margin-right: auto;
}

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

@charset "UTF-8";
.ns-tab {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  /* 添加淡入淡出动画 */ }
  .ns-tab .ns-tab-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 42px; }
    .ns-tab .ns-tab-tabs .single-tab {
      margin: 0 26px;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      color: #5c6067;
      line-height: 19.5px;
      padding: 7px 0;
      cursor: pointer; }
    .ns-tab .ns-tab-tabs .single-tab-active {
      color: #1763ff;
      border-bottom: 3px solid #1763ff;
      transition: border-bottom-color 0.8s ease-in-out; }

@keyframes fadeIn {
  from {
    opacity: 0;
    /* 起始状态：完全透明 */ }
  to {
    opacity: 1;
    /* 结束状态：完全不透明 */ } }
  .ns-tab .ns-tab-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: #fff;
    width: 1400px;
    min-height: 460px;
    border-radius: 8px; }
  .ns-tab .ns-tab-content {
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
  .ns-tab .ns-tab-content.fadeIn {
    opacity: 1; }
  .ns-tab .ns-tab-content.fadeOut {
    opacity: 0.3; }
  .ns-tab .ns-tab-content-detail {
    width: 586px;
    height: 390px;
    padding: 35px 24px;
    position: relative;
    background: #fff; }
    .ns-tab .ns-tab-content-detail .tab-content-title {
      font-size: 24px;
      font-weight: bold;
      color: #202020;
      margin-bottom: 20px; }
    .ns-tab .ns-tab-content-detail .tab-content-desc-area {
      min-height: 190px; }
    .ns-tab .ns-tab-content-detail .tab-content-desc {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 16px; }
      .ns-tab .ns-tab-content-detail .tab-content-desc-img {
        width: 13px;
        height: 10px;
        background: url(/static/img/tab-mark.svg) no-repeat;
        background-size: cover;
        margin-top: 8px;
        margin-right: 13px; }
      .ns-tab .ns-tab-content-detail .tab-content-desc-word {
        -ms-flex: 1;
            flex: 1;
        font-size: 14px;
        font-weight: 500;
        text-align: justify;
        color: #4b5c76;
        line-height: 26px; }
    .ns-tab .ns-tab-content-detail .tab-content-subtitle {
      font-size: 16px;
      font-weight: bold;
      color: #181818;
      line-height: 26px;
      margin-bottom: 14px; }
    .ns-tab .ns-tab-content-detail .tab-content-scheme {
      display: -ms-flexbox;
      display: flex; }
      .ns-tab .ns-tab-content-detail .tab-content-scheme-single {
        padding: 4px 13px;
        background: #f6f8fa;
        border-radius: 2px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-right: 16px; }
        .ns-tab .ns-tab-content-detail .tab-content-scheme-single > div:first-child {
          width: 14px;
          height: 14px;
          margin-right: 5px; }
        .ns-tab .ns-tab-content-detail .tab-content-scheme-single > div:last-child {
          font-size: 12px;
          color: #4b5c76;
          line-height: 26px; }
      .ns-tab .ns-tab-content-detail .tab-content-scheme:hover {
        cursor: pointer; }
    .ns-tab .ns-tab-content-detail .tab-content-actions {
      position: absolute;
      left: 24px;
      bottom: 35px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .ns-tab .ns-tab-content-detail .tab-content-actions .tab-content-actions-button {
        height: 43px;
        line-height: 43px;
        margin-right: 23px; }
      .ns-tab .ns-tab-content-detail .tab-content-actions > div {
        height: 26px;
        font-size: 16px;
        font-weight: 500;
        color: #3774f6;
        line-height: 26px;
        cursor: pointer; }
        .ns-tab .ns-tab-content-detail .tab-content-actions > div:hover {
          opacity: 0.8; }
  .ns-tab .ns-tab-content-img {
    width: 700px;
    height: 460px;
    border-radius: 8px; }

@media screen and (max-width: 1500px) {
  .ns-tab .ns-tab-content {
    width: 1200px; }
  .ns-tab .ns-tab-content-img {
    width: 628px; }
  .ns-tab .ns-tab-content-detail {
    width: 456px; } }

.ns-module-header {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  color: #191919;
  line-height: 19.5px;
  margin-bottom: 68px; }
  .ns-module-header .ns-module-header-subTitle {
    color: #3472f7;
    margin-left: 13px; }

.ns-card .card-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px; }
  .ns-card .card-content .card-content-single {
    width: 340px;
    height: 450px;
    background: #fff;
    margin-right: 13px;
    padding: 33px 22px 20px 25px;
    position: relative;
    box-sizing: border-box; }
    .ns-card .card-content .card-content-single-label {
      font-size: 26px;
      font-weight: bold;
      color: #181818;
      line-height: 26px;
      margin-bottom: 9px; }
    .ns-card .card-content .card-content-single-desc {
      font-size: 14px;
      font-weight: 400;
      color: #4b5c76;
      line-height: 26px; }
    .ns-card .card-content .card-content-single-img {
      position: absolute;
      bottom: 20px;
      left: 25px;
      width: 288px;
      height: 250px; }

@charset "UTF-8";
.ns-small-card .small-card-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .ns-small-card .small-card-content .card-content-single {
    width: 450px;
    height: 162px;
    background: #fff;
    margin-right: 15px;
    padding: 29px 23px;
    box-sizing: border-box;
    margin-bottom: 19px; }
    .ns-small-card .small-card-content .card-content-single-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 16px; }
    .ns-small-card .small-card-content .card-content-single-img {
      width: 22px;
      height: 22px;
      margin-right: 12px; }
    .ns-small-card .small-card-content .card-content-single-label {
      font-size: 20px;
      font-weight: bold;
      color: #181818;
      line-height: 26px; }
    .ns-small-card .small-card-content .card-content-single-desc {
      font-size: 14px;
      color: #4b5c76;
      line-height: 26px;
      height: 75px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      /* 限制显示的行数 */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }

.ns-small-card .small-card-content-four .card-content-single {
  width: 330px !important; }

@media screen and (max-width: 1500px) {
  .ns-small-card .small-card-content {
    width: 1200px !important;
    padding-left: 15px;
    box-sizing: border-box; }
    .ns-small-card .small-card-content .card-content-single {
      width: 548px !important; } }

@charset "UTF-8";
.services-price .services-price-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  min-height: 510px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .services-price .services-price-content .price-content-single {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 330px;
    padding: 29px 20px;
    border-radius: 8px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 21px; }
    .services-price .services-price-content .price-content-single-title {
      font-size: 18px;
      font-weight: 600;
      text-align: left;
      color: #181818;
      line-height: 26px;
      margin-bottom: 6px; }
    .services-price .services-price-content .price-content-single-desc {
      font-size: 14px;
      font-weight: 400;
      color: #4b5c76;
      line-height: 26px;
      overflow: hidden;
      /*禁止换行*/
      white-space: nowrap;
      /*显示省略号*/
      text-overflow: ellipsis;
      margin-bottom: 19px;
      transition: opacity 0.3s ease, transform 0.3s ease; }
    .services-price .services-price-content .price-content-single .price-move-content {
      position: absolute;
      top: 106px;
      /* 初始位置，与上方元素高度相匹配 */
      left: 20px;
      width: 100%;
      transition: transform 0.3s ease; }
    .services-price .services-price-content .price-content-single-sale {
      font-size: 14px;
      font-weight: 500;
      text-align: left;
      line-height: 26px;
      letter-spacing: 1px; }
      .services-price .services-price-content .price-content-single-sale span {
        color: #F50604; }
      .services-price .services-price-content .price-content-single-sale span:nth-child(2) {
        font-size: 28px;
        font-weight: bold;
        color: #F50604; }
      .services-price .services-price-content .price-content-single-sale-free {
        font-size: 28px;
        font-weight: bold;
        color: #F50604; }
    .services-price .services-price-content .price-content-single-button {
      position: absolute;
      bottom: 0;
      left: 30px;
      width: 270px;
      height: 40px;
      line-height: 40px;
      transition: color 0s;
      -ms-transform: translateY(100%);
          transform: translateY(100%);
      transition: transform 0.3s ease;
      color: #FFF;
      text-align: center;
      border-radius: 4px;
      background: linear-gradient(270deg, #3370f6 0%, #5691fb); }
      .services-price .services-price-content .price-content-single-button:hover {
        color: #FFF;
        background: linear-gradient(270deg, #3370f6 0%, #5691fb); }
    .services-price .services-price-content .price-content-single-hot {
      position: absolute;
      right: 0;
      top: 0;
      width: 76px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      background: linear-gradient(90deg, #fe6a47 5%, #f82318 96%);
      border-radius: 0px 8px 0px 8px;
      font-size: 14px;
      color: #FFF;
      font-weight: 500; }
  .services-price .services-price-content .price-content-single-active .price-content-single-button {
    -ms-transform: translateY(-18px);
        transform: translateY(-18px); }
  .services-price .services-price-content .price-content-single-active .price-content-single-desc {
    opacity: 0;
    -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    /* 让上方元素消失时稍微向上移动 */ }
  .services-price .services-price-content .price-content-single-active .price-move-content {
    -ms-transform: translateY(-35px);
        transform: translateY(-35px); }
  .services-price .services-price-content .price-content-shows .price-content-show {
    height: 68px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 11px; }
    .services-price .services-price-content .price-content-shows .price-content-show-label {
      height: 26px;
      font-size: 14px;
      color: #181818;
      line-height: 26px; }
    .services-price .services-price-content .price-content-shows .price-content-show-value {
      height: 26px;
      font-size: 20px;
      font-weight: bold;
      color: #181818;
      line-height: 26px;
      margin: 5px 0 11px; }
      .services-price .services-price-content .price-content-shows .price-content-show-value span {
        margin-left: 4px;
        font-weight: 400;
        color: #a4a4a4; }
  .services-price .services-price-content .price-content-tags {
    display: -ms-flexbox;
    display: flex;
    height: 19px;
    margin: 10px 0 20px; }
    .services-price .services-price-content .price-content-tags .price-content-tag {
      padding: 4px 8px;
      height: 18px;
      line-height: 18px;
      background: #f0f4ff;
      border-radius: 3px;
      color: #909caf;
      line-height: 18px;
      margin-right: 9px;
      font-size: 12px; }

@media screen and (max-width: 1500px) {
  .services-price .services-price-content {
    width: 1180px;
    padding-left: 40px;
    box-sizing: border-box; }
    .services-price .services-price-content .price-content-single {
      width: 357px !important; }
      .services-price .services-price-content .price-content-single .price-content-single-button {
        width: 292px; }
  .services-price .service-tips-price {
    margin-left: 45px; } }

@charset "UTF-8";
.services-resource {
  width: 1400px; }
  .services-resource .services-resource-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
    .services-resource .services-resource-list .resource-list-single {
      width: 452px;
      height: 135px;
      background: #FFF;
      border-radius: 8px;
      margin-right: 18px;
      display: -ms-flexbox;
      display: flex;
      padding: 26px 20px 0 28px;
      margin-bottom: 18px;
      box-sizing: border-box; }
      .services-resource .services-resource-list .resource-list-single .resource-list-img {
        width: 61px;
        height: 61px;
        margin-top: 10px; }
      .services-resource .services-resource-list .resource-list-single .resource-list-content {
        -ms-flex: 1;
            flex: 1;
        padding-left: 27px;
        margin-top: -10px; }
        .services-resource .services-resource-list .resource-list-single .resource-list-content-label {
          font-size: 20px;
          font-weight: bold;
          color: #181818;
          line-height: 26px; }
        .services-resource .services-resource-list .resource-list-single .resource-list-content-desc {
          font-size: 14px;
          font-weight: 400;
          color: #4b5c76;
          line-height: 26px;
          height: 55px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* 限制显示的行数 */
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
        .services-resource .services-resource-list .resource-list-single .resource-list-content-address {
          font-size: 16px;
          font-weight: 500;
          color: #3774f6;
          line-height: 26px; }
          .services-resource .services-resource-list .resource-list-single .resource-list-content-address:hover {
            cursor: pointer;
            opacity: 0.8; }
          .services-resource .services-resource-list .resource-list-single .resource-list-content-address span {
            font-size: 14px; }
    .services-resource .services-resource-list .resource-list-single:nth-child(3n) {
      margin-right: 0; }
  .services-resource .services-resource-card {
    display: -ms-flexbox;
    display: flex; }
    .services-resource .services-resource-card .resource-card-left {
      width: 448px;
      height: 368px;
      padding: 23px 0 0 28px;
      box-sizing: border-box; }
      .services-resource .services-resource-card .resource-card-left-title {
        font-size: 18px;
        font-weight: 600;
        color: #181818;
        line-height: 26px;
        margin-bottom: 6px; }
      .services-resource .services-resource-card .resource-card-left-desc {
        font-size: 14px;
        font-weight: 400;
        color: #4b5c76;
        line-height: 26px; }
      .services-resource .services-resource-card .resource-card-left-line {
        margin-top: 16px;
        margin-bottom: 16px;
        height: 1px;
        width: 388px;
        background: #ecedf1; }
    .services-resource .services-resource-card .resource-card-right {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex: 1;
          flex: 1; }
      .services-resource .services-resource-card .resource-card-right .resource-smallcard {
        margin-left: 20px;
        margin-bottom: 18px;
        padding: 19px 0 0 28px;
        background: #FFF;
        width: 452px;
        height: 175px;
        box-sizing: border-box; }
        .services-resource .services-resource-card .resource-card-right .resource-smallcard-label {
          font-size: 18px;
          font-weight: 600;
          color: #181818;
          line-height: 26px; }
        .services-resource .services-resource-card .resource-card-right .resource-smallcard li.resource-li {
          margin-top: 10px; }
  .services-resource ul.resource-ul {
    padding-left: 14px; }
    .services-resource ul.resource-ul li.resource-li {
      list-style-type: none;
      /* 移除默认的列表样式 */
      font-size: 14px;
      font-weight: 400;
      color: #181818;
      line-height: 26px;
      margin-top: 16px; }
      .services-resource ul.resource-ul li.resource-li:hover {
        color: #0062FF;
        cursor: pointer; }
    .services-resource ul.resource-ul li.resource-li::before {
      content: "\2022";
      /* 使用 • 作为列表标记 */
      color: #3774f6;
      /* 设置颜色 */
      display: inline-block;
      /* 使 ::before 成为一个块级元素 */
      width: 1em;
      /* 设置宽度 */
      margin-left: -1em;
      /* 调整位置 */ }

@media screen and (max-width: 1500px) {
  .services-resource {
    width: 1200px;
    padding-left: 30px;
    box-sizing: border-box; }
    .services-resource .services-resource-list .resource-list-single:nth-child(2n) {
      margin-right: 0; }
  .services-resource .services-resource-list .resource-list-single {
    width: 548px; }
  .services-resource .services-resource-list .resource-list-single:nth-child(3n) {
    margin-right: 18px; } }

@charset "UTF-8";
.services-partner {
  white-space: nowrap;
  position: relative;
  width: 100%; }

.partner-wrapper {
  --logo-width: 207px;
  --logo-height: 80px;
  --duration: 180s;
  width: 98%;
  margin-inline: auto;
  position: relative;
  height: var(--logo-height);
  margin-bottom: 37px;
  overflow: hidden;
  /* 模糊遮挡效果 */
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0)); }

@keyframes scrollLeft {
  to {
    left: calc(var(--logo-width) * -1); } }

@keyframes scrollRight {
  to {
    left: calc(var(--logo-width) * 1); } }

.partner-logo {
  width: 207px;
  height: 78px;
  padding: 5px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  background: #FFF;
  border-radius: 8px;
  position: absolute;
  border: 1px solid #FFF;
  box-shadow: 0px 2px 6px 0px rgba(44, 62, 162, 0.09);
  left: calc(var(--logo-width) * var(--logo-count) * 1.2);
  animation-name: scrollLeft;
  animation-duration: var(--duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  /* 动态计算出每个logo的动画延时 */
  animation-delay: calc(var(--duration) / var(--logo-count) * (var(--logo-count) - var(--count)) * -1); }
  .partner-logo img {
    width: 150px;
    height: 58px; }

.partner-wrapper_second .partner-logo {
  animation-direction: reverse; }

@charset "UTF-8";
.more-select {
  position: relative; }
  .more-select .small-card-content {
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: hidden; }
    .more-select .small-card-content .card-content-single {
      width: 320px;
      min-width: 335px;
      height: 150px;
      background: #fff;
      margin-right: 15px;
      padding: 24px 23px;
      box-sizing: border-box;
      margin-bottom: 19px;
      overflow: hidden;
      position: relative; }
      .more-select .small-card-content .card-content-single-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: 16px; }
      .more-select .small-card-content .card-content-single-label {
        font-size: 20px;
        font-weight: bold;
        color: #181818;
        line-height: 26px; }
      .more-select .small-card-content .card-content-single-desc {
        font-size: 14px;
        color: #4b5c76;
        line-height: 26px;
        margin: 12px 0;
        height: 54px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .more-select .small-card-content .card-content-single-button {
        margin-left: -18px;
        position: absolute;
        top: 20px;
        right: 22px; }
    .more-select .small-card-content .card-content-single-active .card-content-single-label {
      color: #0062ff; }
    .more-select .small-card-content .card-content-single-active .button-name .button-img {
      width: 17px;
      height: 17px;
      font-size: 13px;
      background: url("https://openres.xfyun.cn/xfyundoc/2025-07-25/b4231aef-cdc6-4728-a2de-f42b67761bcf/1753435463691/arrow.svg") no-repeat;
      background-size: contain;
      margin-top: 1px; }
  .more-select .select-arrow {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #e7eef9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    bottom: 70px; }
    .more-select .select-arrow:hover {
      opacity: 0.8;
      cursor: pointer; }
  .more-select .select-arrow-left {
    left: -60px; }
  .more-select .select-arrow-right {
    right: -50px; }
  .more-select .button-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .more-select .button-name .button-img {
      width: 17px;
      height: 17px;
      font-size: 13px;
      background: url("https://openres.xfyun.cn/xfyundoc/2025-08-01/15748091-52db-43cb-becc-04d7e8208155/1754039424269/%E7%BC%96%E7%BB%84%E5%A4%87%E4%BB%BD.svg") no-repeat;
      background-size: contain;
      margin-left: 6px;
      margin-top: 1px; }

@media screen and (max-width: 1500px) {
  .more-select {
    width: 1200px; }
  .more-select .small-card-content {
    width: 1108px;
    margin: 0 auto; }
  .more-select .small-card-content .card-content-single {
    width: 356px; }
  .more-select .select-arrow-left {
    left: 0; }
  .more-select .select-arrow-right {
    right: 10px; } }

.services-activity-banner {
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: -62px; }
  .services-activity-banner .activity-banner-single {
    width: 25%;
    padding: 0 5px; }
    .services-activity-banner .activity-banner-single .header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .services-activity-banner .activity-banner-single .header-title {
        height: 29px;
        font-size: 18px;
        font-weight: 600;
        color: #191919;
        line-height: 29px;
        margin-right: 5px; }
      .services-activity-banner .activity-banner-single .header-icon {
        background: #f06139;
        padding: 2px 4px;
        color: #fff;
        border-radius: 4px;
        font-size: 12px;
        margin-right: 5px; }
      .services-activity-banner .activity-banner-single .header-arrow {
        width: 7px;
        height: 11px;
        background: url("https://openres.xfyun.cn/xfyundoc/2025-07-18/64cd96b4-29ab-405b-9dda-21900bb877f3/1752823060787/arrow.svg") no-repeat; }
      .services-activity-banner .activity-banner-single .header:hover {
        opacity: 0.8; }
    .services-activity-banner .activity-banner-single .desc {
      font-size: 13px;
      font-weight: 400;
      text-align: left;
      color: #5c6067;
      line-height: 29px; }

@media screen and (max-width: 1500px) {
  .services-activity-banner {
    width: 1200px;
    padding-left: 45px;
    box-sizing: border-box; } }

.services-voice .card-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px; }
  .services-voice .card-content .card-content-single {
    width: 340px;
    height: 450px;
    background: #fff;
    margin-right: 13px;
    padding: 33px 22px 20px 25px;
    position: relative;
    box-sizing: border-box; }
    .services-voice .card-content .card-content-single-label {
      font-size: 26px;
      font-weight: bold;
      color: #181818;
      line-height: 26px;
      margin-bottom: 9px; }
    .services-voice .card-content .card-content-single-desc {
      font-size: 14px;
      font-weight: 400;
      color: #4b5c76;
      line-height: 26px; }
    .services-voice .card-content .card-content-single-img {
      position: absolute;
      bottom: 20px;
      left: 25px;
      width: 288px;
      height: 250px; }

@media screen and (max-width: 1500px) {
  .services-voice .card-content {
    width: 1200px;
    padding-left: 15px;
    box-sizing: border-box; }
  .services-voice .new-section-speakers .container .gaia-tab {
    width: 200px; }
  .services-voice .speakers-tabs-table .scene-title {
    width: 200px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.speakers-tabs-table {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }
  .speakers-tabs-table .gaia-tabs-bar {
    padding-top: 75px; }
  .speakers-tabs-table table {
    width: 100%; }
  .speakers-tabs-table thead th {
    height: 75px;
    vertical-align: middle;
    color: #4a81ff;
    text-align: center; }
  .speakers-tabs-table .speakers-table-body {
    max-height: 596px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    overflow-y: auto; }
  .speakers-tabs-table tbody td {
    text-align: center;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    color: #24374e; }
  .speakers-tabs-table .price {
    color: #ff5328;
    font-size: 18px;
    font-weight: 600; }
    .speakers-tabs-table .price .old-price {
      text-decoration: line-through;
      color: #c2c2c2;
      font-size: 16px;
      margin-top: 5px;
      margin-left: 7px; }
  .speakers-tabs-table .priceIat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 120px; }

.service-tips {
  color: #9399a3;
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px; }
  .service-tips a {
    color: #5086f8;
    text-decoration: none; }

.speakers-tabs .gaia-tab {
  width: 180px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  transition: all .3s; }

.speakers-tabs .gaia-tab.gaia-tab-active {
  background-color: #f4f5f9; }

.speakers-tabs .gaia-tab-pane {
  transition: none; }

.speakers-tabs-table .scene-title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 240px;
  height: 75px;
  line-height: 75px;
  color: #4a81ff;
  font-weight: bold;
  z-index: 2; }
  .speakers-tabs-table .scene-title span {
    position: relative; }
  .speakers-tabs-table .scene-title .badge-icon {
    position: absolute;
    top: -8px;
    left: 100%; }

.audio-player {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-right: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/b5291347-ecec-49a0-85fa-5fe70759ed0b/1753107317403/24gf-playCircle.svg");
  vertical-align: middle;
  cursor: pointer; }
  .audio-player.play {
    background-image: url("https://openres.xfyun.cn/xfyundoc/2025-07-22/a7582e30-ba56-4a0d-bbe8-c9b106f78104/1753150505700/stop.svg");
    background-position: left center; }
  .audio-player audio {
    pointer-events: none; }

.new-section-speakers {
  width: 1400px !important;
  padding-top: 0 !important; }
  .new-section-speakers .container {
    width: 1400px;
    padding-left: 0 !important; }
    .new-section-speakers .container .speakers-table-body {
      margin-top: -12px; }
    .new-section-speakers .container .gaia-tab {
      width: 240px;
      height: 58px;
      color: #a4a4a4;
      line-height: 58px !important; }
      .new-section-speakers .container .gaia-tab span {
        height: 58px;
        line-height: 58px; }
    .new-section-speakers .container .gaia-tab-active {
      background: linear-gradient(92deg, rgba(51, 112, 255, 0.13) 3%, rgba(255, 255, 255, 0) 93%);
      color: #181818; }
    .new-section-speakers .container .gaia-tabs-inkbar {
      background-color: #356cf3;
      height: 58px !important; }
    .new-section-speakers .container .speakers-tabs-table tbody td {
      color: #181818 !important;
      font-size: 16px;
      height: 54px; }

@media screen and (max-width: 1500px) {
  .new-section-speakers {
    width: 1200px !important; }
    .new-section-speakers .container {
      width: 1200px !important; } }

.services-tutorial {
  width: 1400px; }
  .services-tutorial .tutorial-card {
    position: relative;
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    height: 279px; }
    .services-tutorial .tutorial-card .cover {
      height: 185px;
      width: 100%;
      overflow: hidden;
      border-radius: 8px 8px 0 0; }
      .services-tutorial .tutorial-card .cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s; }
    .services-tutorial .tutorial-card .title {
      font-weight: 500;
      padding: 0 24px;
      margin: 13px 0 15px 0;
      height: 26px;
      overflow: hidden;
      height: 26px;
      font-size: 20px;
      color: #181818;
      line-height: 26px; }
    .services-tutorial .tutorial-card .desc {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0 15px 0 24px;
      height: 26px;
      font-size: 14px;
      font-weight: 400;
      color: #4b5c76;
      line-height: 26px; }
      .services-tutorial .tutorial-card .desc span {
        margin: 0; }
      .services-tutorial .tutorial-card .desc .desc-right {
        color: #3774f6;
        width: 55px;
        display: -ms-flexbox;
        display: flex; }
      .services-tutorial .tutorial-card .desc .icon {
        display: inline-block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .services-tutorial .tutorial-card .desc .icon.user {
        background-image: url(/static/img/ic_user.png);
        width: 10px;
        height: 13px; }
      .services-tutorial .tutorial-card .desc .icon.play {
        background: url("https://openres.xfyun.cn/xfyundoc/2025-07-21/04f307e8-6f3b-48df-b4ac-6dda1ffc990c/1753062754405/play.svg") no-repeat;
        width: 19px;
        height: 19px;
        margin-left: 4px;
        margin-top: 3px; }
        .services-tutorial .tutorial-card .desc .icon.play:hover {
          opacity: 0.8; }
    .services-tutorial .tutorial-card:hover .cover img {
      -ms-transform: scale(1.15);
          transform: scale(1.15); }

.services-tutorial .container {
  padding-left: 0 !important;
  width: 1400px; }

.services-tutorial section {
  padding-top: 0 !important; }

@media screen and (max-width: 1500px) {
  .services-tutorial {
    width: 1200px; }
    .services-tutorial .container {
      width: 1200px; } }

.services-pantner-card .small-card-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .services-pantner-card .small-card-content .card-content-single {
    height: 219px;
    background: #fff;
    margin-right: 15px;
    padding: 24px 23px;
    box-sizing: border-box;
    margin-bottom: 19px;
    overflow: hidden;
    position: relative; }
    .services-pantner-card .small-card-content .card-content-single-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 16px; }
    .services-pantner-card .small-card-content .card-content-single-label {
      font-size: 20px;
      font-weight: bold;
      color: #181818;
      line-height: 26px; }
    .services-pantner-card .small-card-content .card-content-single-desc {
      font-size: 14px;
      color: #4b5c76;
      line-height: 24px;
      margin: 12px 0;
      height: 91px;
      overflow: hidden; }
    .services-pantner-card .small-card-content .card-content-single-img {
      height: 36px;
      margin-left: -8px; }

@media screen and (max-width: 1500px) {
  .services-pantner-card .small-card-content {
    width: 1200px; }
  .services-pantner-card {
    width: 1200px; }
  .single-4 {
    width: 280px !important; }
  .single-3 {
    width: 375px !important; } }

@charset "UTF-8";
.services-question .question-content {
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.services-question .ant-collapse-ghost {
  width: 100%;
  /* 展开时的标题颜色 */ }
  .services-question .ant-collapse-ghost .ant-collapse-header-text {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    line-height: 26px; }
  .services-question .ant-collapse-ghost .ant-collapse-item-active .ant-collapse-header {
    color: #1890ff;
    /* 自定义颜色 */ }
  .services-question .ant-collapse-ghost .ant-collapse-expand-icon {
    position: absolute;
    right: 0; }
  .services-question .ant-collapse-ghost .ant-collapse-content-box {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #4b5c76;
    line-height: 28px; }
  .services-question .ant-collapse-ghost .ant-collapse-header {
    padding: 22px 16px 20px 16px; }
  .services-question .ant-collapse-ghost .ant-collapse-content-box {
    white-space: pre-wrap;
    /* 保留空白符序列，允许自动换行 */
    word-wrap: break-word;
    /* 长单词或 URL 强制换行 */ }

@media screen and (max-width: 1500px) {
  .services-question .question-content {
    width: 1200px;
    padding-left: 30px;
    box-sizing: border-box; } }

.ns-system {
  width: 1400px;
  margin: 0 auto; }
  .ns-system .ns-system-content {
    width: 100%;
    background: #fff;
    padding: 32px 42px;
    box-sizing: border-box;
    border-radius: 8px; }
    .ns-system .ns-system-content .content-img-only {
      width: 100%;
      height: 100%;
      border-radius: 8px; }
    .ns-system .ns-system-content .content-all {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%;
      height: 100%; }
      .ns-system .ns-system-content .content-all .content-all-left {
        width: 976px;
        height: 100%;
        border-radius: 8px; }
      .ns-system .ns-system-content .content-all .content-all-right {
        -ms-flex: 1;
            flex: 1;
        padding-left: 26px; }
        .ns-system .ns-system-content .content-all .content-all-right .right-title {
          height: 26px;
          font-size: 18px;
          font-family: PingFang SC, PingFang SC-Medium;
          font-weight: 500;
          text-align: left;
          color: #181818;
          line-height: 26px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-bottom: 24px; }
        .ns-system .ns-system-content .content-all .content-all-right .right-desc-area .right-desc {
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 13px; }
          .ns-system .ns-system-content .content-all .content-all-right .right-desc-area .right-desc .right-desc-img {
            width: 13px;
            height: 10px;
            background: url(/static/img/tab-mark.svg) no-repeat;
            background-size: cover;
            margin-top: 8px;
            margin-right: 13px; }
          .ns-system .ns-system-content .content-all .content-all-right .right-desc-area .right-desc .right-desc-word {
            font-size: 14px;
            text-align: justify;
            color: #4b5c76;
            line-height: 26px;
            -ms-flex: 1;
                flex: 1; }

@media screen and (max-width: 1500px) {
  .ns-system {
    width: 1200px; } }

.ns-spec {
  width: 1400px;
  margin: 0 auto; }
  .ns-spec .ns-spec-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px; }
    .ns-spec .ns-spec-content .single {
      width: 685px;
      border-radius: 8px; }
      .ns-spec .ns-spec-content .single .single-header {
        height: 65px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        padding-left: 28px;
        background: linear-gradient(270deg, #689fff 0%, #689fff 0%, #3b7efc);
        border-radius: 8px 8px 0 0; }
        .ns-spec .ns-spec-content .single .single-header .single-header-title {
          font-size: 22px;
          font-weight: 600;
          color: #ffffff;
          line-height: 26px;
          margin-right: 10px; }
        .ns-spec .ns-spec-content .single .single-header .single-header-subtitle {
          font-size: 18px;
          font-weight: 400;
          color: #d6e2ff;
          line-height: 26px; }
      .ns-spec .ns-spec-content .single .single-content {
        background: #fff;
        padding: 28px 28px 0 28px;
        border-radius: 0 0 8px 8px; }
        .ns-spec .ns-spec-content .single .single-content .single-content-list {
          box-sizing: border-box;
          min-height: 182px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          border-bottom: 1px solid #f2f2f2;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
          .ns-spec .ns-spec-content .single .single-content .single-content-list .list-sp {
            width: 50%;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 35px; }
            .ns-spec .ns-spec-content .single .single-content .single-content-list .list-sp .list-sp-label {
              width: 82px;
              font-size: 16px;
              line-height: 26px;
              color: #4b5c76; }
            .ns-spec .ns-spec-content .single .single-content .single-content-list .list-sp .list-sp-value {
              -ms-flex: 1;
                  flex: 1;
              color: #3370ff;
              font-size: 16px;
              line-height: 26px;
              font-weight: 500; }
          .ns-spec .ns-spec-content .single .single-content .single-content-list .list-sp-sperate {
            width: 100%; }
            .ns-spec .ns-spec-content .single .single-content .single-content-list .list-sp-sperate .list-sp-value {
              color: #262626 !important; }
      .ns-spec .ns-spec-content .single .single-content-actions {
        width: 100%;
        height: 96px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .ns-spec .ns-spec-content .single .single-content-actions .single-content-button {
          padding: 9px 23px;
          color: #fff;
          border-radius: 5px;
          cursor: pointer; }
          .ns-spec .ns-spec-content .single .single-content-actions .single-content-button:hover {
            opacity: 0.8; }
    .ns-spec .ns-spec-content .single-purple .single-header {
      background: linear-gradient(270deg, #a1abff 0%, #7a85fe 1%); }
    .ns-spec .ns-spec-content .single-purple .single-content .single-content-list .list-sp .list-sp-value {
      color: #5a67ff; }

@media screen and (max-width: 1500px) {
  .ns-spec {
    width: 1180px; }
    .ns-spec .ns-spec-content .single {
      width: 580px; } }

@charset "UTF-8";
.ns-small-card-tab {
  /* 添加淡入淡出动画 */ }
  .ns-small-card-tab .ns-tab-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 42px; }
    .ns-small-card-tab .ns-tab-tabs .single-tab {
      margin: 0 46px;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      color: #5c6067;
      line-height: 19.5px;
      padding: 7px 0;
      cursor: pointer;
      position: relative; }
    .ns-small-card-tab .ns-tab-tabs .single-tab-active {
      color: #1763ff;
      border-bottom: 3px solid #1763ff;
      transition: border-bottom-color 0.8s ease-in-out; }
    .ns-small-card-tab .ns-tab-tabs .single-tab-activity-word {
      position: absolute;
      right: -50px;
      top: -16px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      background: linear-gradient(90deg, #fe6a47 5%, #f82318 96%);
      border-radius: 8px 8px 8px 8px;
      font-size: 14px;
      color: #FFF;
      font-weight: 500;
      padding: 0 10px; }

@keyframes fadeIn {
  from {
    opacity: 0;
    /* 起始状态：完全透明 */ }
  to {
    opacity: 1;
    /* 结束状态：完全不透明 */ } }
  .ns-small-card-tab .small-card-content {
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .ns-small-card-tab .small-card-content .card-content-single {
      width: 450px;
      height: 162px;
      background: #fff;
      margin-right: 15px;
      padding: 29px 23px;
      box-sizing: border-box;
      margin-bottom: 19px; }
      .ns-small-card-tab .small-card-content .card-content-single-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: 16px; }
      .ns-small-card-tab .small-card-content .card-content-single-img {
        width: 22px;
        height: 22px;
        margin-right: 12px; }
      .ns-small-card-tab .small-card-content .card-content-single-label {
        font-size: 20px;
        font-weight: bold;
        color: #181818;
        line-height: 26px; }
      .ns-small-card-tab .small-card-content .card-content-single-desc {
        font-size: 14px;
        color: #4b5c76;
        line-height: 26px;
        height: 75px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  .ns-small-card-tab .small-card-content {
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
  .ns-small-card-tab .small-card-content.fadeIn {
    opacity: 1; }
  .ns-small-card-tab .small-card-content.fadeOut {
    opacity: 0.3; }
  .ns-small-card-tab .small-card-content-four .card-content-single {
    width: 330px !important; }

@media screen and (max-width: 1500px) {
  .ns-small-card .small-card-content {
    width: 1200px !important;
    padding-left: 15px;
    box-sizing: border-box; }
    .ns-small-card .small-card-content .card-content-single {
      width: 548px !important; } }

@charset "UTF-8";
.services-price {
  /* 添加淡入淡出动画 */ }
  .services-price .ns-tab-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 42px; }
    .services-price .ns-tab-tabs .single-tab {
      margin: 0 46px;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      color: #5c6067;
      line-height: 19.5px;
      padding: 7px 0;
      cursor: pointer;
      position: relative; }
    .services-price .ns-tab-tabs .single-tab-active {
      color: #1763ff;
      border-bottom: 3px solid #1763ff;
      transition: border-bottom-color 0.8s ease-in-out; }
    .services-price .ns-tab-tabs .single-tab-activity-word {
      position: absolute;
      right: -50px;
      top: -16px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      background: linear-gradient(90deg, #fe6a47 5%, #f82318 96%);
      border-radius: 8px 8px 8px 8px;
      font-size: 14px;
      color: #FFF;
      font-weight: 500;
      padding: 0 10px; }

@keyframes fadeIn {
  from {
    opacity: 0;
    /* 起始状态：完全透明 */ }
  to {
    opacity: 1;
    /* 结束状态：完全不透明 */ } }
  .services-price .services-price-content {
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    min-height: 510px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .services-price .services-price-content .price-content-single {
      position: relative;
      box-sizing: border-box;
      overflow: hidden;
      width: 330px;
      padding: 29px 20px;
      border-radius: 8px;
      background: #fff;
      margin-right: 20px;
      margin-bottom: 21px; }
      .services-price .services-price-content .price-content-single-title {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        color: #181818;
        line-height: 26px;
        margin-bottom: 6px; }
      .services-price .services-price-content .price-content-single-desc {
        font-size: 14px;
        font-weight: 400;
        color: #4b5c76;
        line-height: 26px;
        overflow: hidden;
        /*禁止换行*/
        white-space: nowrap;
        /*显示省略号*/
        text-overflow: ellipsis;
        margin-bottom: 19px;
        transition: opacity 0.3s ease, transform 0.3s ease; }
      .services-price .services-price-content .price-content-single .price-move-content {
        position: absolute;
        top: 106px;
        /* 初始位置，与上方元素高度相匹配 */
        left: 20px;
        width: 100%;
        transition: transform 0.3s ease; }
      .services-price .services-price-content .price-content-single-sale {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        line-height: 26px;
        letter-spacing: 1px; }
        .services-price .services-price-content .price-content-single-sale span {
          color: #F50604; }
        .services-price .services-price-content .price-content-single-sale span:nth-child(2) {
          font-size: 28px;
          font-weight: bold;
          color: #F50604; }
        .services-price .services-price-content .price-content-single-sale-free {
          font-size: 28px;
          font-weight: bold;
          color: #F50604; }
      .services-price .services-price-content .price-content-single-button {
        position: absolute;
        bottom: 0;
        left: 30px;
        width: 270px;
        height: 40px;
        line-height: 40px;
        transition: color 0s;
        -ms-transform: translateY(100%);
            transform: translateY(100%);
        transition: transform 0.3s ease;
        color: #FFF;
        text-align: center;
        border-radius: 4px;
        background: linear-gradient(270deg, #3370f6 0%, #5691fb); }
        .services-price .services-price-content .price-content-single-button:hover {
          color: #FFF;
          background: linear-gradient(270deg, #3370f6 0%, #5691fb); }
      .services-price .services-price-content .price-content-single-hot {
        position: absolute;
        right: 0;
        top: 0;
        width: 76px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        background: linear-gradient(90deg, #fe6a47 5%, #f82318 96%);
        border-radius: 0px 8px 0px 8px;
        font-size: 14px;
        color: #FFF;
        font-weight: 500; }
    .services-price .services-price-content .price-content-single-active .price-content-single-button {
      -ms-transform: translateY(-18px);
          transform: translateY(-18px); }
    .services-price .services-price-content .price-content-single-active .price-content-single-desc {
      opacity: 0;
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
      /* 让上方元素消失时稍微向上移动 */ }
    .services-price .services-price-content .price-content-single-active .price-move-content {
      -ms-transform: translateY(-35px);
          transform: translateY(-35px); }
    .services-price .services-price-content .price-content-shows .price-content-show {
      height: 68px;
      border-bottom: 1px solid #f4f4f4;
      margin-bottom: 11px; }
      .services-price .services-price-content .price-content-shows .price-content-show-label {
        height: 26px;
        font-size: 14px;
        color: #181818;
        line-height: 26px; }
      .services-price .services-price-content .price-content-shows .price-content-show-value {
        height: 26px;
        font-size: 20px;
        font-weight: bold;
        color: #181818;
        line-height: 26px;
        margin: 5px 0 11px; }
        .services-price .services-price-content .price-content-shows .price-content-show-value span {
          margin-left: 4px;
          font-weight: 400;
          color: #a4a4a4; }
    .services-price .services-price-content .price-content-tags {
      display: -ms-flexbox;
      display: flex;
      height: 19px;
      margin: 10px 0 20px; }
      .services-price .services-price-content .price-content-tags .price-content-tag {
        padding: 4px 8px;
        height: 18px;
        line-height: 18px;
        background: #f0f4ff;
        border-radius: 3px;
        color: #909caf;
        line-height: 18px;
        margin-right: 9px;
        font-size: 12px; }
  .services-price .services-price-content {
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
  .services-price .services-price-content.fadeIn {
    opacity: 1; }
  .services-price .services-price-content.fadeOut {
    opacity: 0.3; }

@media screen and (max-width: 1500px) {
  .services-price .services-price-content {
    width: 1180px;
    padding-left: 40px;
    box-sizing: border-box; }
    .services-price .services-price-content .price-content-single {
      width: 357px !important; }
      .services-price .services-price-content .price-content-single .price-content-single-button {
        width: 292px; }
  .services-price .service-tips-price {
    margin-left: 45px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
.slick-dots,
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  padding: 0; }

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25; }

.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff; }

.slick-prev {
  left: -25px; }

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: ''; }

.slick-next:before,
[dir=rtl] .slick-prev:before {
  content: ''; }

.slick-next {
  right: -25px; }

[dir=rtl] .slick-next {
  right: auto;
  left: -25px; }

[dir=rtl] .slick-next:before {
  content: '\922B\FFFD'; }

.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0; }

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0; }

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: .25;
  color: #000; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.beginner-mobile {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  background: #f9faff;
  overflow: hidden;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  color: #374567; }
  .beginner-mobile main {
    position: relative; }
  .beginner-mobile .banner {
    width: 100%;
    height: 60vw;
    position: relative; }
  .beginner-mobile .banner-inner {
    margin-top: 50px;
    width: 100%;
    height: 60vw;
    background-image: url(/static/img/beginner/mb-bg.jpeg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden; }
  .beginner-mobile .section-anchor {
    display: none;
    position: absolute;
    left: calc(50% -1200px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    background: #f2f6ff;
    width: 100%; }
    .beginner-mobile .section-anchor .anchor-tab-item a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      line-height: 16px; }
      .beginner-mobile .section-anchor .anchor-tab-item a::after {
        height: 4px; }
  .beginner-mobile .anchor-tabs {
    background: #f2f6ff; }
  .beginner-mobile .beginner-section {
    padding-top: 0px; }
  .beginner-mobile .title {
    height: 120px;
    margin: 0px auto 20px;
    width: 90vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center; }
    .beginner-mobile .title h3 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      padding-top: 60px;
      margin: 0; }
    .beginner-mobile .title h5 {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 1px;
      margin: 0;
      margin: 10px auto;
      color: #2b3e54; }
    .beginner-mobile .title.title01 {
      background-image: url(/static/img/beginner/title01.png); }
    .beginner-mobile .title.title02 {
      background-image: url(/static/img/beginner/title02.png); }
    .beginner-mobile .title.title03 {
      background-image: url(/static/img/beginner/title03.png); }
    .beginner-mobile .title.title04 {
      background-image: url(/static/img/beginner/title04.png); }
    .beginner-mobile .title.title05 {
      background-image: url(/static/img/beginner/title05.png); }
  .beginner-mobile .new-content {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    .beginner-mobile .new-content .new-each {
      width: 278px;
      height: 200px;
      margin: 10px 0;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      border: 1px solid #e6e8f4;
      position: relative; }
      .beginner-mobile .new-content .new-each .new-icon {
        width: 80px;
        height: 64px;
        margin: 10px auto 10px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
        .beginner-mobile .new-content .new-each .new-icon.new-01-icon {
          background-image: url(/static/img/beginner/new-01-icon.png); }
        .beginner-mobile .new-content .new-each .new-icon.new-02-icon {
          width: 86px;
          height: 64px;
          background-image: url(/static/img/beginner/new-02-icon.png); }
        .beginner-mobile .new-content .new-each .new-icon.new-03-icon {
          background-image: url(/static/img/beginner/new-03-icon.png); }
      .beginner-mobile .new-content .new-each:hover {
        border-color: #4a81ff; }
        .beginner-mobile .new-content .new-each:hover::before {
          position: absolute;
          content: '';
          display: block;
          height: 3px;
          width: 80px;
          background-color: #4a81ff;
          top: 0;
          left: 50%;
          margin-left: -40px; }
        .beginner-mobile .new-content .new-each:hover.new-01 {
          background-image: url(/static/img/beginner/new-01-bg-active.png); }
        .beginner-mobile .new-content .new-each:hover.new-02 {
          background-image: url(/static/img/beginner/new-02-bg-active.png); }
        .beginner-mobile .new-content .new-each:hover.new-03 {
          background-image: url(/static/img/beginner/new-03-bg-active.png); }
        .beginner-mobile .new-content .new-each:hover .new-01-icon {
          background-image: url(/static/img/beginner/new-01-icon-active.png); }
        .beginner-mobile .new-content .new-each:hover .new-02-icon {
          background-image: url(/static/img/beginner/new-02-icon-active.png); }
        .beginner-mobile .new-content .new-each:hover .new-03-icon {
          background-image: url(/static/img/beginner/new-03-icon-active.png); }
      .beginner-mobile .new-content .new-each .new-content-title {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 35px; }
      .beginner-mobile .new-content .new-each .new-content-desc {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 14px;
        color: #7a8ba6;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .beginner-mobile .new-content .new-each .new-btn {
        width: 85px;
        height: 20px;
        margin: 10px auto;
        line-height: 20px;
        text-align: center;
        border: 1px solid #4a81ff;
        border-radius: 4px;
        color: #4a81ff;
        cursor: pointer; }
        .beginner-mobile .new-content .new-each .new-btn:hover {
          background: #4a81ff;
          color: #fff;
          transition: all .5s; }
      .beginner-mobile .new-content .new-each.new-01 {
        background-image: url(/static/img/beginner/new-01-bg.png); }
        .beginner-mobile .new-content .new-each.new-01 img {
          width: 110px;
          height: 84px;
          margin: 15px auto 10px; }
      .beginner-mobile .new-content .new-each.new-02 {
        background-image: url(/static/img/beginner/new-02-bg.png); }
        .beginner-mobile .new-content .new-each.new-02 img {
          width: 80px;
          height: 64px;
          margin: 15px auto 10px; }
      .beginner-mobile .new-content .new-each.new-03 {
        background-image: url(/static/img/beginner/new-03-bg.png); }
        .beginner-mobile .new-content .new-each.new-03 img {
          width: 80px;
          height: 64px;
          margin: 15px auto 10px; }
  .beginner-mobile .ability-content {
    margin: 0 auto;
    border: 1px solid #e6e8f4;
    background: #fff; }
    .beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab {
      height: 80px;
      margin-top: 10px; }
      .beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab::before {
        height: 20px;
        top: 35px; }
      .beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab span {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        letter-spacing: 1px; }
    .beginner-mobile .ability-content .gaia-tabs-inkbar {
      height: 4px !important;
      width: 0 !important; }
    .beginner-mobile .ability-content .ability-block {
      padding: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      overflow: hidden; }
      .beginner-mobile .ability-content .ability-block .intro {
        margin: auto;
        overflow: hidden;
        width: 90vw; }
        .beginner-mobile .ability-content .ability-block .intro .intro-title {
          border-left: 5px solid #cbdaff;
          line-height: 30px;
          text-indent: 10px;
          font-weight: 600;
          font-size: 16px; }
        .beginner-mobile .ability-content .ability-block .intro img {
          margin: 25px 0; }
        .beginner-mobile .ability-content .ability-block .intro .graph {
          font-size: 14px;
          text-align: justify;
          font-weight: normal;
          letter-spacing: .5px;
          margin: 10px 0;
          padding: 0;
          color: #7a8ba6;
          font-weight: 500; }
        .beginner-mobile .ability-content .ability-block .intro .intro-btn {
          width: 110px;
          height: 30px;
          margin: 30px 0 0;
          line-height: 30px;
          text-align: center;
          border: 1px solid #4a81ff;
          border-radius: 4px;
          color: #4a81ff;
          cursor: pointer;
          font-size: 14px; }
          .beginner-mobile .ability-content .ability-block .intro .intro-btn:hover {
            background: #4a81ff;
            color: #fff;
            transition: all .5s; }
      .beginner-mobile .ability-content .ability-block .env {
        margin-top: 50px; }
        .beginner-mobile .ability-content .ability-block .env .env-title {
          border-left: 5px solid #cbdaff;
          line-height: 30px;
          text-indent: 10px;
          font-weight: 600;
          font-size: 16px; }
        .beginner-mobile .ability-content .ability-block .env .env-brand {
          font-size: 14px; }
        .beginner-mobile .ability-content .ability-block .env .env-content {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between; }
        .beginner-mobile .ability-content .ability-block .env .env-each {
          display: -ms-flexbox;
          display: flex;
          text-align: center;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 275px;
          margin: auto;
          height: 215px;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .beginner-mobile .ability-content .ability-block .env .env-each img {
            margin-top: 5px; }
          .beginner-mobile .ability-content .ability-block .env .env-each .env-content-title {
            font-size: 16px;
            font-weight: 600;
            margin: 15px 0 5px; }
          .beginner-mobile .ability-content .ability-block .env .env-each .env-desc {
            text-align: justify;
            font-weight: 500;
            font-size: 14px;
            margin: 10px 0; }
  .beginner-mobile .video-content {
    margin: 0px auto;
    position: relative; }
    .beginner-mobile .video-content .gaia-tabs-inkbar {
      height: 4px !important;
      width: 0 !important; }
    .beginner-mobile .video-content .more-btn {
      display: block;
      position: absolute;
      top: 90px;
      right: 2px;
      font-size: 14px;
      color: #4a81ff;
      text-decoration: none;
      z-index: 6;
      cursor: pointer; }
    .beginner-mobile .video-content .gaia-tabs {
      background: transparent; }
    .beginner-mobile .video-content .gaia-tabs-bar {
      background: transparent; }
    .beginner-mobile .video-content .gaia-tabs-nav .gaia-tab {
      height: 60px;
      margin-top: 10px; }
      .beginner-mobile .video-content .gaia-tabs-nav .gaia-tab::before {
        height: 20px;
        top: 35px; }
      .beginner-mobile .video-content .gaia-tabs-nav .gaia-tab span {
        font-size: 14px;
        font-weight: 600;
        line-height: 60px;
        letter-spacing: 1px; }
    .beginner-mobile .video-content .gaia-tabs-content {
      background: transparent; }
    .beginner-mobile .video-content .gaia-tabs-inkbar {
      height: 4px !important; }
    .beginner-mobile .video-content .public-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 35px;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .beginner-mobile .video-content .each-class {
      width: 280px;
      margin: 15px auto 0;
      box-sizing: content-box;
      cursor: pointer;
      border: 1px solid #f1f1f1; }
      .beginner-mobile .video-content .each-class img {
        width: 280px;
        height: 184px;
        position: relative;
        overflow: hidden; }
      .beginner-mobile .video-content .each-class ul {
        height: 85px;
        padding-top: 10px;
        font-size: 16px;
        font-weight: 600;
        border-radius: 0 0 8px 8px;
        background: #fff; }
        .beginner-mobile .video-content .each-class ul li {
          text-indent: 10px;
          line-height: 25px;
          height: 25px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          padding-right: 3px; }
          .beginner-mobile .video-content .each-class ul li:last-child {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAO9JREFUKJGF0K1KRGEQBuBnD3gHGrWosAgWo5cgNoOCIIiwYzEbDKYFEUQNCztBowgWkxhMiz/FmxAsbrBoshzLOXKUBd/2MQ/zzUyrLEt1ImIFOyjRQj8zL+t60YBrOEIfm+jhICLWa9Mqy1JEjOEZ+5l53WiwhEMsZOZX3XkS700ImXmDIaaaYwwxHhHzTRwRbUzg7Qdn5ieO0YuI2QrOVHOfZubHrwUxqL47qd6HmMb9r2tExCrusIetqraNXdzWF2l1Op02brGRmQN/EhGLuMBygS6uR8Fqn0dcoVtgDmejYCPnaBd4wss/+BUP392NTwFwsYTEAAAAAElFTkSuQmCC) 0 no-repeat;
            margin: 20px 15px 0;
            text-indent: 20px;
            font-weight: normal; }
          .beginner-mobile .video-content .each-class ul li.t-name {
            position: relative;
            color: #666; }
            .beginner-mobile .video-content .each-class ul li.t-name .price {
              color: #0096ff;
              position: absolute;
              right: 0; }
  .beginner-mobile .plat-content {
    margin: 0px auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff url(/static/img/beginner/plat-bg.png) center right no-repeat; }
  .beginner-mobile .plat-wrap {
    padding: 20px 50px; }
  .beginner-mobile .plat-logo {
    width: 227px;
    height: 52px;
    background: url(/static/img/beginner/logo.png) center center no-repeat;
    background-size: contain; }
  .beginner-mobile .feature-area {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .beginner-mobile .feature-area .feature {
      width: 250px;
      height: 35px;
      margin: 5px 0;
      color: #4a81ff;
      border: 1px solid #4a81ff;
      border-radius: 4px;
      text-align: center;
      font-size: 16px;
      line-height: 35px;
      background: #f1f4ff;
      font-weight: 500; }
  .beginner-mobile .plat-desc {
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #7a8ba6;
    font-weight: 500; }
  .beginner-mobile .lead-content-mobile {
    margin: 0 auto;
    width: 90vw; }
    .beginner-mobile .lead-content-mobile .lead-top {
      height: 170px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-pack: center;
          justify-content: center; }
      .beginner-mobile .lead-content-mobile .lead-top .step {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center; }
        .beginner-mobile .lead-content-mobile .lead-top .step.active .step-icon {
          background-color: #fff;
          border: 1px solid #4a81ff; }
        .beginner-mobile .lead-content-mobile .lead-top .step.active h4 {
          color: #4a81ff; }
        .beginner-mobile .lead-content-mobile .lead-top .step .step-icon {
          display: block;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 60px;
          height: 60px;
          border: 1px solid transparent;
          border-radius: 8px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 80%;
          padding: 5px;
          text-align: center;
          cursor: pointer; }
          .beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon0 {
            background-image: url(/static/img/beginner/step0-icon.png); }
          .beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon1 {
            background-image: url(/static/img/beginner/step1-icon.png); }
          .beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon2 {
            background-image: url(/static/img/beginner/step2-icon.png); }
          .beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon3 {
            background-image: url(/static/img/beginner/step3-icon.png); }
        .beginner-mobile .lead-content-mobile .lead-top .step h4 {
          letter-spacing: 2px; }
      .beginner-mobile .lead-content-mobile .lead-top .step-line {
        display: inline-block;
        width: 170px;
        height: 2px;
        background: #f0f0f0;
        margin-top: 50px; }
  .beginner-mobile .step-section {
    margin: 40px auto 100px; }
    .beginner-mobile .step-section .hs-title {
      font-size: 18px;
      line-height: 30px; }
    .beginner-mobile .step-section .hs-desc {
      font-size: 12px;
      line-height: 20px; }
  .beginner-mobile .itemwrap {
    background: transparent;
    overflow: hidden;
    outline: none; }
  .beginner-mobile .hi-wrap {
    margin-top: 30px;
    overflow: hidden; }
  .beginner-mobile .steps-content-mobile {
    position: relative;
    margin: 20px auto;
    text-align: center;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50vw; }
    .beginner-mobile .steps-content-mobile.step-img-1 {
      background-image: url(/static/img/beginner/lead-bg1.png); }
    .beginner-mobile .steps-content-mobile.step-img-2 {
      background-image: url(/static/img/beginner/lead-bg2.png); }
    .beginner-mobile .steps-content-mobile.step-img-3 {
      background-image: url(/static/img/beginner/lead-bg3.png); }
    .beginner-mobile .steps-content-mobile.step-img-4 {
      cursor: pointer;
      background-image: url(/static/img/beginner/lead-bg4.png); }

.hi-wrap {
  margin-top: 30px;
  overflow: hidden; }

.steps-content-mobile {
  position: relative;
  background-size: 100%;
  height: auto;
  overflow: hidden; }
  .steps-content-mobile .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff; }
    .steps-content-mobile .rc-bottom .rc-title {
      font-size: 16px; }
    .steps-content-mobile .rc-bottom .rc-desc {
      margin-top: 10px;
      font-size: 12px;
      line-height: 20px;
      text-align: left; }
    .steps-content-mobile .rc-bottom .ic-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #4a81ff;
      height: 28px;
      width: 95px;
      line-height: 28px;
      margin: 10px auto 0;
      text-decoration: none;
      color: #ffffff;
      text-align: center;
      letter-spacing: 1px;
      z-index: 1111111; }
      .steps-content-mobile .rc-bottom .ic-link::after {
        margin-left: 5px;
        height: 0;
        width: 0;
        content: '';
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #ffffff; }

.beginner-page {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  background: #f9faff;
  overflow: hidden;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  color: #374567; }
  .beginner-page main {
    position: relative; }
  .beginner-page .banner {
    width: 100%;
    height: 500px;
    position: relative;
    padding-bottom: 68px; }
  .beginner-page .banner-inner {
    width: 100%;
    height: 500px;
    background: url(/static/img/beginner/banner.png) center center no-repeat;
    background-size: cover; }
  .beginner-page .section-anchor {
    position: absolute;
    left: calc(50% -1200px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    background: #f2f6ff;
    width: 100%; }
    .beginner-page .section-anchor .anchor-tab-item a {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 2px; }
      .beginner-page .section-anchor .anchor-tab-item a::after {
        height: 4px; }
  .beginner-page .anchor-tabs {
    background: #f2f6ff; }
  .beginner-page .beginner-section {
    padding-top: 70px; }
  .beginner-page .title {
    width: 800px;
    height: 100px;
    margin: 0px auto 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center; }
    .beginner-page .title h3 {
      font-size: 28px;
      font-weight: 600;
      letter-spacing: 2px;
      padding-top: 50px;
      margin: 0; }
    .beginner-page .title h5 {
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      margin: 0;
      margin: 10px auto;
      color: #2b3e54; }
    .beginner-page .title.title01 {
      background-image: url(/static/img/beginner/title01.png); }
    .beginner-page .title.title02 {
      background-image: url(/static/img/beginner/title02.png); }
    .beginner-page .title.title03 {
      background-image: url(/static/img/beginner/title03.png); }
    .beginner-page .title.title04 {
      background-image: url(/static/img/beginner/title04.png); }
    .beginner-page .title.title05 {
      background-image: url(/static/img/beginner/title05.png); }
  .beginner-page .new-content {
    width: 1200px;
    margin: 0 auto 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .beginner-page .new-content .new-each {
      width: 378px;
      height: 300px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      border: 1px solid #e6e8f4;
      position: relative; }
      .beginner-page .new-content .new-each .new-icon {
        width: 110px;
        height: 84px;
        margin: 15px auto 10px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
        .beginner-page .new-content .new-each .new-icon.new-01-icon {
          background-image: url(/static/img/beginner/new-01-icon.png); }
        .beginner-page .new-content .new-each .new-icon.new-02-icon {
          width: 118px;
          height: 84px;
          background-image: url(/static/img/beginner/new-02-icon.png); }
        .beginner-page .new-content .new-each .new-icon.new-03-icon {
          background-image: url(/static/img/beginner/new-03-icon.png); }
      .beginner-page .new-content .new-each:hover {
        border-color: #4a81ff; }
        .beginner-page .new-content .new-each:hover::before {
          position: absolute;
          content: '';
          display: block;
          height: 3px;
          width: 80px;
          background-color: #4a81ff;
          top: 0;
          left: 50%;
          margin-left: -40px; }
        .beginner-page .new-content .new-each:hover.new-01 {
          background-image: url(/static/img/beginner/new-01-bg-active.png); }
        .beginner-page .new-content .new-each:hover.new-02 {
          background-image: url(/static/img/beginner/new-02-bg-active.png); }
        .beginner-page .new-content .new-each:hover.new-03 {
          background-image: url(/static/img/beginner/new-03-bg-active.png); }
        .beginner-page .new-content .new-each:hover .new-01-icon {
          background-image: url(/static/img/beginner/new-01-icon-active.png); }
        .beginner-page .new-content .new-each:hover .new-02-icon {
          background-image: url(/static/img/beginner/new-02-icon-active.png); }
        .beginner-page .new-content .new-each:hover .new-03-icon {
          background-image: url(/static/img/beginner/new-03-icon-active.png); }
      .beginner-page .new-content .new-each .new-content-title {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 35px; }
      .beginner-page .new-content .new-each .new-content-desc {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 35px;
        color: #7a8ba6; }
      .beginner-page .new-content .new-each .new-btn {
        width: 145px;
        height: 40px;
        margin: 10px auto;
        line-height: 40px;
        text-align: center;
        border: 1px solid #4a81ff;
        border-radius: 4px;
        color: #4a81ff;
        cursor: pointer; }
        .beginner-page .new-content .new-each .new-btn:hover {
          background: #4a81ff;
          color: #fff;
          transition: all .5s; }
      .beginner-page .new-content .new-each.new-01 {
        background-image: url(/static/img/beginner/new-01-bg.png); }
        .beginner-page .new-content .new-each.new-01 img {
          width: 110px;
          height: 84px;
          margin: 15px auto 10px; }
      .beginner-page .new-content .new-each.new-02 {
        background-image: url(/static/img/beginner/new-02-bg.png); }
        .beginner-page .new-content .new-each.new-02 img {
          width: 118px;
          height: 84px;
          margin: 15px auto 10px; }
      .beginner-page .new-content .new-each.new-03 {
        background-image: url(/static/img/beginner/new-03-bg.png); }
        .beginner-page .new-content .new-each.new-03 img {
          width: 110px;
          height: 84px;
          margin: 15px auto 10px; }
  .beginner-page .ability-content {
    width: 1200px;
    height: 640px;
    margin: 0 auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff; }
    .beginner-page .ability-content .gaia-tabs-nav .gaia-tab {
      height: 80px;
      margin-top: 10px; }
      .beginner-page .ability-content .gaia-tabs-nav .gaia-tab::before {
        height: 20px;
        top: 35px; }
      .beginner-page .ability-content .gaia-tabs-nav .gaia-tab span {
        font-size: 18px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: 1px; }
    .beginner-page .ability-content .gaia-tabs-inkbar {
      height: 4px !important; }
    .beginner-page .ability-content .ability-block {
      padding: 50px 50px 0;
      display: -ms-flexbox;
      display: flex; }
      .beginner-page .ability-content .ability-block .intro {
        width: 410px;
        height: 480px;
        border-right: 1px solid #e6e8f4; }
        .beginner-page .ability-content .ability-block .intro .intro-title {
          border-left: 5px solid #cbdaff;
          line-height: 35px;
          text-indent: 20px;
          font-weight: 600;
          font-size: 18px; }
        .beginner-page .ability-content .ability-block .intro img {
          margin: 25px 0; }
        .beginner-page .ability-content .ability-block .intro .graph {
          font-size: 14px;
          width: 380px;
          text-align: justify;
          font-weight: normal;
          letter-spacing: .5px;
          margin: 10px 0;
          padding: 0;
          color: #7a8ba6;
          font-weight: 500; }
        .beginner-page .ability-content .ability-block .intro .intro-btn {
          width: 110px;
          height: 30px;
          margin: 30px 0 0;
          line-height: 30px;
          text-align: center;
          border: 1px solid #4a81ff;
          border-radius: 4px;
          color: #4a81ff;
          cursor: pointer;
          font-size: 14px; }
          .beginner-page .ability-content .ability-block .intro .intro-btn:hover {
            background: #4a81ff;
            color: #fff;
            transition: all .5s; }
      .beginner-page .ability-content .ability-block .env {
        margin-left: 50px; }
        .beginner-page .ability-content .ability-block .env .env-title {
          border-left: 5px solid #cbdaff;
          line-height: 35px;
          text-indent: 20px;
          font-weight: 600;
          font-size: 18px; }
        .beginner-page .ability-content .ability-block .env .env-brand {
          font-size: 14px; }
        .beginner-page .ability-content .ability-block .env .env-content {
          display: -ms-flexbox;
          display: flex;
          width: 620px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between; }
        .beginner-page .ability-content .ability-block .env .env-each {
          display: -ms-flexbox;
          display: flex;
          text-align: center;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 275px;
          height: 215px;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .beginner-page .ability-content .ability-block .env .env-each img {
            margin-top: 5px; }
          .beginner-page .ability-content .ability-block .env .env-each .env-content-title {
            font-size: 16px;
            font-weight: 600;
            margin: 15px 0 5px; }
          .beginner-page .ability-content .ability-block .env .env-each .env-desc {
            text-align: justify;
            font-weight: 500;
            font-size: 14px;
            margin: 10px 0; }
  .beginner-page .video-content {
    width: 1200px;
    margin: 0px auto;
    position: relative; }
    .beginner-page .video-content .more-btn {
      display: block;
      position: absolute;
      top: 34px;
      right: 0;
      font-size: 16px;
      color: #4a81ff;
      text-decoration: none;
      z-index: 6;
      cursor: pointer; }
    .beginner-page .video-content .gaia-tabs {
      background: transparent; }
    .beginner-page .video-content .gaia-tabs-bar {
      background: transparent; }
    .beginner-page .video-content .gaia-tabs-nav .gaia-tab {
      height: 70px;
      margin-top: 10px; }
      .beginner-page .video-content .gaia-tabs-nav .gaia-tab::before {
        height: 20px;
        top: 35px; }
      .beginner-page .video-content .gaia-tabs-nav .gaia-tab span {
        font-size: 18px;
        font-weight: 600;
        line-height: 70px;
        letter-spacing: 1px; }
    .beginner-page .video-content .gaia-tabs-content {
      background: transparent; }
    .beginner-page .video-content .gaia-tabs-inkbar {
      height: 4px !important; }
    .beginner-page .video-content .public-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      width: 1200px;
      margin-top: 35px;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .beginner-page .video-content .each-class {
      width: 280px;
      margin: 15px 25px 15px 0;
      box-sizing: content-box;
      cursor: pointer;
      border: 1px solid #f1f1f1; }
      .beginner-page .video-content .each-class img {
        width: 280px;
        height: 184px;
        position: relative;
        overflow: hidden; }
      .beginner-page .video-content .each-class ul {
        height: 85px;
        padding-top: 10px;
        font-size: 16px;
        font-weight: 600;
        border-radius: 0 0 8px 8px;
        background: #fff; }
        .beginner-page .video-content .each-class ul li {
          text-indent: 10px;
          line-height: 25px;
          height: 25px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          padding-right: 3px; }
          .beginner-page .video-content .each-class ul li:last-child {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAO9JREFUKJGF0K1KRGEQBuBnD3gHGrWosAgWo5cgNoOCIIiwYzEbDKYFEUQNCztBowgWkxhMiz/FmxAsbrBoshzLOXKUBd/2MQ/zzUyrLEt1ImIFOyjRQj8zL+t60YBrOEIfm+jhICLWa9Mqy1JEjOEZ+5l53WiwhEMsZOZX3XkS700ImXmDIaaaYwwxHhHzTRwRbUzg7Qdn5ieO0YuI2QrOVHOfZubHrwUxqL47qd6HmMb9r2tExCrusIetqraNXdzWF2l1Op02brGRmQN/EhGLuMBygS6uR8Fqn0dcoVtgDmejYCPnaBd4wss/+BUP392NTwFwsYTEAAAAAElFTkSuQmCC) 0 no-repeat;
            margin: 20px 15px 0;
            text-indent: 20px;
            font-weight: normal; }
          .beginner-page .video-content .each-class ul li.t-name {
            position: relative;
            color: #666; }
            .beginner-page .video-content .each-class ul li.t-name .price {
              color: #0096ff;
              position: absolute;
              right: 0; }
  .beginner-page .plat-content {
    width: 1200px;
    height: 365px;
    margin: 0px auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff url(/static/img/beginner/plat-bg.png) center right no-repeat; }
  .beginner-page .plat-wrap {
    padding: 70px 50px; }
  .beginner-page .plat-logo {
    width: 227px;
    height: 52px;
    background: url(/static/img/beginner/logo.png) center center no-repeat;
    background-size: contain; }
  .beginner-page .feature-area {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .beginner-page .feature-area .feature {
      width: 250px;
      height: 35px;
      color: #4a81ff;
      border: 1px solid #4a81ff;
      border-radius: 4px;
      text-align: center;
      font-size: 16px;
      line-height: 35px;
      background: #f1f4ff;
      font-weight: 500; }
  .beginner-page .plat-desc {
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #7a8ba6;
    font-weight: 500; }
  .beginner-page .lead-content {
    width: 1200px;
    margin: 0 auto; }
    .beginner-page .lead-content .lead-top {
      height: 170px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .beginner-page .lead-content .lead-top .step {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .beginner-page .lead-content .lead-top .step.active .step-icon {
          background-color: #fff;
          border: 1px solid #4a81ff; }
        .beginner-page .lead-content .lead-top .step.active h4 {
          color: #4a81ff; }
        .beginner-page .lead-content .lead-top .step .step-icon {
          display: block;
          width: 60px;
          height: 60px;
          border: 1px solid transparent;
          border-radius: 8px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 80%;
          padding: 5px;
          text-align: center;
          cursor: pointer; }
          .beginner-page .lead-content .lead-top .step .step-icon.step-icon0 {
            background-image: url(/static/img/beginner/step0-icon.png); }
          .beginner-page .lead-content .lead-top .step .step-icon.step-icon1 {
            background-image: url(/static/img/beginner/step1-icon.png); }
          .beginner-page .lead-content .lead-top .step .step-icon.step-icon2 {
            background-image: url(/static/img/beginner/step2-icon.png); }
          .beginner-page .lead-content .lead-top .step .step-icon.step-icon3 {
            background-image: url(/static/img/beginner/step3-icon.png); }
        .beginner-page .lead-content .lead-top .step h4 {
          letter-spacing: 2px; }
      .beginner-page .lead-content .lead-top .step-line {
        display: inline-block;
        width: 170px;
        height: 2px;
        background: #f0f0f0;
        margin-top: 50px; }
  .beginner-page .step-section {
    margin: 40px auto 100px;
    width: 1200px; }
    .beginner-page .step-section .hs-title {
      font-size: 18px;
      line-height: 30px; }
    .beginner-page .step-section .hs-desc {
      font-size: 12px;
      line-height: 20px; }
    .beginner-page .step-section .slick-slide {
      opacity: 0.4; }
      .beginner-page .step-section .slick-slide .steps-content {
        margin: 40px 0;
        height: 330px;
        width: 800px; }
    .beginner-page .step-section .slick-active {
      opacity: 1;
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); }
      .beginner-page .step-section .slick-active .steps-content {
        margin: 0;
        height: 410px;
        width: 800px; }
    .beginner-page .step-section .slick-dotted.slick-slider {
      margin-bottom: 30px; }
    .beginner-page .step-section .slick-dots {
      position: absolute;
      bottom: -35px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center; }
    .beginner-page .step-section .slick-dots li {
      position: relative;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 15px;
      padding: 0;
      border-radius: 8px;
      overflow: hidden;
      border: none;
      background: #7a8ba6;
      cursor: pointer; }
    .beginner-page .step-section .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 8px;
      height: 8px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: #7a8ba6; }
    .beginner-page .step-section .slick-dots li button:hover,
    .beginner-page .step-section .slick-dots li button:focus {
      outline: none; }
    .beginner-page .step-section .slick-dots li button:hover:before,
    .beginner-page .step-section .slick-dots li button:focus:before {
      opacity: 1; }
    .beginner-page .step-section .slick-dots li button:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 8px;
      height: 8px;
      content: '';
      text-align: center;
      background: #fff;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .beginner-page .step-section .slick-dots li button:after {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0px;
      height: 8px;
      content: '';
      text-align: center;
      background: #5787ff;
      border: none;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .beginner-page .step-section .slick-dots li.slick-active button:after {
      opacity: 1;
      width: 100%; }
  .beginner-page .itemwrap {
    background: transparent;
    overflow: hidden;
    outline: none; }
  .beginner-page .hi-wrap {
    margin-top: 30px;
    height: 410px;
    overflow: hidden; }
  .beginner-page .steps-content {
    position: relative;
    height: 410px;
    margin: 0 auto;
    width: 800px;
    text-align: center;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat; }
    .beginner-page .steps-content.step-img-1 {
      background-image: url(/static/img/beginner/lead-bg1.png); }
    .beginner-page .steps-content.step-img-2 {
      background-image: url(/static/img/beginner/lead-bg2.png); }
    .beginner-page .steps-content.step-img-3 {
      background-image: url(/static/img/beginner/lead-bg3.png); }
    .beginner-page .steps-content.step-img-4 {
      cursor: pointer;
      background-image: url(/static/img/beginner/lead-bg4.png); }
  .beginner-page .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .beginner-page .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .beginner-page .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: none;
    background: #7a8ba6;
    cursor: pointer; }
  .beginner-page .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff; }
  .beginner-page .slick-dots li button:hover,
  .beginner-page .slick-dots li button:focus {
    outline: none; }
  .beginner-page .slick-dots li button:hover:before,
  .beginner-page .slick-dots li button:focus:before {
    opacity: 1; }
  .beginner-page .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    background: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .beginner-page .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 8px;
    content: '';
    text-align: center;
    background: #5787ff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .beginner-page .slick-arrow {
    display: block;
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-size: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url(/static/img/beginner/arrow-right.png);
    background-size: contain;
    z-index: 9; }
    .beginner-page .slick-arrow.slick-prev {
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
    .beginner-page .slick-arrow.slick-disabled {
      filter: grayscale(100%);
      filter: gray;
      cursor: default; }
  .beginner-page .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 100%; }

.itemwrap {
  width: 700px; }

.hi-wrap {
  margin-top: 30px;
  height: 380px;
  overflow: hidden; }

.steps-content {
  position: relative;
  background-size: 100%;
  height: 325px;
  overflow: hidden; }
  .steps-content .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff; }
    .steps-content .rc-bottom .rc-title {
      font-size: 16px; }
    .steps-content .rc-bottom .rc-desc {
      margin-top: 10px;
      font-size: 12px;
      line-height: 20px;
      text-align: left; }
    .steps-content .rc-bottom .ic-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #4a81ff;
      height: 28px;
      width: 95px;
      line-height: 28px;
      margin: 10px auto 0;
      text-decoration: none;
      color: #ffffff;
      text-align: center;
      letter-spacing: 1px;
      z-index: 1111111; }
      .steps-content .rc-bottom .ic-link::after {
        margin-left: 5px;
        height: 0;
        width: 0;
        content: '';
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #ffffff; }

.section-demo {
  margin: 0 auto; }
  .section-demo .section-minipro .qrCode-block {
    margin: 0 auto;
    width: 202.5px;
    height: 212.5px;
    background: url(/static/img/industry/micro-icon.png) center center no-repeat;
    background-size: contain;
    text-align: center; }
    .section-demo .section-minipro .qrCode-block img {
      margin-top: 18px;
      width: 177px;
      height: 177px; }
  .section-demo .section-minipro p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center; }


@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.industry-page {
  background-color: #fff; }
  .industry-page .main-wrapper {
    background-color: transparent; }
  @media only screen and (max-width: 576px) {
    .industry-page {
      background-color: #f9fbff; }
      .industry-page .main-wrapper {
        margin-top: 50px; }
      .industry-page .section-title {
        margin-top: 19px;
        margin-bottom: 19px; }
      .industry-page .section {
        padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.industry-catg-page .main-wrapper {
  position: relative;
  background-color: #fff; }

.industry-catg-page section {
  padding-top: 70px; }
  .industry-catg-page section:first-child {
    padding-top: 0; }
  .industry-catg-page section:last-child {
    padding-bottom: 70px; }
  .industry-catg-page section:last-child.section-bottom-banner {
    padding-bottom: 0; }

.industry-catg-page section > .container {
  box-sizing: border-box; }
  .industry-catg-page section > .container .section-title {
    margin-top: 0; }

.industry-catg-page .banner-anchor {
  position: relative;
  padding-bottom: 66px; }
  .industry-catg-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0; }

@media only screen and (max-width: 576px) {
  .industry-catg-page {
    margin-top: 50px; }
    .industry-catg-page .banner-anchor {
      position: relative;
      padding-bottom: 0; }
      .industry-catg-page .banner-anchor .section-anchor {
        display: none; }
    .industry-catg-page .section-banner {
      background-size: cover; }
    .industry-catg-page .sidebar {
      display: none; }
    .industry-catg-page section {
      padding-top: 30px; }
      .industry-catg-page section:last-child {
        padding-bottom: 30px; }
      .industry-catg-page section:last-child.section-bottom-banner {
        padding-bottom: 0; }
    .industry-catg-page section > .container {
      padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.pages-page .main-wrapper {
  position: relative; }

.pages-page section {
  padding-top: 70px; }
  .pages-page section:first-child {
    padding-top: 0; }
  .pages-page section:last-child {
    padding-bottom: 70px; }
  .pages-page section:last-child.section-bottom-banner {
    padding-bottom: 0; }

.pages-page section > .container {
  box-sizing: border-box; }
  .pages-page section > .container .section-title {
    margin-top: 0; }

.pages-page .banner-anchor {
  position: relative;
  padding-bottom: 66px; }
  .pages-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0; }

@media only screen and (max-width: 576px) {
  .pages-page {
    margin-top: 50px; }
    .pages-page .banner-anchor {
      position: relative;
      padding-bottom: 0; }
      .pages-page .banner-anchor .section-anchor {
        display: none; }
    .pages-page .section-banner {
      background-size: cover; }
    .pages-page .sidebar {
      display: none; }
    .pages-page section {
      padding-top: 30px; }
      .pages-page section:last-child {
        padding-bottom: 30px; }
      .pages-page section:last-child.section-bottom-banner {
        padding-bottom: 0; }
    .pages-page section > .container {
      padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.service-page .main-wrapper {
  position: relative; }

.service-page section {
  padding-top: 70px; }
  .service-page section:first-child {
    padding-top: 0; }
  .service-page section:last-child {
    padding-bottom: 70px; }
  .service-page section:last-child.section-bottom-banner {
    padding-bottom: 0; }

.service-page section > .container {
  box-sizing: border-box;
  padding-left: 260px; }
  .service-page section > .container .section-title {
    margin-top: 0; }

.service-page .banner-anchor {
  position: relative;
  padding-bottom: 66px; }
  .service-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0; }

.service-page .sidebar {
  position: absolute;
  left: calc(50% - 600px);
  top: 34px;
  z-index: 2; }

@media only screen and (max-width: 576px) {
  .service-page {
    margin-top: 50px; }
    .service-page .banner-anchor {
      position: relative;
      padding-bottom: 0; }
      .service-page .banner-anchor .section-anchor {
        display: none; }
    .service-page .sidebar {
      display: none; }
    .service-page section {
      padding-top: 30px; }
      .service-page section:last-child {
        padding-bottom: 30px; }
      .service-page section:last-child.section-bottom-banner {
        padding-bottom: 0; }
    .service-page section > .container {
      padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.solutions-page .main-wrapper {
  position: relative;
  overflow: hidden; }

.solutions-page .section-banner {
  min-height: 478px; }
  .solutions-page .section-banner .service-banner-title {
    margin-top: 140px; }
  .solutions-page .section-banner .service-banner-desc {
    margin-bottom: 60px; }

.solutions-page section {
  padding-top: 70px; }
  .solutions-page section:first-child {
    padding-top: 0; }
  .solutions-page section:last-child {
    padding-bottom: 70px; }
  .solutions-page section:last-child.section-bottom-banner {
    padding-bottom: 0; }

.solutions-page section > .container {
  box-sizing: border-box; }
  .solutions-page section > .container .section-title {
    margin-top: 0; }

.solutions-page .banner-anchor {
  position: relative;
  padding-bottom: 66px; }
  .solutions-page .banner-anchor .section-anchor {
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 1200px;
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e8f4; }
    .solutions-page .banner-anchor .section-anchor .anchor-tabs {
      border-bottom: none; }

@media only screen and (max-width: 576px) {
  .solutions-page {
    margin-top: 50px;
    background-color: #f9faff; }
    .solutions-page .banner-anchor {
      position: relative;
      padding-bottom: 0; }
      .solutions-page .banner-anchor .section-anchor {
        display: none; }
    .solutions-page .section-banner {
      background-size: cover;
      min-height: 200px; }
      .solutions-page .section-banner .service-banner-title {
        margin-top: 35px; }
      .solutions-page .section-banner .service-banner-desc {
        width: 100%;
        margin-bottom: 26px; }
    .solutions-page .section-banner.center .service-banner-desc {
      width: 100%; }
    .solutions-page .sidebar {
      display: none; }
    .solutions-page section {
      padding-top: 30px; }
      .solutions-page section:last-child {
        padding-bottom: 30px; }
      .solutions-page section:last-child.section-bottom-banner {
        padding-bottom: 0; }
    .solutions-page section > .container {
      padding: 0 18px; } }

.is-container {
  padding-top: 55px;
  position: relative;
  font-size: 14px; }

@keyframes fadeInBottom {
  0% {
    transform: translate3d(0, 30px, 0);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes bcu1Wkwl {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  .is-container a {
    text-decoration: none; }
  .is-container .is-title {
    width: 1200px;
    margin: 0 auto; }
    .is-container .is-title__main {
      font-size: 28px;
      color: #181818;
      padding-right: 15px; }
    .is-container .is-title__sub {
      font-size: 16px;
      color: #4B5B76; }
  .is-container .is-ul_tab {
    width: 1200px;
    margin: 55px auto 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .is-container .is-ul_tab .is-li_title {
      font-size: 16px;
      color: #4B5B76;
      cursor: pointer;
      transition: all 0.2s;
      height: 30px;
      line-height: 30px;
      position: relative;
      text-align: center;
      padding-bottom: 20px; }
      .is-container .is-ul_tab .is-li_title:after {
        content: "";
        width: 0%;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        border-bottom: 2px solid #1975FF;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        transition: width 0.2s; }
      .is-container .is-ul_tab .is-li_title_active {
        font-size: 18px;
        color: #1975FF; }
        .is-container .is-ul_tab .is-li_title_active:after {
          width: 50%; }
  .is-container .is-content {
    width: 100%;
    height: 439px;
    display: none; }
    .is-container .is-content__active {
      display: -ms-flexbox;
      display: flex; }
    .is-container .is-content__left {
      width: 47%;
      height: 100%;
      background: linear-gradient(190deg, #AAC1D9 0%, #FBFCFE 100%);
      position: relative; }
      .is-container .is-content__left .picture {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 860px;
        height: 439px;
        margin-right: -62px;
        animation: bcu1Wkwl .5s ease; }
      .is-container .is-content__left .bg {
        position: relative;
        height: 439px;
        width: 100%;
        object-fit: cover; }
    .is-container .is-content__right {
      width: 53%;
      height: 100%;
      box-sizing: border-box;
      background: #364464;
      padding-left: 60px; }
      .is-container .is-content__right .en-title {
        color: rgba(95, 107, 131, 0.5);
        font-size: 48px;
        font-weight: 600;
        padding-top: 31px;
        animation: fadeInBottom 0.5s ease both; }
      .is-container .is-content__right .title {
        color: #ffffff;
        font-size: 28px;
        letter-spacing: 1px;
        animation: fadeInBottom 0.5s ease 0.1s both;
        margin-top: -3px; }
      .is-container .is-content__right .desc {
        font-size: 16px;
        color: #ffffff;
        opacity: 0.9;
        box-sizing: border-box;
        height: 52px;
        margin: 16px 0 20px;
        width: 580px;
        line-height: 26px;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        animation: fadeInBottom 0.5s ease 0.1s both; }
      .is-container .is-content__right .btn {
        margin-top: 30px;
        display: inline-block;
        text-align: center;
        width: 115px;
        height: 39px;
        line-height: 39px;
        background: linear-gradient(157deg, #FFFFFF 0%, #E0E9F5 100%);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
        border-radius: 4px;
        color: #252B3A;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        animation: fadeInBottom 0.5s ease 0.4s both; }
        .is-container .is-content__right .btn .icon-arrow {
          transition: transform 0.3s;
          -ms-transform: translateX(6px);
              transform: translateX(6px); }
        .is-container .is-content__right .btn:hover {
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18); }
          .is-container .is-content__right .btn:hover .icon-arrow {
            -ms-transform: translateX(9px);
                transform: translateX(9px); }
  .is-container .is-panel {
    position: relative;
    height: 748px;
    background: url(/static/img/layout/homepage/brain_bg.png) center center/cover no-repeat;
    box-sizing: border-box;
    padding-top: 160px; }
    .is-container .is-panel-content {
      width: 1200px;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 30px 38px;
      background: #FFFFFF;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      border-radius: 4px;
      position: absolute;
      top: -125px;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      z-index: 7; }
      .is-container .is-panel-content .title {
        font-size: 18px;
        color: #2e2e2e;
        margin-bottom: 31px; }
      .is-container .is-panel-content .is-panel__left {
        width: 65%; }
        .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions {
          display: -ms-flexbox;
          display: flex;
          justify-items: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution {
            width: calc(20% - 19px);
            margin-right: 20px;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: justify;
                justify-content: space-between;
            position: relative; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:nth-child(5n) {
              margin-right: 0; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:nth-child(-n+5) {
              margin-bottom: 33px; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title {
              color: #252B3A;
              position: relative;
              max-width: calc(100% - 20px); }
              .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title .text {
                display: inline-block;
                max-width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap; }
              .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title .hot {
                padding: 2px 4px;
                transform: scale(0.7) translate3d(110%, 0, 0);
                position: absolute;
                right: 0;
                top: -18px;
                font-size: 12px;
                display: inline-block;
                color: #FFA978;
                background: linear-gradient(180deg, #FFF3E8 0%, #FFFFFF 100%);
                border: 1px solid #FFBD98; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .icon-arrow {
              transition: transform 0.3s; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .st-title {
              color: #1975FF; }
            .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .icon-arrow {
              -ms-transform: translateX(4px);
                  transform: translateX(4px); }
              .is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .icon-arrow > path {
                fill: #1975FF; }
      .is-container .is-panel-content .is-panel__right {
        width: 32%; }
        .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability {
            color: #68696A;
            padding: 4px 10px;
            text-align: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            background: #EEF6FF;
            border-radius: 4px;
            margin-right: 10px; }
            .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:nth-child(3n) {
              margin-right: 0; }
            .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:nth-child(-n+3) {
              margin-bottom: 23px; }
            .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability .icon-arrow {
              margin-left: 6px;
              transition: transform 0.3s; }
            .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover {
              color: #1975FF; }
              .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover .icon-arrow {
                -ms-transform: translateX(4px);
                    transform: translateX(4px); }
                .is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover .icon-arrow > path {
                  fill: #1975FF; }
    .is-container .is-panel .robot .rt-content {
      width: 1200px;
      margin: 0 auto;
      position: relative; }
      .is-container .is-panel .robot .rt-content .rt-title {
        font-size: 30px;
        color: #181818; }
      .is-container .is-panel .robot .rt-content .rt-subtitle {
        padding-left: 15px;
        color: #4B5B76;
        font-size: 16px; }
      .is-container .is-panel .robot .rt-content .robot-panel {
        position: absolute;
        left: 50%;
        top: 180px;
        width: 1200px;
        height: 230px;
        transform: translate3d(-50%, 0, 0);
        text-align: center; }
        .is-container .is-panel .robot .rt-content .robot-panel .title {
          color: #175EC4;
          font-size: 22px;
          padding: 24px 0 16px;
          font-weight: 600; }
        .is-container .is-panel .robot .rt-content .robot-panel .desc {
          margin: 0 auto;
          width: 842px;
          font-size: 16px;
          color: #4B5B76;
          line-height: 30px; }
        .is-container .is-panel .robot .rt-content .robot-panel .btn {
          display: inline-block;
          width: 150px;
          height: 39px;
          background: linear-gradient(216deg, #3270FF 0%, #4289F5 100%);
          border-radius: 4px;
          color: #ffffff;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
          transition: all 0.3s;
          margin: 20px auto 0; }
          .is-container .is-panel .robot .rt-content .robot-panel .btn .icon-arrow {
            transition: transform 0.3s;
            -ms-transform: translateX(6px);
                transform: translateX(6px); }
          .is-container .is-panel .robot .rt-content .robot-panel .btn:hover .icon-arrow {
            -ms-transform: translateX(9px);
                transform: translateX(9px); }
    .is-container .is-panel .robot .rt-ul_chac {
      width: 1200px;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 0;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
      .is-container .is-panel .robot .rt-ul_chac .rt-li_chac {
        position: absolute;
        font-size: 16px;
        color: #5C81BF; }
        .is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(1) {
          left: 210px;
          top: 258px; }
        .is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(2) {
          left: 835px;
          top: 255px; }
        .is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(3) {
          left: 307px;
          top: 608px; }
        .is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(4) {
          left: 602px;
          top: 676px; }
        .is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(5) {
          left: 875px;
          top: 604px; }

@charset "UTF-8";
/* Slider */
.hm-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hm-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hm-banner .slick-slider {
    height: 416px; }
  .hm-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden; }
  .hm-banner .slick-list:focus {
    outline: none; }
  .hm-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hm-banner .slick-slider .slick-track,
  .hm-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hm-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hm-banner .slick-track:before,
  .hm-banner .slick-track:after {
    display: table;
    content: ''; }
  .hm-banner .slick-track:after {
    clear: both; }
  .hm-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hm-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hm-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hm-banner .slick-slide img {
    display: block; }
  .hm-banner .slick-slide.slick-loading img {
    display: none; }
  .hm-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hm-banner .slick-initialized .slick-slide {
    display: block; }
  .hm-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hm-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hm-banner .slick-arrow.slick-hidden {
    display: none; }
  .hm-banner .slick-prev,
  .hm-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hm-banner .slick-prev:hover,
  .hm-banner .slick-prev:focus,
  .hm-banner .slick-next:hover,
  .hm-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hm-banner .slick-prev:hover:before,
  .hm-banner .slick-prev:focus:before,
  .hm-banner .slick-next:hover:before,
  .hm-banner .slick-next:focus:before {
    opacity: 1; }
  .hm-banner .slick-prev.slick-disabled:before,
  .hm-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hm-banner .slick-prev:before,
  .hm-banner .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hm-banner .slick-prev {
    left: -25px; }
  .hm-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hm-banner .slick-prev:before {
    content: '\2190'; }
  .hm-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hm-banner .slick-next {
    right: -25px; }
  .hm-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hm-banner .slick-next:before {
    content: '\2192'; }
  .hm-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hm-banner .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    padding-bottom: 15px; }
    .hm-banner .slick-dots ul {
      box-sizing: border-box;
      width: 1200px;
      margin: 0 auto !important;
      padding-left: 10px; }
  .hm-banner .slick-dots ul li {
    position: relative;
    display: inline-block;
    width: 118px;
    margin-right: 12px; }
  .hm-banner .hm-banner-dot .hm-dot-title {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 22px;
    width: 100%;
    text-align: center; }
  .hm-banner .hm-banner-dot .hm-dot-progress {
    display: block;
    width: 118px;
    cursor: pointer;
    opacity: 0.7;
    height: 18px;
    background-image: linear-gradient(to bottom, transparent 0, transparent 7px, rgba(255, 255, 255, 0.42) 7px, rgba(255, 255, 255, 0.42) 10px, transparent 10px, transparent 18px);
    white-space: nowrap;
    position: relative;
    overflow: hidden; }
    .hm-banner .hm-banner-dot .hm-dot-progress .icon-bug {
      width: 14px;
      height: 12px;
      position: absolute;
      top: 50%;
      left: 0;
      display: none;
      opacity: 0;
      transform: translate3d(-2px, -6.5px, 0); }
    .hm-banner .hm-banner-dot .hm-dot-progress::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 7px;
      left: 0px;
      width: 0px;
      height: 3px;
      text-align: center;
      background: #ffffff;
      opacity: .75; }
    .hm-banner .hm-banner-dot .hm-dot-progress:hover {
      opacity: 1; }
  .hm-banner li.slick-active .hm-dot-title {
    font-weight: 600;
    opacity: 1; }
  .hm-banner li.slick-active .hm-dot-progress {
    opacity: 1;
    position: relative; }
    .hm-banner li.slick-active .hm-dot-progress::after {
      opacity: 1;
      width: 118px;
      animation: borderAni 6s linear;
      -ms-transform-origin: left center;
          transform-origin: left center; }
    .hm-banner li.slick-active .hm-dot-progress .icon-bug {
      z-index: 2;
      opacity: 0;
      display: block;
      animation: bugAni 6s linear;
      animation-fill-mode: forwards; }

@keyframes borderAni {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }

@keyframes bugAni {
  from {
    opacity: 1;
    transform: translate3d(0, -7px, 0); }
  to {
    opacity: 1;
    transform: translate3d(104px, -7px, 0); } }

a {
  text-decoration: none !important; }

.hm-banner-item {
  height: 416px; }
  .hm-banner-item .btn-group {
    position: absolute;
    background-color: transparent;
    height: 416px;
    width: 1200px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    padding-top: 235px;
    display: -ms-flexbox;
    display: flex; }
    .hm-banner-item .btn-group .btn {
      cursor: pointer;
      width: 133px;
      height: 41px;
      border-radius: 8px;
      cursor: pointer; }
      .hm-banner-item .btn-group .btn.btn2 {
        margin-left: 12px; }

@font-face {
  .hm-banner-item {
    font-family: rzgf;
    src: url(/static/font/RZGF.TTF); } }
  .hm-banner-item .img-wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative; }
  .hm-banner-item .hm-banner-item__content {
    width: 1200px;
    height: 100%;
    margin: auto; }

.hm-user-card-container-login {
  position: absolute;
  z-index: 1;
  right: 0;
  margin-right: calc(50% - 600px);
  margin-top: 50px; }
  .hm-user-card-container-login .hm-user-card {
    width: 321px;
    height: 322px;
    background: url(/static/img/layout/homepage/card_info.png) center center/100% 100% no-repeat;
    box-sizing: border-box;
    padding: 29px 22px 0 21px; }
  .hm-user-card-container-login .hm-user-card-info .hm-user-card-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 22px;
    padding-left: 3px; }
    .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .img-wrap {
        width: 38px;
        height: 38px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 8px;
        margin-top: 3px; }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .img-wrap > img {
          max-width: 100%;
          height: 100%; }
      .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name {
        font-size: 14px;
        font-weight: 600;
        color: #4B5B76;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer;
        position: relative; }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name .arrow {
          display: inline-block;
          width: 10px;
          height: 6px;
          background: url(/static/img/layout/header/arrow.svg) center center/100% 100% no-repeat;
          transition: all .1s ease-out;
          margin-left: 10px; }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name .logout-panel {
          display: none;
          position: absolute;
          top: 18px;
          left: 38px;
          width: 80px;
          height: 25px;
          line-height: 25px;
          background: #FFFFFF;
          color: #4B5B76;
          text-align: center;
          font-weight: 400;
          font-size: 13px;
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.12);
          border: 1px solid;
          border-image: linear-gradient(180deg, #dae8f3, #b8d8ff) 1 1; }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name:hover .arrow {
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name:hover .logout-panel {
          display: block; }
      .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .level {
        display: block;
        height: 20px;
        width: 54px;
        background: url(/static/img/layout/homepage/name_bg.png) center center/100% 100% no-repeat; }
        .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .level-text {
          line-height: 20px;
          display: block;
          color: #EC7F11;
          font-family: RZGF;
          font-weight: 600;
          font-size: 12px;
          padding-left: 24px; }
    .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center {
      display: inline-block;
      text-decoration: none;
      width: 87px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFF 100%);
      color: #1975FF;
      border-radius: 4px;
      border: 1px solid rgba(139, 180, 241, 0.82);
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      box-shadow: 0px 4px 10px rgba(25, 117, 255, 0.17); }
      .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center .msg-count {
        position: absolute;
        top: -4px;
        left: 72px;
        font-size: 12px;
        height: 14px;
        line-height: 14px;
        font-weight: 600;
        padding: 0px 8px;
        background: linear-gradient(180deg, #FF997B 0%, #FF805A 100%);
        border-radius: 7px;
        color: #ffffff; }
      .hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center:hover {
        box-shadow: 0px 4px 10px rgba(25, 117, 255, 0.37); }
  .hm-user-card-container-login .hm-user-card-info .guide-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0 6px; }
    .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide,
    .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey {
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
      .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon,
      .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        border: 1px solid #C3D6EF;
        margin-right: 7px;
        background: linear-gradient(204deg, rgba(211, 229, 255, 0.4) 0%, rgba(175, 211, 255, 0.4) 100%);
        border-radius: 50%; }
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon img,
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon img {
          max-width: 75%;
          max-height: 75%; }
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon-0 img,
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon-0 img {
          margin-left: 4px;
          max-width: 67%;
          max-height: 67%; }
      .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip,
      .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip {
        text-decoration: none; }
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip .guide-title,
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip .guide-title {
          color: #4B5B76;
          font-size: 14px;
          font-weight: 600; }
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip .guide-subtitle,
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip .guide-subtitle {
          font-size: 12px;
          font-weight: 400;
          text-decoration: none;
          padding-top: 2px;
          color: #8899B5; }
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip:hover .guide-title,
        .hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip:hover .guide-title {
          color: #1975FF; }
  .hm-user-card-container-login .hm-user-card-relavant {
    margin-top: 17px; }
    .hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs {
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #EBEBEB; }
      .hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item {
        height: 26px;
        color: #4B5B76;
        line-height: 26px;
        font-size: 14px;
        cursor: pointer;
        padding: 8px;
        position: relative;
        margin-right: 10px; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item:last-child {
          margin-right: 0; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item::after {
          content: "";
          width: 90%;
          height: 0;
          border-bottom: 3px solid #1975FF;
          position: absolute;
          bottom: 0;
          left: 50%;
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
          display: none; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item__active::after {
          display: block; }
    .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists {
      padding-top: 12px; }
      .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: 12px; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list:last-child {
          margin-bottom: 0; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list .label {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          box-sizing: border-box;
          display: inline-block;
          padding: 0 6px;
          height: 20px;
          line-height: 20px;
          background: #FFF1E8;
          border-radius: 2px;
          font-size: 12px;
          font-weight: 400;
          color: #C28358;
          text-align: center;
          margin-right: 7px;
          border: 1px solid #FFDAC2; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list .content {
          -ms-flex: 1;
              flex: 1;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-size: 12px;
          font-weight: 400;
          color: #4B5B76; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list:hover .content {
          color: #1975FF; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-ability .content {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar {
          margin-bottom: 8px; }
          .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot {
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              display: inline-block;
              width: 22px;
              height: 22px;
              border-radius: 50%;
              background: #B1B1B1;
              position: relative;
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
              margin-right: 3px; }
              .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot::after {
                content: "";
                width: 20px;
                height: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                transform: translate3d(-50%, -50%, 0);
                background-color: #fff; }
              .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot::before {
                content: "";
                width: 0;
                height: 48px;
                border-right: 1px dashed #cecece;
                position: absolute;
                top: 100%;
                left: 50%;
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%); }
            .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .desc {
              width: 170px;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              padding-right: 6px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .time {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            font-size: 12px;
            color: #64738D; }
          .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar:last-child .content .dot::before {
            display: none; }
          .hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar:hover .content .dot {
            background-color: #1975FF; }

.hm-user-card-container-no-login {
  position: absolute;
  z-index: 1;
  right: 0;
  margin-right: calc(50% - 600px);
  margin-top: 53px; }
  .hm-user-card-container-no-login .hm-user-card {
    width: 307px;
    height: 308px;
    box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
    padding: 30px 19px 0;
    text-align: center;
    background: url(/static/img/layout/homepage/card_login.png) center center/100% 100% no-repeat; }
  .hm-user-card-container-no-login .card-title {
    font-size: 22px;
    font-weight: 600;
    color: #4B5B76;
    margin-bottom: 4px;
    text-align: left;
    padding-left: 7px; }
  .hm-user-card-container-no-login .card-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #4B5B76;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 7px; }
  .hm-user-card-container-no-login .card-tip {
    color: #96ADC6;
    font-size: 14px;
    margin: 24px 0 8px;
    letter-spacing: 1px; }
  .hm-user-card-container-no-login .hm-card-button {
    width: 270px;
    height: 42px;
    background: linear-gradient(221deg, #3270FF 0%, #4AB7FF 100%);
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 42px;
    margin-bottom: 17px;
    cursor: pointer;
    letter-spacing: 1px; }
    .hm-user-card-container-no-login .hm-card-button:hover {
      background: linear-gradient(221deg, #487FFE 0%, #5BBDFF 100%);
      box-shadow: 0px 4px 14px rgba(25, 117, 255, 0.37); }
  .hm-user-card-container-no-login .hm-card-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow: hidden;
    padding-left: 10px; }
    .hm-user-card-container-no-login .hm-card-desc-left, .hm-user-card-container-no-login .hm-card-desc-right {
      width: 47%;
      box-sizing: border-box; }
    .hm-user-card-container-no-login .hm-card-desc .desc-title {
      font-size: 16px;
      font-weight: 600;
      color: #4B5B76;
      padding-bottom: 9px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      text-decoration: none; }
      .hm-user-card-container-no-login .hm-card-desc .desc-title:hover {
        color: #1975FF; }
      .hm-user-card-container-no-login .hm-card-desc .desc-title .icon-arrow {
        margin-left: 6px;
        transition: transform 0.3s; }
      .hm-user-card-container-no-login .hm-card-desc .desc-title:hover .icon-arrow {
        -ms-transform: translateX(4px);
            transform: translateX(4px); }
    .hm-user-card-container-no-login .hm-card-desc .desc-list {
      display: inline-block;
      width: 100%;
      box-sizing: border-box;
      font-size: 12px;
      color: #96ADC6;
      position: relative;
      margin-bottom: 7px;
      padding-left: 9px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: left;
      text-decoration: none;
      line-height: 1; }
      .hm-user-card-container-no-login .hm-card-desc .desc-list:hover {
        color: #1975FF; }
      .hm-user-card-container-no-login .hm-card-desc .desc-list::before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(0, -50%, 0);
        width: 4px;
        height: 4px;
        background: linear-gradient(139deg, #2FA2FF 0%, #4289F5 100%);
        border-radius: 50%; }

.hm-guide-container {
  width: 100%;
  height: 82px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8F1FF 100%); }
  .hm-guide-container * {
    box-sizing: border-box; }
  .hm-guide-container .hm-guide {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .hm-guide-container .hm-guide .hm-guide-item {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex: 1;
          flex: 1;
      height: 100%;
      text-decoration: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-left: 16px;
      box-sizing: border-box; }
      .hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-title,
      .hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-subtitle {
        color: #1975FF; }
      .hm-guide-container .hm-guide .hm-guide-item:last-child {
        border-right: none; }
      .hm-guide-container .hm-guide .hm-guide-item .img-wrap {
        width: 74px;
        height: 67px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        margin-right: 16px; }
        .hm-guide-container .hm-guide .hm-guide-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .hm-guide-container .hm-guide .hm-guide-item-title {
        font-size: 18px;
        font-weight: 600;
        color: #4B5B76;
        line-height: 26px; }
      .hm-guide-container .hm-guide .hm-guide-item-subtitle {
        font-size: 12px;
        font-weight: 400;
        color: #4B5B76;
        line-height: 26px; }

@keyframes fadeInFromBottom {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes borderAniTop {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }

.ay-container {
  width: 100%;
  height: 828px;
  background: linear-gradient(148deg, #FAFCFF 0%, #F2F7FD 100%); }
  .ay-container .ay-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px; }
    .ay-container .ay-content .title {
      font-size: 30px;
      color: #181818; }
    .ay-container .ay-content .sub-title {
      padding-left: 15px;
      color: #4B5B76;
      font-size: 16px; }
  .ay-container .ay-ul-tab {
    display: -ms-flexbox;
    display: flex;
    width: 1156px;
    margin: 0 auto; }
    .ay-container .ay-ul-tab .ay-li-tab {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      text-align: center;
      cursor: pointer;
      position: relative;
      overflow: hidden; }
      .ay-container .ay-ul-tab .ay-li-tab::after {
        content: "";
        width: 100%;
        height: 0;
        border-bottom: 3px solid #1975FF;
        display: none;
        position: absolute; }
      .ay-container .ay-ul-tab .ay-li-tab .img-wrap {
        width: 46px;
        height: 46px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        margin: 0 auto; }
        .ay-container .ay-ul-tab .ay-li-tab .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .ay-container .ay-ul-tab .ay-li-tab .li-title {
        padding-top: 6px;
        color: #4B5B76;
        font-size: 16px; }
      .ay-container .ay-ul-tab .ay-li-tab_active .li-title {
        color: #1975FF; }
      .ay-container .ay-ul-tab .ay-li-tab_active::after {
        display: block;
        animation: borderAniTop 7s linear;
        animation-fill-mode: forwards; }
      .ay-container .ay-ul-tab .ay-li-tab_pauseAni::after {
        animation: none;
        -ms-transform: translateX(0);
            transform: translateX(0); }
    .ay-container .ay-ul-tab_top {
      margin-top: 63px; }
      .ay-container .ay-ul-tab_top .ay-li-tab {
        padding-bottom: 20px; }
        .ay-container .ay-ul-tab_top .ay-li-tab::after {
          left: 0;
          bottom: 0; }
    .ay-container .ay-ul-tab_bottom .ay-li-tab {
      padding-top: 36px;
      left: 0; }
      .ay-container .ay-ul-tab_bottom .ay-li-tab::after {
        right: 0;
        top: 0; }
  .ay-container .ay-middle {
    width: 1200px;
    height: 385px;
    background: #F2F7FD;
    box-shadow: 0px 2px 0px 0px #FFFFFF, inset 0px 12px 15px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    position: relative; }
    .ay-container .ay-middle-content {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      padding: 49px 27px 20px 59px;
      box-sizing: border-box;
      opacity: 0;
      display: none; }
      .ay-container .ay-middle-content .ay-middle-item {
        width: 228px;
        height: auto; }
        .ay-container .ay-middle-content .ay-middle-item .am-item-title {
          width: 100%;
          font-size: 16px;
          color: #4B5B76;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-bottom: 7px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          text-decoration: none; }
          .ay-container .ay-middle-content .ay-middle-item .am-item-title .text {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .ay-container .ay-middle-content .ay-middle-item .am-item-title .icon {
            font-size: 12px;
            color: #FF8E4D;
            margin-left: 4px; }
          .ay-container .ay-middle-content .ay-middle-item .am-item-title:hover {
            color: #1975FF; }
        .ay-container .ay-middle-content .ay-middle-item .am-item-desc {
          color: #4B5B76;
          font-size: 14px;
          height: 52px;
          line-height: 26px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          letter-spacing: 1px; }
        .ay-container .ay-middle-content .ay-middle-item .am-tags {
          display: -ms-flexbox;
          display: flex;
          margin-top: 12px; }
          .ay-container .ay-middle-content .ay-middle-item .am-tags .tag-item {
            height: 22px;
            text-align: center;
            line-height: 22px;
            border-radius: 2px;
            border: 1px solid #DFDFDF;
            padding: 0 6px;
            color: #8D9BB3;
            font-size: 12px;
            margin-right: 10px; }
            .ay-container .ay-middle-content .ay-middle-item .am-tags .tag-item:last-child {
              margin-right: 0; }
    .ay-container .ay-middle-content_active {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      animation: fadeInFromBottom 0.8s ease both; }
      .ay-container .ay-middle-content_active .ay-middle-item:nth-child(-n+4) {
        margin-bottom: 30px; }

.ai-saas {
  width: 100%;
  height: 745px;
  background: #196eed url(/static/img/layout/homepage/ai_bg.png) center center/auto 100% no-repeat;
  padding-top: 55px; }
  .ai-saas .title-wrap {
    width: 1200px;
    margin: 0 auto;
    color: #ffffff; }
    .ai-saas .title-wrap .as-title {
      font-size: 30px; }
    .ai-saas .title-wrap .as-subtitle {
      font-size: 16px;
      padding-left: 14px; }
  .ai-saas .card-wrap {
    width: 1222px;
    height: 576px;
    box-sizing: border-box;
    margin: 33px auto 0;
    background: url(/static/img/layout/homepage/as_bg.png) center center/100% 100% no-repeat;
    padding: 40px 62px 0 42px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .ai-saas .card-wrap .card__left {
      width: 200px; }
      .ai-saas .card-wrap .card__left .card-tab {
        width: 198px;
        height: 82px;
        box-sizing: border-box;
        background: linear-gradient(147deg, #F3F7FF 0%, #FFFFFF 100%);
        box-shadow: 0px 4px 6px 0px rgba(67, 104, 160, 0.13), inset 0px 2px 6px 0px rgba(88, 149, 255, 0.5);
        border-radius: 10px;
        margin-bottom: 19px;
        padding-left: 40px;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        font-size: 18px;
        color: #272C3A; }
        .ai-saas .card-wrap .card__left .card-tab:last-child {
          margin-bottom: 0; }
        .ai-saas .card-wrap .card__left .card-tab .icon-wrap {
          width: 35px;
          height: 35px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          margin-right: 12px; }
          .ai-saas .card-wrap .card__left .card-tab .icon-wrap .icon {
            max-width: 100%;
            max-height: 100%; }
          .ai-saas .card-wrap .card__left .card-tab .icon-wrap .icon-hover {
            display: none; }
        .ai-saas .card-wrap .card__left .card-tab__active {
          background: url(/static/img/layout/homepage/card_bg.png) center center/100% 100% no-repeat;
          color: #ffffff; }
          .ai-saas .card-wrap .card__left .card-tab__active .icon-wrap .icon-default {
            display: none; }
          .ai-saas .card-wrap .card__left .card-tab__active .icon-wrap .icon-hover {
            display: block; }
    .ai-saas .card-wrap .card__middle {
      -ms-flex: 1;
          flex: 1;
      padding-left: 57px; }

@keyframes cardAni {
  from {
    transform: translateX(30px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes imgAni {
  from { }
  to { } }
      .ai-saas .card-wrap .card__middle .card-info {
        display: none; }
        .ai-saas .card-wrap .card__middle .card-info__active {
          display: block; }
        .ai-saas .card-wrap .card__middle .card-info .card-info-desc {
          width: 446px;
          height: 52px;
          font-size: 16px;
          color: #4B5B76;
          line-height: 26px;
          margin-top: 42px;
          margin-bottom: 36px;
          animation: cardAni 0.5s ease forwards; }
        .ai-saas .card-wrap .card__middle .card-info .list-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          animation: cardAni 0.5s ease 0.1s forwards; }
          .ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item {
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 37px; }
            .ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item:last-child {
              margin-bottom: 0; }
            .ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__left {
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              height: 20px;
              text-align: center;
              line-height: 20px;
              background: #CEDFFF;
              border-radius: 3px;
              color: #1975FF;
              font-size: 12px;
              padding: 4px 8px;
              margin-right: 16px; }
            .ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__right .mt-item-title {
              font-size: 16px;
              color: #252B3A;
              line-height: 26px;
              font-weight: 600; }
            .ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__right .mt-item-desc {
              padding-top: 3px;
              font-size: 12px;
              color: #4B5B76;
              line-height: 22px;
              width: 375px; }
        .ai-saas .card-wrap .card__middle .card-info .btn {
          display: inline-block;
          width: 117px;
          height: 37px;
          margin-top: 60px;
          background: linear-gradient(216deg, #3270FF 0%, #4289F5 100%);
          border-radius: 4px;
          font-size: 14px;
          line-height: 37px;
          text-align: center;
          color: #ffffff;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          animation: cardAni 0.5s ease 0.1s forwards; }
          .ai-saas .card-wrap .card__middle .card-info .btn .icon-arrow {
            margin-left: 6px;
            transition: transform 0.3s; }
          .ai-saas .card-wrap .card__middle .card-info .btn:hover .icon-arrow {
            -ms-transform: translateX(3px);
                transform: translateX(3px); }
    .ai-saas .card-wrap .card__right {
      width: 348px;
      height: 448px;
      border-radius: 8px;
      overflow: hidden;
      margin-top: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .ai-saas .card-wrap .card__right .img {
        display: none;
        max-width: 100%;
        max-height: 100%;
        animation: imgAni 0.5s ease forwards; }
        .ai-saas .card-wrap .card__right .img-show {
          display: block; }

.cy-container {
  width: 1200px;
  margin: 0 auto;
  padding: 74px 0 10px; }
  .cy-container a {
    text-decoration: none; }
  .cy-container .title {
    font-size: 30px;
    color: #181818; }
  .cy-container .sub-title {
    padding-left: 15px;
    color: #4B5B76;
    font-size: 16px; }
  .cy-container .cy-ul {
    margin-top: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .cy-container .cy-ul .cy-li {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      box-sizing: border-box;
      height: 289px;
      padding: 39px 40px 0 38px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: var(--bg);
      box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.07);
      border-radius: 4px; }
      .cy-container .cy-ul .cy-li:nth-child(1), .cy-container .cy-ul .cy-li:nth-child(2) {
        margin-bottom: 12px; }
      .cy-container .cy-ul .cy-li-title {
        font-size: 24px;
        color: #313131; }
      .cy-container .cy-ul .cy-li-desc {
        color: #4B5B76;
        line-height: 26px;
        font-size: 14px;
        margin: 9px 0 24px; }
      .cy-container .cy-ul .cy-li .cy-li-tags {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 50%; }
        .cy-container .cy-ul .cy-li .cy-li-tags .tag-item {
          width: 48%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 14px;
          color: #252B3A; }
          .cy-container .cy-ul .cy-li .cy-li-tags .tag-item:nth-child(1), .cy-container .cy-ul .cy-li .cy-li-tags .tag-item:nth-child(2) {
            margin-bottom: 16px; }
          .cy-container .cy-ul .cy-li .cy-li-tags .tag-item .icon {
            color: #1975FF;
            margin-right: 7px;
            font-weight: 600; }
      .cy-container .cy-ul .cy-li .btn {
        width: 115px;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-item-align: end;
            align-self: flex-end;
        cursor: pointer;
        color: #1975FF;
        margin-top: 41px;
        float: right; }
        .cy-container .cy-ul .cy-li .btn .icon-arrow {
          transition: transform 0.3s;
          -ms-transform: translateX(6px);
              transform: translateX(6px); }
        .cy-container .cy-ul .cy-li .btn:hover .icon-arrow {
          -ms-transform: translateX(9px);
              transform: translateX(9px); }
      .cy-container .cy-ul .cy-li:nth-child(1), .cy-container .cy-ul .cy-li:nth-child(2) {
        width: 595px; }
      .cy-container .cy-ul .cy-li:nth-child(3), .cy-container .cy-ul .cy-li:nth-child(4), .cy-container .cy-ul .cy-li:nth-child(5) {
        width: 393px;
        box-sizing: border-box; }
        .cy-container .cy-ul .cy-li:nth-child(3) .cy-li-desc, .cy-container .cy-ul .cy-li:nth-child(4) .cy-li-desc, .cy-container .cy-ul .cy-li:nth-child(5) .cy-li-desc {
          width: 178px;
          height: 52px;
          overflow: hidden; }
        .cy-container .cy-ul .cy-li:nth-child(3) .btn, .cy-container .cy-ul .cy-li:nth-child(4) .btn, .cy-container .cy-ul .cy-li:nth-child(5) .btn {
          margin-top: 76px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.gaia-page {
  min-width: 1200px;
  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,PingFang SC-Regular,Segoe UI,SF Pro SC,SF Pro Display,SF Pro Icons,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }

.main-wrapper {
  background-color: #f9faff;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: 0 auto; }

.gaia-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 -10px; }

.gaia-card {
  transition: box-shadow 0.3s; }
  .gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0; }

.rich-text-tableStyle {
  overflow-x: auto; }
  .rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word; }
    .rich-text-tableStyle table tr td {
      padding: 15px 5px;
      border: #e6e8f4 solid 1px; }

.error-page {
  padding: 80px 0 20px;
  min-height: 100vh;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }
  .error-page img {
    display: block;
    margin: auto; }
  .error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble; }

.Toastify .Toastify__toast-container {
  width: 1190px;
  padding: 0;
  font-size: 14px;
  text-align: center; }
  .Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c; }
    .Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
      fill: #faa26c; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

@media only screen and (min-width: 576.01px) {
  .gaia-col-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .gaia-col-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .gaia-col-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .gaia-col-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .gaia-col-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .gaia-col-6 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

@media only screen and (max-width: 576px) {
  .gaia-page,
  .main-wrapper {
    min-width: 0; }
  .container {
    width: 100%;
    overflow: hidden; }
  .gaia-col-sm-1 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .gaia-col-sm-1:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-1:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 15px; }
    .gaia-col-sm-2:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-2:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 15px; }
    .gaia-col-sm-3:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-3:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px; }
    .gaia-col-sm-4:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-4:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5 {
    float: left;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 15px; }
    .gaia-col-sm-5:last-child {
      margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(1) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(2) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(3) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(4) {
    margin-bottom: 15px; }
  .gaia-col-sm-5:nth-last-child(5) {
    margin-bottom: 15px; } }

/*iPhoneX的适配*/
/* 特殊处理 IM sdk 产生的高层级图标 */
#zc__sdk__sys__btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.main-content {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .main-content .home-section {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px; }
    .main-content .home-section .hs-title {
      width: 100%;
      font-size: 30px;
      color: #1a1d3c;
      line-height: 50px; }
    .main-content .home-section .hs-desc {
      width: 100%;
      font-size: 16px;
      color: #646b97;
      line-height: 30px; }
  .main-content .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both; }
  .main-content .animate__fadeInUp {
    animation-name: fadeInUp; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 70%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
  .main-content .animate__fadeInRight {
    animation-name: fadeInRight; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }
  .main-content .animate__fadeInLeft {
    animation-name: fadeInLeft; }

@media only screen and (max-width: 576px) {
  .main-content {
    min-width: 0; }
    .main-content .hs-banner {
      margin-top: 50px; } }

@charset "UTF-8";
/* Slider */
.hm-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hm-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hm-banner .slick-slider {
    height: 620px; }
  .hm-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden; }
  .hm-banner .slick-list:focus {
    outline: none; }
  .hm-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hm-banner .slick-slider .slick-track,
  .hm-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hm-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hm-banner .slick-track:before,
  .hm-banner .slick-track:after {
    display: table;
    content: ''; }
  .hm-banner .slick-track:after {
    clear: both; }
  .hm-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hm-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hm-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hm-banner .slick-slide img {
    display: block; }
  .hm-banner .slick-slide.slick-loading img {
    display: none; }
  .hm-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hm-banner .slick-initialized .slick-slide {
    display: block; }
  .hm-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hm-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hm-banner .slick-arrow.slick-hidden {
    display: none; }
  .hm-banner .slick-prev,
  .hm-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hm-banner .slick-prev:hover,
  .hm-banner .slick-prev:focus,
  .hm-banner .slick-next:hover,
  .hm-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hm-banner .slick-prev:hover:before,
  .hm-banner .slick-prev:focus:before,
  .hm-banner .slick-next:hover:before,
  .hm-banner .slick-next:focus:before {
    opacity: 1; }
  .hm-banner .slick-prev.slick-disabled:before,
  .hm-banner .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .hm-banner .slick-prev:before,
  .hm-banner .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hm-banner .slick-prev {
    left: -25px; }
  .hm-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hm-banner .slick-prev:before {
    content: '\2190'; }
  .hm-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hm-banner .slick-next {
    right: -25px; }
  .hm-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hm-banner .slick-next:before {
    content: '\2192'; }
  .hm-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hm-banner .slick-dots {
    position: absolute;
    bottom: 100px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    padding-bottom: 15px; }
    .hm-banner .slick-dots ul {
      box-sizing: border-box;
      width: 1200px;
      margin: 0 auto !important;
      padding-left: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
  .hm-banner .slick-dots ul li {
    position: relative;
    display: inline-block;
    width: 54px;
    margin-right: 12px; }
  .hm-banner .hm-banner-dot .hm-dot-progress {
    display: block;
    width: 54px;
    cursor: pointer;
    opacity: 0.7;
    height: 6px;
    background: rgba(46, 46, 49, 0.3);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    border-radius: 3px; }
    .hm-banner .hm-banner-dot .hm-dot-progress::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 6px;
      text-align: center;
      background: #1763ff;
      opacity: 0.75; }
    .hm-banner .hm-banner-dot .hm-dot-progress:hover {
      opacity: 1; }
  .hm-banner li.slick-active .hm-dot-title {
    font-weight: 600;
    opacity: 1; }
  .hm-banner li.slick-active .hm-dot-progress {
    opacity: 1;
    position: relative; }
    .hm-banner li.slick-active .hm-dot-progress::after {
      opacity: 1;
      width: 100%;
      animation: borderAni 6s linear;
      -ms-transform-origin: left center;
          transform-origin: left center; }

@keyframes borderAni {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }

@keyframes bugAni {
  from {
    opacity: 1;
    transform: translate3d(0, -7px, 0); }
  to {
    opacity: 1;
    transform: translate3d(104px, -7px, 0); } }

a {
  text-decoration: none !important; }

.hm-banner-container {
  margin-bottom: -82px; }
  .hm-banner-container .hm-banner {
    height: 619px; }
  .hm-banner-container .hm-banner-item {
    width: 2000px;
    height: 619px; }
    .hm-banner-container .hm-banner-item.banner-earth {
      width: 100%;
      position: relative;
      overflow: hidden;
      position: relative;
      background-size: contain;
      background-position: center bottom;
      background-repeat: no-repeat;
      overflow: hidden; }
      .hm-banner-container .hm-banner-item.banner-earth .banner-earth-container {
        position: absolute;
        width: 2560px;
        height: 100%;
        left: 50%;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        background-image: url("https://openres.xfyun.cn/xfyundoc/2025-08-07/30596399-249c-4158-974b-778a39710c15/1754568880036/e.jpg");
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat; }
      .hm-banner-container .hm-banner-item.banner-earth .halo {
        position: absolute;
        top: -600px;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        width: 2560px;
        height: 3000px;
        background-image: url("https://openres.xfyun.cn/xfyundoc/2025-08-01/8d97fb77-dd9c-437a-acc7-0544df3a212a/1754043873244/halo-compress.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        animation: orbitEarth 10s linear infinite alternate; }

@keyframes orbitEarth {
  0% {
    transform: translateX(-20%) translateY(1%) rotate(0deg); }
  50% {
    transform: translateX(0%) translateY(-5%) rotate(0deg); }
  100% {
    transform: translateX(20%) translateY(1%) rotate(-10deg); } }
      .hm-banner-container .hm-banner-item.banner-earth .earth {
        position: relative;
        z-index: 1;
        width: 2560px;
        height: 100%;
        background-image: url("https://openres.xfyun.cn/xfyundoc/2025-08-07/32646fde-1847-4107-b8e6-f3636271b623/1754569124162/e1.png");
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: 0px; }
        .hm-banner-container .hm-banner-item.banner-earth .earth .text {
          position: absolute;
          top: 160px;
          left: 50%;
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
          z-index: 2;
          width: 1200px;
          height: 95px;
          background-image: url("/static/img/banner-index/text.png");
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat; }
    .hm-banner-container .hm-banner-item .btn-group {
      position: absolute;
      background-color: transparent;
      height: 416px;
      width: 1200px;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      padding-top: 235px;
      display: -ms-flexbox;
      display: flex; }
      .hm-banner-container .hm-banner-item .btn-group .btn {
        cursor: pointer;
        width: 133px;
        height: 41px;
        border-radius: 8px;
        cursor: pointer; }
        .hm-banner-container .hm-banner-item .btn-group .btn.btn2 {
          margin-left: 12px; }

@font-face {
  .hm-banner-container .hm-banner-item {
    font-family: rzgf;
    src: url(/static/font/RZGF.TTF); } }
    .hm-banner-container .hm-banner-item .img-wrap {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      position: relative; }
    .hm-banner-container .hm-banner-item .hm-banner-item__content {
      width: 1200px;
      height: 100%;
      margin: auto; }
  .hm-banner-container .hm-guide-container {
    width: 100%;
    height: 82px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px); }
    .hm-banner-container .hm-guide-container * {
      box-sizing: border-box; }
    .hm-banner-container .hm-guide-container .hm-guide {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -ms-flex: 1;
            flex: 1;
        height: 100%;
        text-decoration: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding-left: 16px;
        box-sizing: border-box; }
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-title,
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-subtitle {
          color: #1975ff; }
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item:last-child {
          border-right: none; }
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item .img-wrap {
          width: 74px;
          height: 67px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          margin-right: 16px; }
          .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item .img-wrap > img {
            max-width: 100%;
            max-height: 100%; }
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item-title {
          font-size: 18px;
          font-weight: 600;
          color: #191919;
          line-height: 26px;
          text-align: center; }
        .hm-banner-container .hm-guide-container .hm-guide .hm-guide-item-subtitle {
          font-size: 12px;
          font-weight: 400;
          color: #4F4F4F;
          line-height: 26px;
          text-align: center; }

.ability-section-container {
  width: 100%; }
  .ability-section-container div {
    box-sizing: border-box; }
  .ability-section-container .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 53px;
    margin: 0 auto; }
    .ability-section-container .tabs .tab {
      width: 85px;
      height: 26px;
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      color: #5c6067;
      cursor: pointer;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative; }
      .ability-section-container .tabs .tab_active {
        color: #1763ff; }
        .ability-section-container .tabs .tab_active::after {
          content: '';
          display: block;
          width: 64px;
          height: 2px;
          background-color: #1763ff;
          position: absolute;
          bottom: -6px;
          left: 50%;
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .ability-section-container .content {
    width: 1400px;
    height: 574px;
    margin: 53px auto 0;
    background: url("https://openres.xfyun.cn/xfyundoc/2025-05-23/890d75ac-7354-47c1-a5be-ec2a08aa34c9/1747989983864/%E5%9B%BE%E5%B1%8224%402x.png") center center/cover no-repeat;
    border-radius: 14px;
    display: -ms-flexbox;
    display: flex;
    padding: 46px 26px 46px 52px;
    gap: 58px; }
    .ability-section-container .content .left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 21px; }
      .ability-section-container .content .left .card {
        width: 414px;
        height: 234px;
        border-radius: 10px;
        background: #fff;
        padding: 12px 20px;
        border: 1px solid transparent;
        cursor: pointer;
        position: relative; }
        .ability-section-container .content .left .card_active {
          border-color: #7456f6;
          opacity: 1 !important; }
        .ability-section-container .content .left .card:hover {
          opacity: 0.8;
          transition: 0.3s; }
        .ability-section-container .content .left .card .arrow {
          width: 16px;
          height: 16px;
          position: absolute;
          right: 25px;
          top: 25px;
          background: url("https://openres.xfyun.cn/xfyundoc/2025-09-02/3afb46bd-c5e1-4f79-8a00-1adcda77b860/1756800633417/%E7%BC%96%E7%BB%84%2053%202.svg") no-repeat; }
          .ability-section-container .content .left .card .arrow_active {
            background: url("https://openres.xfyun.cn/xfyundoc/2025-09-02/c9a5ef05-0790-4af1-a9e1-fccd2bbb8f58/1756800633422/%E7%BC%96%E7%BB%84%2053.svg") no-repeat; }
        .ability-section-container .content .left .card .title {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          gap: 6px;
          font-size: 22px;
          height: 42px;
          line-height: 18px;
          letter-spacing: 1px;
          font-weight: 600; }
          .ability-section-container .content .left .card .title > img {
            width: 41px;
            height: 41px;
            position: relative;
            top: 4px; }
        .ability-section-container .content .left .card .tags {
          display: -ms-flexbox;
          display: flex;
          gap: 10px;
          -ms-flex-align: center;
              align-items: center;
          margin: 12px 0 18px;
          padding-left: 8px; }
          .ability-section-container .content .left .card .tags .tag {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            background: #f5f7ff;
            padding: 6px 5px;
            border-radius: 4px;
            gap: 5px;
            -ms-flex-pack: start;
                justify-content: flex-start;
            font-size: 12px;
            color: #8854fe; }
            .ability-section-container .content .left .card .tags .tag > img {
              width: 14px;
              height: auto; }
        .ability-section-container .content .left .card .desc {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 8px; }
          .ability-section-container .content .left .card .desc .desc_item {
            display: -ms-flexbox;
            display: flex;
            gap: 4px; }
            .ability-section-container .content .left .card .desc .desc_item > p {
              color: #808692;
              font-size: 13px;
              line-height: 23px;
              margin: 0; }
            .ability-section-container .content .left .card .desc .desc_item > img {
              width: 18px;
              height: 16px;
              margin-top: 4px;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
    .ability-section-container .content .right {
      -ms-flex: 1;
          flex: 1;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .ability-section-container .content .right > img {
        max-width: 100%;
        max-height: 100%; }

@keyframes fadeIn {
  from {
    opacity: 0.5; }
  to {
    opacity: 1; } }
  .ability-section-container .animate-fade-in {
    animation: fadeIn 0.3s linear forwards; }

@media screen and (max-width: 1500px) {
  .ability-section-container .content {
    width: 1200px;
    gap: 20px; }
    .ability-section-container .content .left .card {
      width: 380px; } }

.page_title {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  color: #191919;
  letter-spacing: 1px; }

.industry-solutions-section-container {
  width: 100%; }
  .industry-solutions-section-container div, .industry-solutions-section-container a {
    box-sizing: border-box; }
  .industry-solutions-section-container .content_wrap {
    width: 100%;
    height: 602px;
    position: relative;
    overflow: hidden;
    background: url("https://openres.xfyun.cn/xfyundoc/2025-05-27/b764a9a1-3367-47d5-a5c4-9592f6d4e90c/1748327064129/%E4%BD%8D%E5%9B%BE%402x%20%2815%29.png") center center/auto 100% no-repeat;
    transition: background 0.3s linear; }
    .industry-solutions-section-container .content_wrap .background_slider_container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 1; }
      .industry-solutions-section-container .content_wrap .background_slider_container .background_slider {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        transform-style: preserve-3d; }
        .industry-solutions-section-container .content_wrap .background_slider_container .background_slider .background_item {
          min-width: 100%;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          transform: translateZ(0); }
    .industry-solutions-section-container .content_wrap .content {
      width: 1400px;
      margin: 0 auto;
      height: 100%;
      position: relative;
      z-index: 2; }
      .industry-solutions-section-container .content_wrap .content .sidebar {
        width: 300px;
        height: 100%;
        background: linear-gradient(-135deg, #4790f9 0%, #70a6fb 49%, #afa3ff 100%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding-left: 36px; }
        .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner {
          width: 247px;
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          justify-self: center;
          gap: 16px;
          -ms-flex-direction: column;
              flex-direction: column;
          border-left: 1px solid rgba(255, 255, 255, 0.42); }
          .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item {
            width: 100%;
            height: 58px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
                justify-content: flex-start;
            padding-left: 33px;
            -ms-flex-align: center;
                align-items: center;
            color: #fff;
            font-size: 22px;
            cursor: pointer;
            -webkit-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            position: relative;
            transition: all 0.3s ease; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item::before {
              content: '';
              position: absolute;
              top: 0;
              left: -1px;
              width: 4px;
              height: 100%;
              background: url(https://openres.xfyun.cn/xfyundoc/2025-07-14/d68ba925-6fa2-44d2-96d9-daadcdae178a/1752480563908/selected_bg%20%281%29%20%281%29.png) left top/100% 100% no-repeat;
              opacity: 0;
              transition: opacity 0.3s ease;
              pointer-events: none;
              z-index: 2;
              -ms-transform-origin: left center;
                  transform-origin: left center; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item::after {
              content: '';
              position: absolute;
              top: 0;
              left: -1px;
              width: 4px;
              height: 100%;
              background: url(https://openres.xfyun.cn/xfyundoc/2025-07-14/52ded928-a0a2-4aa4-a84a-bdcb9521e295/1752459776399/selected_bg.png) left top/100% 100% no-repeat;
              opacity: 0;
              transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              pointer-events: none;
              -ms-transform-origin: left center;
                  transform-origin: left center; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item:hover:not(.sidebar_item_select)::before {
              opacity: 1; }
            .sliding .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item:hover:not(.sidebar_item_select)::before {
              opacity: 0; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item_select::before {
              animation: sidebar_hover_to_select 0.3s ease forwards; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item_select::after {
              animation: sidebar_expand_bg 0.3s ease forwards; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item:not(.sidebar_item_select)::before {
              animation: none; }
            .industry-solutions-section-container .content_wrap .content .sidebar .sidebar_inner .sidebar_item:not(.sidebar_item_select)::after {
              animation: none;
              opacity: 0;
              width: 4px; }
      .industry-solutions-section-container .content_wrap .content .main_content_container {
        position: absolute;
        left: 260px;
        top: 71px;
        width: 1108px;
        height: 460px;
        background-image: linear-gradient(90deg, #ffffff 1%, rgba(255, 255, 255, 0.68) 85%);
        border: 2px solid #ffffff;
        box-shadow: 0 6px 16px 0 rgba(194, 179, 255, 0.24);
        border-radius: 16px;
        overflow: hidden;
        border-radius: 16px; }
        .industry-solutions-section-container .content_wrap .content .main_content_container .main_content_slider {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 100%;
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          will-change: transform;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          transform-style: preserve-3d; }
      .industry-solutions-section-container .content_wrap .content .main_content_active {
        opacity: 1 !important;
        transition: opacity 0.6s linear;
        pointer-events: all !important; }
      .industry-solutions-section-container .content_wrap .content .main_content {
        min-width: 100%;
        width: 100%;
        height: 460px;
        padding: 39px 28px 0 47px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        opacity: 0;
        will-change: opacity;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none; }
        .industry-solutions-section-container .content_wrap .content .main_content .main_content_title {
          font-size: 26px;
          font-weight: 600;
          color: #181818; }
        .industry-solutions-section-container .content_wrap .content .main_content .main_content_desc {
          width: 100%;
          height: 53px;
          font-size: 16px;
          text-align: justify;
          color: #5c6067;
          line-height: 24px;
          margin-top: 16px;
          overflow: hidden; }
        .industry-solutions-section-container .content_wrap .content .main_content .solution_list {
          display: -ms-flexbox;
          display: flex;
          gap: 10px 12px;
          -ms-flex-pack: start;
              justify-content: flex-start;
          margin-top: 6px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item {
            width: 216px;
            height: 73px;
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid #f3f3f3;
            border-radius: 8px;
            box-shadow: 0px 4px 10px 0px rgba(237, 236, 255, 0.34);
            padding: 10px 16px;
            cursor: pointer; }
            .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item:hover .solution_item_title {
              color: #3774f6; }
              .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item:hover .solution_item_title .svg_icon {
                left: 4px; }
                .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item:hover .solution_item_title .svg_icon path {
                  stroke: #3774f6; }
            .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item .solution_item_title {
              height: 26px;
              font-size: 16px;
              text-align: left;
              color: #181818;
              line-height: 26px;
              display: -ms-flexbox;
              display: flex;
              gap: 6px;
              cursor: pointer; }
              .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item .solution_item_title .svg_icon {
                position: relative;
                top: -1px;
                left: 0;
                transition: all 0.1s linear; }
            .industry-solutions-section-container .content_wrap .content .main_content .solution_list .solution_item .solution_item_desc {
              width: 100%;
              height: 26px;
              font-size: 13px;
              font-weight: 400;
              text-align: left;
              color: #4b5c76;
              line-height: 26px; }
        .industry-solutions-section-container .content_wrap .content .main_content .examples {
          width: 100%;
          margin-top: 40px; }
          .industry-solutions-section-container .content_wrap .content .main_content .examples .examples_title {
            height: 26px;
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            color: #5c6067;
            line-height: 26px; }
          .industry-solutions-section-container .content_wrap .content .main_content .examples > img {
            margin-top: 13px;
            height: 30px;
            width: auto; }

@keyframes industry_fadeIn {
  from {
    opacity: 0.5;
    transform: translateX(20px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes industry_slideIn {
  0% {
    opacity: 0;
    transform: translateX(30px); }
  50% {
    opacity: 0.3;
    transform: translateX(15px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes sidebar_hover_to_select {
  0% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes sidebar_expand_bg {
  0% {
    opacity: 0;
    width: 4px;
    background-size: 4px 100%; }
  100% {
    opacity: 1;
    width: 100%;
    background-size: 100% 100%; } }
  .industry-solutions-section-container .animate-fade-in {
    animation: industry_slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
  .industry-solutions-section-container .industry-solutions-section-container .main_content_container .main_content_slider.sliding .main_content:not(.animate-fade-in) {
    opacity: 0.2; }

@media screen and (max-width: 1500px) {
  .industry-solutions-section-container .content_wrap {
    height: 562px !important; }
    .industry-solutions-section-container .content_wrap .content {
      width: 1120px; }
      .industry-solutions-section-container .content_wrap .content .sidebar {
        width: 324px;
        padding-left: 44px;
        -ms-flex-pack: start;
            justify-content: flex-start; }
      .industry-solutions-section-container .content_wrap .content .main_content_container {
        width: 928px;
        -ms-transform: translateX(-44px);
            transform: translateX(-44px); }
        .industry-solutions-section-container .content_wrap .content .main_content_container .solution_list .solution_item {
          width: 196px; } }

@charset "UTF-8";
/* Slider */
.hm-banner-scenes {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hm-banner-scenes .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hm-banner-scenes .slick-slider {
    height: 100%; }
  .hm-banner-scenes .slick-list {
    position: relative;
    display: block;
    overflow: hidden; }
  .hm-banner-scenes .slick-list:focus {
    outline: none; }
  .hm-banner-scenes .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hm-banner-scenes .slick-slider .slick-track,
  .hm-banner-scenes .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hm-banner-scenes .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hm-banner-scenes .slick-track:before,
  .hm-banner-scenes .slick-track:after {
    display: table;
    content: ''; }
  .hm-banner-scenes .slick-track:after {
    clear: both; }
  .hm-banner-scenes .slick-loading .slick-track {
    visibility: hidden; }
  .hm-banner-scenes .slick-slide {
    display: none;
    float: left;
    border-radius: 20px;
    height: 100%;
    min-height: 1px; }
  .hm-banner-scenes [dir='rtl'] .slick-slide {
    float: right; }
  .hm-banner-scenes .slick-slide img {
    display: block; }
  .hm-banner-scenes .slick-slide.slick-loading img {
    display: none; }
  .hm-banner-scenes .slick-slide.dragging img {
    pointer-events: none; }
  .hm-banner-scenes .slick-initialized .slick-slide {
    display: block; }
  .hm-banner-scenes .slick-loading .slick-slide {
    visibility: hidden; }
  .hm-banner-scenes .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hm-banner-scenes .slick-arrow.slick-hidden {
    display: none; }
  .hm-banner-scenes .slick-prev,
  .hm-banner-scenes .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hm-banner-scenes .slick-prev:hover,
  .hm-banner-scenes .slick-prev:focus,
  .hm-banner-scenes .slick-next:hover,
  .hm-banner-scenes .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hm-banner-scenes .slick-prev:hover:before,
  .hm-banner-scenes .slick-prev:focus:before,
  .hm-banner-scenes .slick-next:hover:before,
  .hm-banner-scenes .slick-next:focus:before {
    opacity: 1; }
  .hm-banner-scenes .slick-prev.slick-disabled:before,
  .hm-banner-scenes .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .hm-banner-scenes .slick-prev:before,
  .hm-banner-scenes .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hm-banner-scenes .slick-prev {
    left: -25px; }
  .hm-banner-scenes [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hm-banner-scenes .slick-prev:before {
    content: '\2190'; }
  .hm-banner-scenes [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hm-banner-scenes .slick-next {
    right: -25px; }
  .hm-banner-scenes [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hm-banner-scenes .slick-next:before {
    content: '\2192'; }
  .hm-banner-scenes [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hm-banner-scenes .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    padding-bottom: 15px;
    z-index: 10; }
    .hm-banner-scenes .slick-dots ul {
      height: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      box-sizing: border-box;
      width: 1200px;
      margin: 0 auto !important;
      padding-left: 10px; }
  .hm-banner-scenes .slick-dots ul li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 12px;
    background-color: rgba(0, 0, 0, 0.1); }
  .hm-banner-scenes .hm-banner-dot .hm-dot-title {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 22px;
    width: 100%;
    text-align: center; }
  .hm-banner-scenes .hm-banner-dot .hm-dot-progress {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.3);
    white-space: nowrap;
    position: relative;
    overflow: hidden; }
    .hm-banner-scenes .hm-banner-dot .hm-dot-progress::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 10px;
      border-radius: 5px;
      text-align: center;
      background: #fff;
      opacity: 0.75; }
    .hm-banner-scenes .hm-banner-dot .hm-dot-progress:hover {
      opacity: 1; }
  .hm-banner-scenes li.slick-active {
    width: 54px !important; }
    .hm-banner-scenes li.slick-active .hm-dot-title {
      font-weight: 600;
      opacity: 1; }
    .hm-banner-scenes li.slick-active .hm-dot-progress {
      opacity: 1;
      position: relative;
      width: 54px; }
      .hm-banner-scenes li.slick-active .hm-dot-progress::after {
        opacity: 1;
        width: 54px;
        animation: borderAni 6s linear;
        -ms-transform-origin: left center;
            transform-origin: left center; }
      .hm-banner-scenes li.slick-active .hm-dot-progress .icon-bug {
        z-index: 2;
        opacity: 0;
        display: block;
        animation: bugAni 6s linear;
        animation-fill-mode: forwards; }

@keyframes borderAni {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }

@keyframes bugAni {
  from {
    opacity: 1;
    transform: translate3d(0, -7px, 0); }
  to {
    opacity: 1;
    transform: translate3d(104px, -7px, 0); } }

.scenes_section {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .scenes_section div {
    box-sizing: border-box; }
  .scenes_section .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 53px;
    margin: 0 auto; }
    .scenes_section .tabs .tab {
      width: 85px;
      height: 26px;
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      color: #5c6067;
      cursor: pointer;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative; }
      .scenes_section .tabs .tab_active {
        color: #1763ff; }
        .scenes_section .tabs .tab_active::after {
          content: '';
          display: block;
          width: 64px;
          height: 2px;
          background-color: #1763ff;
          position: absolute;
          bottom: -6px;
          left: 50%;
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .scenes_section .hm-banner-wrap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    overflow: hidden;
    height: 580px;
    margin-top: 55px; }
  .scenes_section .hm-banner-scenes {
    position: relative;
    height: 580px;
    width: 2560px;
    max-width: 2560px;
    margin: 0 auto;
    cursor: pointer; }
    .scenes_section .hm-banner-scenes .item-active-prev {
      padding-right: 90px;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .scenes_section .hm-banner-scenes .item-active-prev > a {
        border-radius: 20px;
        -webkit-mask-image: linear-gradient(to left, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
                mask-image: linear-gradient(to left, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        height: 470px !important;
        width: 1000px !important;
        opacity: 0.7; }
    .scenes_section .hm-banner-scenes .item-active-next {
      padding-left: 90px;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .scenes_section .hm-banner-scenes .item-active-next > a {
        border-radius: 20px;
        -webkit-mask-image: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
                mask-image: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        height: 470px !important;
        width: 1000px !important;
        opacity: 0.4; }
    .scenes_section .hm-banner-scenes .hm-banner-item {
      position: relative;
      width: 1400px;
      height: 580px;
      overflow: hidden; }
      .scenes_section .hm-banner-scenes .hm-banner-item > a {
        display: -ms-flexbox;
        display: flex;
        box-sizing: border-box;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 20px;
        transition: all 0.3s ease-in-out; }
        .scenes_section .hm-banner-scenes .hm-banner-item > a .hm-banner-item-content {
          position: relative;
          width: 100%;
          height: 100%;
          padding: 66px 0 0 0; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-logo {
        height: 35px;
        width: auto;
        position: absolute;
        left: 60px;
        top: 48px; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-title {
        height: 26px;
        font-size: 38px;
        font-weight: 600;
        color: #ffffff;
        line-height: 26px;
        width: 100%;
        padding-left: 111px;
        text-align: left;
        margin: 38px auto; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        padding: 0 120px;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-top: 94px; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc {
        width: 20%;
        max-width: 222px; }
        .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc .desc-card-title {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc .desc-card-title > img {
            height: 23px;
            width: auto;
            margin-right: 10px; }
          .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc .desc-card-title > span {
            margin: 0;
            font-size: 21px;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.8);
            line-height: 26px; }
        .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc .desc-card-desc {
          margin-top: 18px;
          font-size: 16px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.66);
          line-height: 26px; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc:nth-of-type(1) {
        animation-delay: 0.1s; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc:nth-of-type(2) {
        animation-delay: 0.3s; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc:nth-of-type(3) {
        animation-delay: 0.5s; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc:nth-of-type(4) {
        animation-delay: 0.7s; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-desc:nth-of-type(5) {
        animation-delay: 0.9s; }
      .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-btn {
        margin: 97px auto 0;
        width: 168px;
        height: 50px;
        border-radius: 9px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 17px;
        animation-delay: 0.1s;
        background: linear-gradient(270deg, #3b7efc 0%, #689fff);
        color: #fff;
        cursor: pointer;
        transition: all 0.2s; }
        .scenes_section .hm-banner-scenes .hm-banner-item .hm-banner-item-content .content-btn:hover {
          opacity: 0.9; }

@media screen and (max-width: 1500px) {
  .scenes_section .tabs {
    width: 1120px; }
  .scenes_section .hm-banner-wrap {
    height: 502px !important; }
    .scenes_section .hm-banner-wrap .hm-banner-scenes {
      height: 502px !important; }
      .scenes_section .hm-banner-wrap .hm-banner-scenes .hm-banner-item > a .hm-banner-item-content {
        padding-top: 40px; }
      .scenes_section .hm-banner-wrap .hm-banner-scenes .hm-banner-item-content .content-title {
        padding-left: 61px; }
      .scenes_section .hm-banner-wrap .hm-banner-scenes .hm-banner-item-content .content-desc-wrap {
        padding: 0 67px;
        margin-top: 74px; }
      .scenes_section .hm-banner-wrap .hm-banner-scenes .item-active-prev {
        padding-right: 60px; }
      .scenes_section .hm-banner-wrap .hm-banner-scenes .item-active-next {
        padding-left: 60px; }
    .scenes_section .hm-banner-wrap .hm-banner-item {
      width: 1120px !important;
      height: 502px !important; } }

.ecology_section div {
  box-sizing: border-box; }

.ecology_section .outer_wrap {
  margin: 0 auto;
  width: 1400px;
  height: 760px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px; }
  .ecology_section .outer_wrap .top_wrap {
    display: -ms-flexbox;
    display: flex;
    gap: 26px; }
    .ecology_section .outer_wrap .top_wrap .left_wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 32px;
      width: 68%; }
      .ecology_section .outer_wrap .top_wrap .left_wrap .item_left_top {
        width: 100%;
        height: 232px;
        padding: 40px 0 0 30px; }
      .ecology_section .outer_wrap .top_wrap .left_wrap .mid_wrap {
        display: -ms-flexbox;
        display: flex;
        gap: 26px;
        height: 232px; }
        .ecology_section .outer_wrap .top_wrap .left_wrap .mid_wrap .item_mid {
          width: 50%;
          -ms-flex: 1;
              flex: 1;
          padding: 48px 0 0 30px; }
    .ecology_section .outer_wrap .top_wrap .right_wrap {
      position: relative;
      -ms-flex: 1;
          flex: 1; }
      .ecology_section .outer_wrap .top_wrap .right_wrap .item_right_top {
        width: 100%;
        height: 100%;
        padding: 38px 0 0 30px; }
  .ecology_section .outer_wrap .bottom_wrap {
    width: 100%;
    height: 232px;
    display: -ms-flexbox;
    display: flex;
    gap: 26px; }
    .ecology_section .outer_wrap .bottom_wrap .bottom_item {
      width: 50%;
      -ms-flex: 1;
          flex: 1;
      padding: 55px 0 0 30px; }
  .ecology_section .outer_wrap .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 10px;
    cursor: pointer;
    height: 232px; }
    .ecology_section .outer_wrap .item:hover .content_wrapper .content_buttom {
      transition: all 0.3s ease-in-out;
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
      opacity: 1;
      transition-delay: 0.15s; }
    .ecology_section .outer_wrap .item:hover .content_wrapper .content_title {
      position: relative;
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
      color: #3370ff;
      transition: all 0.3s ease-out; }
    .ecology_section .outer_wrap .item:hover .content_wrapper .content_desc {
      position: relative;
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
      transition: all 0.3s ease-out; }
  .ecology_section .outer_wrap .content_wrapper {
    width: 100%;
    height: 100%; }
    .ecology_section .outer_wrap .content_wrapper .content_title {
      font-size: 22px;
      font-weight: 600; }
    .ecology_section .outer_wrap .content_wrapper .content_desc {
      margin-top: 16px;
      font-size: 14px;
      font-weight: 400;
      color: #4b5c76;
      line-height: 26px; }
    .ecology_section .outer_wrap .content_wrapper .content_buttom {
      opacity: 0;
      font-size: 14px;
      font-weight: 400;
      width: 100px;
      height: 35px;
      background: linear-gradient(270deg, rgba(53, 114, 247, 0.81), #78a2ff 100%);
      border-radius: 8px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      color: #fff;
      cursor: pointer;
      margin-top: 10px; }

@media screen and (max-width: 1500px) {
  .ecology_section .outer_wrap {
    width: 1120px; }
    .ecology_section .outer_wrap .item_left_top {
      height: 200px; }
    .ecology_section .outer_wrap .mid_wrap {
      height: 200px !important; }
      .ecology_section .outer_wrap .mid_wrap .item_mid {
        padding-top: 24px !important; }
    .ecology_section .outer_wrap .bottom_wrap {
      height: 200px; }
      .ecology_section .outer_wrap .bottom_wrap .bottom_item {
        padding-top: 28px; }
    .ecology_section .outer_wrap .item {
      height: 200px; } }

.bottom_banner {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 62%;
  border-top: 1px solid transparent;
  z-index: 1;
  margin-top: 105px; }
  .bottom_banner .banner_inner {
    position: absolute;
    width: 100%;
    height: 100%; }
  .bottom_banner .banner_title {
    position: relative;
    width: 100%;
    font-size: 38px;
    color: #191919;
    text-align: center;
    font-weight: 600;
    z-index: 5;
    white-space: pre-wrap; }
  .bottom_banner .video_wrap {
    position: relative;
    width: 100%;
    margin-top: -50px; }
    .bottom_banner .video_wrap .video_src {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }
    .bottom_banner .video_wrap .tree_grown {
      display: none; }
    .bottom_banner .video_wrap .banner_img {
      position: absolute;
      top: 0;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      width: 100%;
      height: auto; }
  .bottom_banner .banner_btn {
    position: relative;
    width: 174px;
    height: 46px;
    background: linear-gradient(270deg, #3370f6 0%, #5691fb);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 auto;
    margin-top: 70px;
    z-index: 10;
    cursor: pointer;
    transition: 0.3s; }
    .bottom_banner .banner_btn:hover {
      -ms-transform: scale(1.04);
          transform: scale(1.04);
      opacity: 0.9; }

@media screen and (max-width: 1500px) {
  .bottom_banner .banner_title {
    font-size: 30px; }
  .bottom_banner .banner_btn {
    margin-top: 40px;
    -ms-transform: scale(0.8);
        transform: scale(0.8); }
  .bottom_banner .video_wrap {
    margin-top: -32px; }
  .bottom_banner .banner_img {
    position: relative;
    width: 100%;
    height: auto; } }

.footer_container {
  position: relative;
  width: 100%;
  background: #f6faff; }
  .footer_container div,
  .footer_container a {
    box-sizing: border-box;
    display: block; }
  .footer_container .footer_2025 {
    position: relative;
    height: 288px;
    width: 100%;
    margin-top: 0px;
    border-bottom: 1px solid #e0e2e4; }
    .footer_container .footer_2025 div {
      box-sizing: border-box; }
    .footer_container .footer_2025 .divider {
      position: relative;
      width: 100%;
      height: 120px;
      overflow: hidden;
      background: #fff;
      -webkit-clip-path: ellipse(60% 50% at 50% 0%);
              clip-path: ellipse(60% 50% at 50% 0%); }
    .footer_container .footer_2025 .content {
      width: 1400px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 68px; }
      .footer_container .footer_2025 .content .left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 14px; }
        .footer_container .footer_2025 .content .left .item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          gap: 10px;
          margin-top: 10px;
          font-size: 24px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          cursor: pointer; }
          .footer_container .footer_2025 .content .left .item img {
            width: 40px;
            height: 40px; }
      .footer_container .footer_2025 .content .right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex: 1;
            flex: 1;
        gap: 40px;
        overflow: hidden;
        height: 124px; }
        .footer_container .footer_2025 .content .right .info_item {
          font-size: 14px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          min-width: 140px;
          max-width: 168px;
          white-space: nowrap;
          text-align: center; }
          .footer_container .footer_2025 .content .right .info_item > img {
            display: block;
            height: 60px;
            width: auto;
            margin: 0 auto 10px; }
  .footer_container .footer_part2 {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    background: #f6faff;
    display: -ms-flexbox;
    display: flex;
    padding-top: 70px;
    gap: 80px; }
    .footer_container .footer_part2 .left {
      width: 284px; }
      .footer_container .footer_part2 .left > img {
        width: 180px;
        height: auto; }
      .footer_container .footer_part2 .left .follow_tip {
        color: #000;
        margin-top: 40px;
        font-size: 15px; }
      .footer_container .footer_part2 .left .contract_methods {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 8px; }
        .footer_container .footer_part2 .left .contract_methods .contract_wrap {
          margin-top: 24px;
          width: 32px;
          height: 32px;
          background: #fff;
          border: 1px solid #b1d2fe;
          border-radius: 32px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          cursor: pointer; }
          .footer_container .footer_part2 .left .contract_methods .contract_wrap:hover {
            background: #eff; }
          .footer_container .footer_part2 .left .contract_methods .contract_wrap > img {
            height: 14px;
            width: auto; }
      .footer_container .footer_part2 .left .contact_us {
        margin-top: 26px; }
        .footer_container .footer_part2 .left .contact_us .contact_us_title {
          font-size: 15px;
          color: #000000;
          font-weight: 600;
          margin-bottom: 20px; }
        .footer_container .footer_part2 .left .contact_us .contact_us_content {
          color: #5d5f60;
          font-size: 14px;
          font-weight: 400;
          margin-bottom: 12px;
          white-space: nowrap; }
    .footer_container .footer_part2 .right {
      -ms-flex: 1;
          flex: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .footer_container .footer_part2 .right .column_wrap {
        width: 130px; }
        .footer_container .footer_part2 .right .column_wrap .column_title {
          font-size: 15px;
          color: #000000;
          font-weight: 600;
          margin-bottom: 10px; }
        .footer_container .footer_part2 .right .column_wrap .column_item {
          font-size: 14px;
          color: #5d5f60;
          font-weight: 400;
          margin-bottom: 10px;
          cursor: pointer; }
          .footer_container .footer_part2 .right .column_wrap .column_item:hover {
            color: #4679f1; }
  .footer_container .footer_bottom_2025 {
    width: 1400px;
    margin: 86px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    font-size: 14px;
    color: #bfbfbf;
    padding-bottom: 34px; }
    .footer_container .footer_bottom_2025 .beian_info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 10px;
      line-height: 30px; }
    .footer_container .footer_bottom_2025 a {
      color: #bfbfbf; }
      .footer_container .footer_bottom_2025 a:hover {
        color: #4679f1; }

.code {
  padding: 12px 12px 0 12px; }
  .code .code_word {
    width: 100%;
    height: 26px;
    opacity: 0.8;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #000000;
    line-height: 26px;
    margin-top: 7px; }

@media screen and (max-width: 1500px) {
  .footer_container .footer_2025 .content {
    width: 1200px; }
    .footer_container .footer_2025 .content .left .item {
      font-size: 18px; }
      .footer_container .footer_2025 .content .left .item img {
        width: 30px;
        height: 30px; }
    .footer_container .footer_2025 .content .right {
      gap: 20px; }
      .footer_container .footer_2025 .content .right .info_item {
        min-width: 134px;
        max-width: 168px; }
        .footer_container .footer_2025 .content .right .info_item > img {
          height: 50px; }
  .footer_container .footer_part2 {
    width: 1200px;
    gap: 60px; }
  .footer_container .footer_bottom_2025 {
    width: 1200px; } }

.home-2025-qrcode-wrapper .ant-tooltip-inner {
  background: #fff; }

.home-2025-qrcode-wrapper .ant-tooltip-arrow::before, .home-2025-qrcode-wrapper .ant-tooltip-arrow::after {
  background: #fff; }

@charset "UTF-8";
.slick-dots,
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  padding: 0; }

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25; }

.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff; }

.slick-prev {
  left: -25px; }

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: ''; }

.slick-next:before,
[dir=rtl] .slick-prev:before {
  content: ''; }

.slick-next {
  right: -25px; }

[dir=rtl] .slick-next {
  right: auto;
  left: -25px; }

[dir=rtl] .slick-next:before {
  content: '\922B\FFFD'; }

.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0; }

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0; }

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: .25;
  color: #000; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000; }

.introduction-history-wrapper {
  width: 2560px;
  margin-top: 60px; }
  .introduction-history-wrapper-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .introduction-history-wrapper-title-line {
      width: 1px;
      height: 48px;
      background: #979797;
      margin: 0 15px; }
    .introduction-history-wrapper-title .arrow {
      width: 0;
      height: 0;
      border-left: 17.03px solid transparent;
      border-right: 17.03px solid transparent;
      border-bottom: 22px solid #1975ff;
      cursor: pointer;
      border-radius: 2px;
      transition: all 0.2s; }
      .introduction-history-wrapper-title .arrow:hover {
        opacity: 0.8; }
    .introduction-history-wrapper-title-prev {
      margin-left: 37px;
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
    .introduction-history-wrapper-title-next {
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
  .introduction-history-wrapper .introduction-history-slick-wrap {
    position: relative;
    width: 2560px;
    min-height: 253px;
    background: url(/static/img/introduction/history-bg.png) center center no-repeat;
    margin-top: 10px; }
  .introduction-history-wrapper .introduction-history-slick {
    position: absolute;
    top: 63px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 1200px; }
    .introduction-history-wrapper .introduction-history-slick-item {
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 10px;
      height: 100%; }
      .introduction-history-wrapper .introduction-history-slick-item .year {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 72px;
        font-size: 60px;
        font-weight: 400;
        text-align: justify;
        color: #1975ff;
        line-height: 72px; }
        .introduction-history-wrapper .introduction-history-slick-item .year > span {
          color: #1975ff;
          font-size: 40px; }
      .introduction-history-wrapper .introduction-history-slick-item .line {
        width: 4px;
        height: 107px;
        background: #cacaca;
        margin-left: 2px; }
      .introduction-history-wrapper .introduction-history-slick-item .content {
        width: 250px;
        font-size: 16px;
        font-weight: 400;
        text-align: justify;
        color: #2b2b2b;
        line-height: 30px; }
      .introduction-history-wrapper .introduction-history-slick-item.reverse {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .introduction-history-wrapper .introduction-history-slick .normal {
      padding-bottom: 25px; }
    .introduction-history-wrapper .introduction-history-slick .reverse {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
      padding-top: 67px; }

.iflytek-wrapper {
  position: relative;
  width: 1200px;
  margin-top: 55px; }
  .iflytek-wrapper .bot {
    width: 462px;
    height: 601px;
    position: absolute;
    top: -150px;
    left: 100%;
    -ms-transform: translateX(calc(-100% + 24px));
        transform: translateX(calc(-100% + 24px)); }
  .iflytek-wrapper-title {
    margin-bottom: 16px; }
    .iflytek-wrapper-title span {
      letter-spacing: 0.1em;
      font-style: italic; }
      .iflytek-wrapper-title span:first-of-type {
        height: 48px;
        font-size: 40px;
        font-weight: 500;
        color: #2b2b2b;
        line-height: 48px;
        margin-right: 13px; }
      .iflytek-wrapper-title span:nth-of-type(2) {
        height: 26px;
        font-size: 22px;
        font-family: DingTalk, DingTalk-Regular;
        font-weight: 500;
        color: #1975ff;
        line-height: 26px; }
  .iflytek-wrapper-content {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border-bottom: 3px solid #cccccc;
    padding: 23px 31px 44px 31px; }
    .iflytek-wrapper-content .top-line {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 86px;
      height: calc(100% - 2px);
      border-left: 1px solid #1975ff;
      border-top: 1px solid #1975ff;
      border-top-left-radius: 29px; }
      .iflytek-wrapper-content .top-line::before {
        position: absolute;
        width: 165px;
        top: -2px;
        left: 86px;
        content: '';
        border-bottom: 2px solid #1975ff; }
    .iflytek-wrapper-content > p {
      margin-top: 0;
      margin-bottom: 37px;
      width: 729px;
      font-size: 16px;
      font-weight: 500;
      text-align: justify;
      color: #2b2b2b;
      line-height: 30px; }
    .iflytek-wrapper-content-list {
      display: grid;
      grid-template-columns: 300px 250px 330px;
      gap: 14px 0px; }
      .iflytek-wrapper-content-list-item {
        height: 30px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: center;
            align-items: center; }
      .iflytek-wrapper-content-list .block {
        display: inline-block;
        width: 7.07px;
        height: 7.07px;
        background: #1975ff;
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        margin-right: 12px; }
      .iflytek-wrapper-content-list .detail {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }

.introduction-contact {
  width: 2560px;
  height: 138px;
  background: rgba(25, 117, 255, 0.85);
  margin-top: 220px; }
  .introduction-contact-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    height: inherit; }
    .introduction-contact-content-left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .introduction-contact-content-left-text .contact {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 54px;
        font-size: 45px;
        font-weight: 400;
        text-align: justify;
        color: #ffffff;
        line-height: 54px;
        letter-spacing: 0.1em;
        font-style: italic;
        margin-right: 15px; }
      .introduction-contact-content-left-text .contact-us {
        letter-spacing: 0.1em;
        font-style: italic;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 36px;
        opacity: 0.45;
        font-size: 30px;
        font-weight: 400;
        text-align: justify;
        color: #ffffff;
        line-height: 36px; }
    .introduction-contact-content-right {
      padding-top: 36px; }
      .introduction-contact-content-right-top {
        margin-left: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 36px;
        font-size: 30px;
        font-weight: 400;
        text-align: justify;
        color: #ffffff;
        line-height: 36px;
        margin-bottom: 16px; }
        .introduction-contact-content-right-top > img {
          width: 31px;
          height: 31px;
          margin-right: 10px; }
      .introduction-contact-content-right-bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .introduction-contact-content-right-bottom .line {
          display: inline-block;
          width: 2px;
          height: 17px;
          opacity: 0.47;
          background: #ffffff;
          margin: 0 16px; }
        .introduction-contact-content-right-bottom span, .introduction-contact-content-right-bottom a {
          text-decoration: none;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          line-height: 20px; }

.gaia-page.introduction-page {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden; }
  .gaia-page.introduction-page .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both; }
  .gaia-page.introduction-page .animate__fadeInUp {
    animation-name: fadeInUp; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 70%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }