@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.header {
  height: 60px;
  /*------ 主导航 --------*/ }
  .header .main-header {
    height: 60px;
    color: #fff;
    background-color: #2277e6;
    background: linear-gradient(to bottom, #2277e6, #2277e6);
    position: relative; }
    .header .main-header.index {
      background: transparent;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      z-index: 999;
      border-bottom: 1px solid #e1e4f3; }
    .header .main-header .main-header-container {
      width: 1200px;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      padding: 0 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .header .main-header .main-header-right {
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .header .main-header .main-header-right .main-header-help {
        margin-right: 30px;
        margin-left: 30px;
        color: #252525;
        cursor: pointer; }
        .header .main-header .main-header-right .main-header-help:hover {
          opacity: 0.8; }
      .header .main-header .main-header-right .main-header-contract {
        color: #252525; }
        .header .main-header .main-header-right .main-header-contract:hover {
          opacity: 0.8; }
      .header .main-header .main-header-right .main-header-userinfo {
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: #fff;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer;
        -ms-flex-pack: end;
            justify-content: flex-end; }
        .header .main-header .main-header-right .main-header-userinfo.index {
          color: #4a81ff; }
          .header .main-header .main-header-right .main-header-userinfo.index .main-header-userinfo-icon {
            color: #434343; }
          .header .main-header .main-header-right .main-header-userinfo.index .main-header-userinfo-name {
            color: #434343; }
          .header .main-header .main-header-right .main-header-userinfo.index .ant-dropdown-trigger {
            color: #434343; }
        .header .main-header .main-header-right .main-header-userinfo .ant-dropdown-trigger {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          color: #fff; }
        .header .main-header .main-header-right .main-header-userinfo .ant-dropdown-menu-item .ant-dropdown-menu-submenu-title {
          text-align: center; }
        .header .main-header .main-header-right .main-header-userinfo .main-header-userinfo-icon {
          margin-right: 5px; }
        .header .main-header .main-header-right .main-header-userinfo .main-header-useravatar {
          height: 36px;
          width: 36px;
          background: url(/static/img/newPage/userAvatar.png) no-repeat;
          background-size: cover;
          margin-right: 12px; }
        .header .main-header .main-header-right .main-header-userinfo .main-header-userinfo-name {
          max-width: 106px;
          color: #fff;
          margin-right: 2px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block; }
    .header .main-header .logo img {
      height: 50px; }
    .header .main-header:hover {
      cursor: pointer; }
  .header .popover-user .ant-popover-arrow {
    display: none; }
  .header .popover-user .ant-popover-inner {
    border-radius: 10px; }
  .header .popover-user .ant-popover-inner-content {
    padding: 9px;
    width: 140px;
    box-sizing: border-box;
    height: 140px; }
  .header .popover-user .popover-user-content {
    gap: 10px; }
    .header .popover-user .popover-user-content .content-single {
      padding-left: 10px;
      width: 100%;
      height: 40px;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .header .popover-user .popover-user-content .content-single .content-single-img {
        width: 18px;
        height: 18px;
        margin-right: 4px; }
      .header .popover-user .popover-user-content .content-single .img-1 {
        background: url(/static/img/newPage/order.svg) no-repeat;
        background-size: cover; }
      .header .popover-user .popover-user-content .content-single .img-2 {
        background: url(/static/img/newPage/apply.svg) no-repeat;
        background-size: cover; }
      .header .popover-user .popover-user-content .content-single .img-3 {
        background: url(/static/img/newPage/out.svg) no-repeat;
        background-size: cover; }
      .header .popover-user .popover-user-content .content-single .content-single-word {
        color: #232323; }
      .header .popover-user .popover-user-content .content-single:hover {
        border-radius: 6px;
        background: rgba(51, 112, 246, 0.1); }

.popover-contract .contract-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .popover-contract .contract-content .contract-content-code {
    background-image: url(/static/img/newPage/code.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px; }

.popover-contract .ant-popover-inner {
  border-radius: 10px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.footer-top .top-btn,
.footer-small-top .top-btn {
  background-color: #5c8eff;
  opacity: 0.8;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  padding: 0 60px;
  margin-top: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .footer-top .top-btn .right-arrow,
  .footer-small-top .top-btn .right-arrow {
    width: 15px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
    background: url(/static/img/arrow-right.png) center center no-repeat;
    background-size: contain; }
  .footer-top .top-btn:hover .right-arrow,
  .footer-small-top .top-btn:hover .right-arrow {
    -ms-transform: translateX(3px);
        transform: translateX(3px);
    transition: transform .2s; }

.footer-small-top .top-btn {
  padding: 0 30px;
  margin-top: 5px;
  margin-bottom: 100px;
  font-size: 12px; }

.footer .footer-top {
  width: 100%;
  height: 613px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #fff;
  background: url(/static/img/footer.png) top center no-repeat;
  background-size: cover; }
  .footer .footer-top .top-text {
    margin-top: 120px; }

.footer-content {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 1200px;
  margin: -264px 0 20px 0px; }
  .footer-content .content-text {
    margin: 210px 0px 0 30px;
    position: relative;
    z-index: 10; }
    .footer-content .content-text .im {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      justify-items: center;
      padding: 10px 0; }
      .footer-content .content-text .im .im-logo {
        width: 43px;
        height: 43px;
        margin-right: 10px;
        background: url(/static/img/im.png) center top no-repeat; }
      .footer-content .content-text .im a {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        text-decoration: none;
        color: #4a81ff;
        cursor: pointer; }
    .footer-content .content-text .phone {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 10px 0;
      margin: -10px 0 25px 0; }
      .footer-content .content-text .phone-left {
        width: 43px;
        height: 43px;
        background: url(/static/img/phone-light.png) center top no-repeat;
        margin-right: 10px; }
      .footer-content .content-text .phone-right .right-top {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        color: #4a81ff; }
      .footer-content .content-text .phone-right .right-bottom {
        font-size: 14px;
        color: #bcc6d2;
        text-align: center; }
      .footer-content .content-text .phone-left-shake {
        background: url(/static/img/phone.png) center top no-repeat;
        animation: shake 2s linear 0s infinite both; }
    .footer-content .content-text .support {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .footer-content .content-text .support-item {
        width: 100%;
        padding: 10px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .footer-content .content-text .support-item .item {
          margin-right: 30px;
          display: -ms-flexbox;
          display: flex; }
      .footer-content .content-text .support a,
      .footer-content .content-text .support p {
        width: 100%;
        margin: 0px;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        color: #1a1d3c; }
      .footer-content .content-text .support a:hover {
        color: #4679f1; }
    .footer-content .content-text .contact {
      display: -ms-flexbox;
      display: flex;
      width: 200px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 10px 0;
      margin-top: 60px; }
      .footer-content .content-text .contact .weixin {
        width: 24px;
        height: 24px;
        background: url("/static/img/weixin.png") center center no-repeat; }
        .footer-content .content-text .contact .weixin:hover {
          background: url("/static/img/weixin-light.png") center center no-repeat; }
      .footer-content .content-text .contact .weibo {
        width: 24px;
        height: 24px;
        background: url("/static/img/weibo.png") center center no-repeat; }
        .footer-content .content-text .contact .weibo:hover {
          background: url("/static/img/weibo-light.png") center center no-repeat; }
      .footer-content .content-text .contact .facebook {
        width: 24px;
        height: 24px;
        background: url("/static/img/facebook.png") center center no-repeat; }
        .footer-content .content-text .contact .facebook:hover {
          background: url("/static/img/facebook-light.png") center center no-repeat; }
      .footer-content .content-text .contact .twitte {
        width: 24px;
        height: 24px;
        background: url("/static/img/twite.png") center center no-repeat; }
        .footer-content .content-text .contact .twitte:hover {
          background: url("/static/img/twite-light.png") center center no-repeat; }
      .footer-content .content-text .contact .google {
        width: 24px;
        height: 24px;
        background: url("/static/img/google.png") center center no-repeat; }
        .footer-content .content-text .contact .google:hover {
          background: url("/static/img/google-light.png") center center no-repeat; }
  .footer-content .content-image {
    margin-top: 180px;
    width: 27px;
    background: url(/static/img/content-divide.png) center center no-repeat;
    background-size: contain;
    margin-right: 26px; }

.footer-bottom {
  width: 1200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .footer-bottom .icons {
    height: 100px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 16px 0 8px; }
    .footer-bottom .icons .icons-item img {
      width: 40px;
      height: 40px; }
    .footer-bottom .icons .logo {
      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; }
      .footer-bottom .icons .logo img {
        max-width: 66px;
        max-height: 67px; }
      .footer-bottom .icons .logo p {
        font-size: 12px;
        color: #40425c;
        margin: 5px 0; }
      .footer-bottom .icons .logo p {
        letter-spacing: 2px; }
      .footer-bottom .icons .logo div {
        height: 67px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      .footer-bottom .icons .logo img {
        max-width: 250px;
        height: 35px; }
    .footer-bottom .icons .divide {
      border-left: 1px solid #f1f1f4; }
    .footer-bottom .icons-item {
      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; }
      .footer-bottom .icons-item img {
        max-width: 66px;
        max-height: 67px; }
      .footer-bottom .icons-item p {
        font-size: 12px;
        color: #40425c;
        margin: 5px 0; }
  .footer-bottom .texts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    font-size: 14px;
    padding: 8px 10px 20px; }
    .footer-bottom .texts p,
    .footer-bottom .texts a {
      padding: 5px 2px;
      color: #acadb8;
      font-size: 12px;
      margin: 0px;
      text-decoration: none; }
    .footer-bottom .texts a:hover {
      color: #4679f1; }
    .footer-bottom .texts-left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      .footer-bottom .texts-left-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .footer-bottom .texts-left-top p {
          margin-right: 30px; }
        .footer-bottom .texts-left-top a:not(:last-child)::after {
          content: '\B7';
          margin-left: 5px; }
    .footer-bottom .texts-right {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .footer-bottom .texts-right a {
        margin-top: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .footer-bottom .texts-right a:not(:last-child)::after {
          content: '|';
          margin: 0 5px 0 8px; }
        .footer-bottom .texts-right a img {
          max-width: 100px;
          max-height: 37px; }
    .footer-bottom .texts .texts-left-bottom {
      margin-top: 0px; }

.footer-small {
  width: 100%;
  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; }
  .footer-small-top {
    width: 100%;
    height: 470px;
    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: #fff;
    background: url(/static/img/footer-phone.png) top center no-repeat;
    background-size: 100% 100%;
    height: 275px; }
    .footer-small-top .top-text {
      -ms-transform: scale(0.7);
          transform: scale(0.7);
      text-align: center; }
      .footer-small-top .top-text p {
        margin: 0; }
  .footer-small-content {
    width: 100%;
    height: 470px;
    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: #fff;
    background: url(/static/img/footer-phone-animate.png) top center no-repeat;
    background-size: 100% 100%;
    height: 290px;
    margin-top: -108px;
    margin-bottom: 10px; }
  .footer-small-bottom {
    width: 100%;
    font-size: 14px; }
    .footer-small-bottom .items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 10px;
      border-top: 1px solid #f4f4f4;
      border-bottom: 1px solid #f4f4f4; }
      .footer-small-bottom .items-icon {
        width: 32%;
        height: 125px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        color: #40425c; }
        .footer-small-bottom .items-icon img {
          width: 50px;
          height: 50px; }
        .footer-small-bottom .items-icon p {
          text-align: center;
          font-size: 12px; }
    .footer-small-bottom .content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column;
      color: #30334e;
      padding-bottom: 20px; }
      .footer-small-bottom .content .logo {
        min-height: 30px;
        margin-top: 30px;
        margin-bottom: 10px; }
      .footer-small-bottom .content .wechat {
        margin: 16px 0 10px;
        max-width: 130px; }
      .footer-small-bottom .content .phone {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        padding: 10px 0;
        margin-bottom: 20px;
        margin-top: -10px; }
        .footer-small-bottom .content .phone-left {
          width: 43px;
          height: 43px;
          background: url(/static/img/phone-light.png) center top no-repeat;
          margin-right: 10px; }
        .footer-small-bottom .content .phone-right .right-top {
          font-weight: 500;
          font-size: 20px;
          text-align: center;
          color: #4a81ff; }
        .footer-small-bottom .content .phone-right .right-bottom {
          font-size: 14px;
          color: #bcc6d2;
          text-align: center; }
        .footer-small-bottom .content .phone-left {
          background: url(/static/img/phone.png) center top no-repeat; }
      .footer-small-bottom .content .im {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        justify-items: center;
        padding: 10px 0;
        margin-bottom: 20px; }
        .footer-small-bottom .content .im .im-logo {
          width: 43px;
          height: 43px;
          margin-right: 10px;
          background: url(/static/img/im.png) center top no-repeat; }
        .footer-small-bottom .content .im a {
          font-weight: 500;
          font-size: 20px;
          text-align: center;
          text-decoration: none;
          color: #4a81ff;
          cursor: pointer; }
      .footer-small-bottom .content .text {
        display: -ms-flexbox;
        display: flex;
        font-size: 12px; }
        .footer-small-bottom .content .text a,
        .footer-small-bottom .content .text p {
          text-decoration: none;
          color: #1a1d3c;
          margin: 0;
          color: #acadb8; }
      .footer-small-bottom .content .bold {
        font-weight: 500;
        margin-bottom: 10px; }
        .footer-small-bottom .content .bold a {
          color: #1a1d3c; }
          .footer-small-bottom .content .bold a:not(:last-child)::after {
            content: '|';
            margin: 0 8px 0 10px;
            color: #d9d9d9; }

.footer {
  width: 1400px;
  margin: 0 auto;
  margin-top: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .footer .footer-title span {
    font-family: DouyinSans;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    background: linear-gradient(180deg, #112C5B 25%, #3D56F3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
    .footer .footer-title span:nth-child(1) {
      margin-right: 28px; }
  .footer .footer-desc {
    margin: 20px 0 60px;
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D3D3D; }
  .footer .footer-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 120px; }
    .footer .footer-list .footer-list-single {
      width: 381px;
      min-width: 381px;
      height: 60px;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .footer .footer-list .footer-list-single .single-img {
        width: 60px;
        height: 60px;
        margin-right: 16px; }
      .footer .footer-list .footer-list-single .single-content {
        height: 100%; }
        .footer .footer-list .footer-list-single .single-content .single-content-title {
          font-family: PingFang SC;
          font-size: 24px;
          color: #252525;
          margin-bottom: 6px; }
        .footer .footer-list .footer-list-single .single-content .single-content-desc {
          font-family: PingFang SC;
          font-size: 14px;
          color: #3D3D3D; }
  .footer .footer-bottom {
    width: 100%;
    border-top: 1px solid rgba(37, 37, 37, 0.2); }
    .footer .footer-bottom .footer-bottom-line {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .footer .footer-bottom .footer-bottom-line:nth-child(1) {
        margin-top: 24px;
        margin-bottom: 12px; }
      .footer .footer-bottom .footer-bottom-line:nth-child(2) {
        margin-bottom: 24px; }
      .footer .footer-bottom .footer-bottom-line .line-word {
        font-size: 14px;
        color: rgba(37, 37, 37, 0.6);
        cursor: pointer; }
        .footer .footer-bottom .footer-bottom-line .line-word:hover {
          color: #1763FF; }
        .footer .footer-bottom .footer-bottom-line .line-word:nth-child(1) {
          margin-left: 10px; }
      .footer .footer-bottom .footer-bottom-line .line-border {
        width: 1px;
        height: 10px;
        margin: 0 5px;
        background: rgba(37, 37, 37, 0.2); }

@media screen and (max-width: 1500px) {
  .footer {
    width: 1200px;
    min-width: 1200px; }
    .footer .footer-list .footer-list-single {
      width: 290px;
      min-width: 290px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  min-width: 1200px; }

#__next {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column; }

.headerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.mainWrap {
  /* main的padding-bottom值要等于或大于footer的height值 */
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  .mainWrap.noIndex {
    background-color: #f9faff; }

.footerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background: url(/static/img/newPage/footer_page_bg.png) no-repeat;
  background-size: cover; }

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.application-page {
  background: #F9FAFD;
  min-width: 1200px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"; }

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

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

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

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

.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) {
  .application-col-1 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .application-col-2 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .application-col-3 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .application-col-4 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .application-col-5 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .application-col-6 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

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

/*iPhoneX的适配*/

@charset "UTF-8";
.asr-main-body {
  width: 1400px;
  height: 692px;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(152, 163, 197, 0.2);
  padding: 24px 40px 32px 40px;
  margin: 0 auto; }
  .asr-main-body .body-header {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: normal;
    color: #252525;
    margin-bottom: 23px; }
  .asr-main-body .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .asr-main-body .content .content-upload {
      width: 652px;
      height: 505px;
      border-radius: 10px;
      box-sizing: border-box;
      border: 1px solid #E5E8EB;
      position: relative;
      overflow: hidden;
      background: #FFFFFF; }
      .asr-main-body .content .content-upload .asr-drop-mask {
        position: absolute;
        inset: 0;
        background: rgba(63, 126, 248, 0.12);
        border: 1px dashed #3F7EF8;
        color: #3F7EF8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 16px;
        font-weight: 500;
        z-index: 20;
        pointer-events: none; }
      .asr-main-body .content .content-upload .asr-loading-mask {
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.6);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        z-index: 30; }
      .asr-main-body .content .content-upload .asr-loading-gif {
        width: 42px;
        height: 42px; }
      .asr-main-body .content .content-upload .asr-empty-upload {
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        .asr-main-body .content .content-upload .asr-empty-upload .ant-upload.ant-upload-drag {
          height: 100%;
          border-radius: 10px;
          border: 1px dashed #3F7EF8;
          background: #F3F8FF; }
        .asr-main-body .content .content-upload .asr-empty-upload .ant-upload.ant-upload-drag .ant-upload {
          padding: 0; }
        .asr-main-body .content .content-upload .asr-empty-upload .ant-upload-drag-container:hover {
          background: #E3ECFF; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-inner {
          height: 100%;
          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;
          position: relative;
          margin-top: -20px; }
        .asr-main-body .content .content-upload .asr-empty-upload .has-file {
          -ms-flex-pack: start;
              justify-content: flex-start;
          padding: 24px;
          gap: 16px;
          padding: 0px;
          margin-top: 0; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file > span {
            width: 100%; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .ant-upload-wrapper {
            width: 100%; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .ant-upload {
            width: 100%; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .ant-upload.ant-upload-drag {
            width: 100%; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .ant-upload-drag-container {
            width: 100%; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .has-file-upload {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            width: 100%;
            height: 64px;
            border-radius: 8px;
            border: 1px dashed #7aa7ff;
            background: #eef4ff;
            gap: 12px;
            box-sizing: border-box; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .asr-empty-upload-icon {
            width: 32px;
            height: 37px;
            border-radius: 6px;
            background: url(/static/img/newPage/ocr_upload.png) no-repeat;
            background-size: contain;
            margin-bottom: 0; }
          .asr-main-body .content .content-upload .asr-empty-upload .has-file .asr-empty-upload-title {
            margin: 0;
            font-size: 18px;
            font-weight: 500;
            color: #3d6fe6;
            line-height: 26px; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-list {
          -ms-flex: 1;
              flex: 1;
          width: 100%;
          border-radius: 8px;
          background: #f5f8ff;
          padding: 16px;
          box-sizing: border-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 12px; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-icon {
          width: 60px;
          height: 70px;
          border-radius: 10px;
          background: url(/static/img/newPage/ocr_upload.png) no-repeat;
          margin-bottom: 16px; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-title {
          margin-top: 14px;
          margin-bottom: 14px;
          font-size: 22px;
          font-weight: 500;
          color: #3D3D3D;
          line-height: 22px; }
          .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-title span {
            color: #1B6AEC; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already {
          width: 100%;
          height: 80px;
          margin-top: 0;
          margin-bottom: 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding: 17px 24px;
          box-sizing: border-box;
          background: #fff;
          border-radius: 8px;
          border: 1px solid #e5e8eb;
          position: relative; }
          .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-icon {
            width: 32px;
            height: 32px;
            background: url(/static/img/newPage/audio_img.svg) no-repeat;
            margin-right: 16px;
            border-radius: 4px; }
          .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-content {
            -ms-flex: 1;
                flex: 1;
            min-width: 0; }
            .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-content-title {
              font-family: 苹方-简;
              font-size: 16px;
              font-weight: 500;
              line-height: 22px;
              letter-spacing: normal;
              color: #252525;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-content-size {
              font-family: PingFang SC;
              font-size: 12px;
              font-weight: normal;
              line-height: 18px;
              text-align: left;
              letter-spacing: normal;
              color: rgba(37, 37, 37, 0.6); }
            .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-content-close {
              position: absolute;
              top: 34px;
              right: 30px;
              width: 13px;
              height: 13px;
              cursor: pointer; }
              .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-already-content-close:hover {
                opacity: 0.8; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-desc {
          font-size: 18px;
          color: rgba(37, 37, 37, 0.6);
          line-height: 18px;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-align: center;
              align-items: center;
          gap: 12px; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-preview {
          font-size: 14px;
          color: #3370F6;
          cursor: pointer; }
        .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-save {
          position: absolute;
          bottom: 74px;
          left: 264px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          margin-top: 94px; }
          .asr-main-body .content .content-upload .asr-empty-upload .asr-empty-upload-save-icon {
            width: 24px;
            height: 24px;
            background: url(/static/img/newPage/save_icon.svg) no-repeat;
            margin-right: 4px; }
    .asr-main-body .content .content-right {
      -ms-flex: 1;
          flex: 1;
      height: 505px;
      border-radius: 10px;
      box-sizing: border-box;
      background: #FFFFFF;
      font-family: PingFang SC;
      padding-left: 40px; }
      .asr-main-body .content .content-right .content-right-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: normal;
        color: #252525;
        margin-bottom: 14px;
        margin-top: 28px; }
        .asr-main-body .content .content-right .content-right-title:nth-child(1) {
          margin-top: 0; }
      .asr-main-body .content .content-right .content-right-title-with-help {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 8px; }
      .asr-main-body .content .content-right .content-right-title-help {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid #D8D8D8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: rgba(37, 37, 37, 0.45);
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .asr-main-body .content .content-right .content-right-language {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .asr-main-body .content .content-right .content-right-language-single {
        width: 198px;
        height: 48px;
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        text-align: center;
        letter-spacing: normal;
        color: rgba(37, 37, 37, 0.6);
        margin-bottom: 14px;
        line-height: 48px;
        text-align: center;
        border: 1px solid #E5E8EB;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        border-radius: 4px;
        margin-right: 16px; }
        .asr-main-body .content .content-right .content-right-language-single:nth-child(3n) {
          margin-right: 0; }
        .asr-main-body .content .content-right .content-right-language-single:hover {
          cursor: pointer;
          background: linear-gradient(270deg, rgba(51, 112, 246, 0.1) 0%, rgba(86, 145, 251, 0.1) 99%); }
        .asr-main-body .content .content-right .content-right-language-single-icon {
          width: 15px;
          height: 10px;
          margin-left: 8px;
          background: url(/static/img/newPage/language_icon.svg) no-repeat;
          background-size: contain; }
        .asr-main-body .content .content-right .content-right-language-single.active {
          background: linear-gradient(270deg, rgba(51, 112, 246, 0.1) 0%, rgba(86, 145, 251, 0.1) 99%);
          border: 1px solid #467AF7;
          color: #467AF7; }
      .asr-main-body .content .content-right .content-right-item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 12px 0; }
      .asr-main-body .content .content-right .content-right-item-label {
        font-size: 16px;
        font-weight: normal;
        line-height: 22px;
        color: rgba(37, 37, 37, 0.6); }
      .asr-main-body .content .content-right .content-right-item-control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 4px; }
      .asr-main-body .content .content-right .content-right-item-text {
        font-size: 16px;
        line-height: 22px;
        color: rgba(37, 37, 37, 0.85); }
      .asr-main-body .content .content-right .content-right-item-arrow {
        width: 7px;
        height: 7px;
        border-right: 2px solid rgba(37, 37, 37, 0.45);
        border-bottom: 2px solid rgba(37, 37, 37, 0.45);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        margin-left: 2px; }
      .asr-main-body .content .content-right .content-right-item-clickable {
        cursor: pointer; }
  .asr-main-body .asr-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 34px; }
    .asr-main-body .asr-footer .footer-tip {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .asr-main-body .asr-footer .footer-tip-icon {
      width: 20px;
      height: 20px;
      margin-right: 4px;
      background: url(/static/img/newPage/asr_notice_word.svg) no-repeat;
      background-size: contain; }
    .asr-main-body .asr-footer .footer-left {
      font-size: 16px;
      font-weight: normal;
      line-height: 26px;
      text-align: center;
      letter-spacing: normal;
      color: rgba(37, 37, 37, 0.6); }
    .asr-main-body .asr-footer .footer-right-all {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 16px; }
    .asr-main-body .asr-footer .footer-estimate {
      color: rgba(37, 37, 37, 0.6);
      font-weight: 500; }
    .asr-main-body .asr-footer .footer-right {
      width: 200px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      border-radius: 4px;
      background: linear-gradient(270deg, #3370F6 0%, #5691FB 100%);
      color: #FFFFFF;
      cursor: pointer;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .asr-main-body .asr-footer .footer-right.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none; }

.content-right-popover {
  padding: 4px 0;
  min-width: 88px; }

.content-right-popover-item {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(37, 37, 37, 0.85);
  cursor: pointer; }
  .content-right-popover-item:hover {
    background: rgba(51, 112, 246, 0.08); }
  .content-right-popover-item.active {
    color: #3370F6;
    background: rgba(51, 112, 246, 0.08);
    font-weight: 500; }

.pd-popover .ant-popover-inner {
  width: 350px; }
  .pd-popover .ant-popover-inner .content-right-popover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

@media screen and (max-width: 1500px) {
  .asr-body {
    width: 1200px; } }

.asr {
  background-color: #FBFCFE;
  position: relative; }
  .asr .body-bg {
    width: 100%;
    height: 441px;
    position: absolute;
    background: url(/static/img/newPage/asr_page_bg.png) center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none; }
  .asr .asr-body {
    position: relative;
    z-index: 1; }
  .asr .asr-main,
  .asr .asr-body {
    max-width: 1400px;
    margin: 0 auto; }
  .asr .asr-tasks {
    overflow: hidden; }

@media screen and (max-width: 1500px) {
  .asr .asr-main-body {
    width: 1200px;
    min-width: 1200px; } }

.ocr {
  background-color: #FBFCFE;
  position: relative; }
  .ocr .body-bg {
    width: 100%;
    height: 441px;
    position: absolute;
    background: url(/static/img/newPage/ocr_page_bg.png) center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none; }
  .ocr .ocr-body {
    position: relative;
    z-index: 1; }
  .ocr .ocr-main,
  .ocr .ocr-body {
    max-width: 1400px;
    margin: 0 auto; }
  .ocr .ocr-tasks {
    overflow: hidden; }

@media screen and (max-width: 1500px) {
  .ocr .ocr-main {
    width: 1200px;
    min-width: 1200px; } }

@charset "UTF-8";
.ocr-list {
  width: 240px;
  min-width: 240px;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 14px;
  font-family: 苹方-简;
  border-right: 1px solid #D8D8D8;
  position: relative; }
  .ocr-list .ocr-list-header {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: normal;
    color: #252525;
    padding: 0 6px; }
  .ocr-list .ocr-list-content {
    margin-top: 16px;
    height: calc(100% - 90px);
    overflow-x: hidden;
    overflow-y: auto; }
  .ocr-list .ocr-list-single {
    width: 212px;
    height: 40px;
    padding: 10px 6px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    .ocr-list .ocr-list-single:hover {
      border-radius: 10px;
      background: rgba(51, 112, 246, 0.1); }
    .ocr-list .ocr-list-single-active {
      border-radius: 10px;
      background: rgba(51, 112, 246, 0.1); }
    .ocr-list .ocr-list-single-icon {
      width: 20px;
      height: 20px;
      min-width: 20px;
      margin-right: 6px;
      background: url(/static/img/newPage/png_img.svg) no-repeat;
      background-size: contain; }
    .ocr-list .ocr-list-single-icon-pdf {
      background: url(/static/img/newPage/pdf_icon.svg) no-repeat;
      background-size: contain; }
    .ocr-list .ocr-list-single-name {
      font-weight: normal;
      line-height: 20px;
      letter-spacing: normal;
      color: #000000;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .ocr-list .ocr-list-footer {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    font-family: PingFang SC; }
    .ocr-list .ocr-list-footer-single {
      width: 190px;
      height: 32px;
      color: #fff;
      border-radius: 4px;
      background: linear-gradient(270deg, #3370F6 0%, #5691FB 99%);
      cursor: pointer;
      line-height: 32px;
      text-align: center; }
      .ocr-list .ocr-list-footer-single:hover {
        opacity: 0.8; }
    .ocr-list .ocr-list-footer .clear {
      margin-left: 10px;
      border: 1px solid #E5E8EB;
      background: #fff;
      color: #000; }

@charset "UTF-8";
.ocr-content {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px 40px 40px 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(152, 163, 197, 0.2);
  font-family: 苹方-简; }
  .ocr-content .left {
    width: 530px; }
    .ocr-content .left .left-header {
      height: 32px;
      line-height: 32px;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      color: #252525;
      margin-bottom: 14px; }
    .ocr-content .left .left-content {
      width: 100%;
      height: 590px;
      border-radius: 10px;
      box-sizing: border-box;
      border: 1px solid #E5E8EB;
      position: relative;
      overflow: hidden; }
      .ocr-content .left .left-content .ocr-drop-mask {
        position: absolute;
        inset: 0;
        background: rgba(63, 126, 248, 0.12);
        border: 1px dashed #3F7EF8;
        color: #3F7EF8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 16px;
        font-weight: 500;
        z-index: 20;
        pointer-events: none; }
      .ocr-content .left .left-content .image-container {
        width: 100%;
        height: 100%; }
      .ocr-content .left .left-content .ocr-empty-upload {
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        .ocr-content .left .left-content .ocr-empty-upload .ant-upload.ant-upload-drag {
          height: 100%;
          border-radius: 10px;
          border: 1px dashed #3F7EF8;
          background: #F3F8FF; }
        .ocr-content .left .left-content .ocr-empty-upload .ant-upload.ant-upload-drag .ant-upload {
          padding: 0; }
        .ocr-content .left .left-content .ocr-empty-upload .ocr-empty-upload-inner {
          height: 100%;
          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; }
        .ocr-content .left .left-content .ocr-empty-upload .ocr-empty-upload-icon {
          width: 60px;
          height: 70px;
          border-radius: 10px;
          background: url(/static/img/newPage/ocr_upload.png) no-repeat;
          margin-top: 188px;
          margin-bottom: 30px; }
        .ocr-content .left .left-content .ocr-empty-upload .ocr-empty-upload-title {
          font-size: 22px;
          font-weight: 500;
          color: #3F7EF8;
          line-height: 22px; }
        .ocr-content .left .left-content .ocr-empty-upload .ocr-empty-upload-desc {
          margin-top: 14px;
          font-size: 14px;
          color: #8C8C8C;
          line-height: 18px; }
  .ocr-content .right {
    width: 530px; }
    .ocr-content .right .right-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 32px;
      line-height: 32px;
      margin-bottom: 14px; }
      .ocr-content .right .right-header-single {
        width: 120px;
        font-size: 16px;
        height: 32px;
        color: #000;
        text-align: center;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #E5E8EB;
        cursor: pointer;
        margin: 0 5px; }
        .ocr-content .right .right-header-single:hover {
          font-family: PingFang SC;
          background: #EDF3FE;
          color: #3F7EF8;
          border: 1px solid #3F7EF8; }
        .ocr-content .right .right-header-single.active {
          font-family: PingFang SC;
          background: #EDF3FE;
          color: #3F7EF8;
          border: 1px solid #3F7EF8; }
      .ocr-content .right .right-header-sp-width {
        width: 140px; }
    .ocr-content .right .right-content {
      width: 100%;
      height: 590px;
      border-radius: 10px;
      box-sizing: border-box;
      border: 1px solid #E5E8EB;
      position: relative;
      overflow: hidden;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
      .ocr-content .right .right-content .identify-button-wrap {
        width: 100%;
        height: 100%;
        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;
        gap: 10px;
        background: rgba(255, 255, 255, 0.7);
        z-index: 10; }
      .ocr-content .right .right-content .identify-estimate {
        font-size: 14px;
        color: #8C8C8C; }
      .ocr-content .right .right-content .ocr-empty-right {
        width: 100%;
        height: 100%;
        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;
        color: #8C8C8C;
        font-size: 14px;
        background: #fff; }
        .ocr-content .right .right-content .ocr-empty-right-icon {
          width: 110px;
          height: 137px;
          background: url(/static/img/newPage/ocr_nodata.svg) no-repeat center center;
          background-size: cover; }

.identify-content {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.identify-content-box {
  width: 100%;
  height: 100%;
  overflow: auto; }

.identify-content-box.pdf-no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none; }

.identify-content-box.pdf-no-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0; }

.identify-content-box.img-no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: hidden; }

.identify-content-box.img-no-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0; }

.ocr-loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10; }

.ocr-loading-mask-right {
  background: rgba(255, 255, 255, 0.9); }

.ocr-loading-gif {
  width: 48px;
  height: 48px;
  object-fit: contain; }

.ocr-loading-text {
  margin-left: 12px;
  font-size: 22px;
  font-weight: 500;
  color: #252525; }

.ocr-ball-loader {
  position: relative;
  width: 48px;
  height: 48px;
  animation: ocr-ball-rotate 1s linear infinite; }

.ocr-ball {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  background: #3F7EF8;
  box-shadow: 0 0 8px rgba(63, 126, 248, 0.6); }

.ocr-ball-left {
  animation: ocr-ball-radius-left 1s ease-in-out infinite; }

.ocr-ball-right {
  background: #40A9FF;
  animation: ocr-ball-radius-right 1s ease-in-out infinite; }

@keyframes ocr-ball-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes ocr-ball-radius-left {
  0% {
    transform: translateX(-10px) scale(0.7); }
  50% {
    transform: translateX(-18px) scale(1.1); }
  100% {
    transform: translateX(-10px) scale(0.7); } }

@keyframes ocr-ball-radius-right {
  0% {
    transform: translateX(10px) scale(0.7); }
  50% {
    transform: translateX(18px) scale(1.1); }
  100% {
    transform: translateX(10px) scale(0.7); } }

.json-result {
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  overflow: auto;
  background: #f8f9fb; }
  .json-result pre {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.5; }

@media screen and (max-width: 1500px) {
  .ocr-content .left, .ocr-content .right {
    width: 430px; } }

 
.ocr-draw-highlight {
  stroke-dasharray: 16;
  stroke-dashoffset: 500;
  animation: animation-dash 5s linear alternate infinite;
}

.ocr-draw-text {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ocr-draw-text span {
  position: absolute;
  bottom: 0;
  color: #fff;
  background: #ff7750;
  border: 1px solid #fffcfc;
  border-radius: 8px 8px 8px 0px;
  box-shadow: 0px 2px 4px 0px rgba(255, 138, 83, 0.31);
  pointer-events: none;
  z-index: 9999;
}

.ocr-draw-adjust-circle:hover {
  stroke: white;
  stroke-width: 2apx;
}

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

.ocr-draw-operation {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  text-align: center;
}

.ocr-draw-operation-del {
  position: relative;
  font-size: 14px;
  top: -2px;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ocr-draw-operation-del::after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.8);
  padding: 0;
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.ocr-draw-rotate-circle {
  cursor: alias !important;
}

.hover-item polygon,
.hover-item rect,
.hover-item polyline,
.hover-item path,
.hover-item circle {
  fill: rgba(0, 98, 255, 0.12);
  fill-opacity: 1;
}
.active-item polygon,
.active-item rect,
.active-item polyline,
.active-item path,
.active-item circle {
  fill-opacity: 0.28;
}

/* 提示框样式 */
.ocr-tooltip {
  position: fixed;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  pointer-events: none;
  z-index: 10000;
  max-width: 200px;
  word-wrap: break-word;
  opacity: 0;
  background: var(--pseudo-color);
  transition: opacity 0.2s ease-in-out;
  color: var(--font-color);
}

.ocr-tooltip.show {
  opacity: 1;
}

.ocr-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--pseudo-color);
}

.identify-content-img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  position: relative; }

.identify-content-img .identify-content-item {
  position: absolute; }

.identify-content-img * {
  line-height: 1.5 !important;
  font-style: normal !important; }

body .base {
  word-break: break-all !important;
  white-space: pre-wrap !important;
  width: auto !important;
  display: inline !important;
  font-style: normal !important; }

body .katex * {
  font-style: normal !important; }

body .katex {
  line-height: 1.5 !important; }

.identify-icon {
  display: inline-block;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  width: max-content;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  font-size: 50%;
  padding: 0 10px;
  letter-spacing: 0; }

.pdf-identify-content-img {
  position: relative;
  background: #fff; }

.pdf-identify-content-img .pdf-identify-content-item {
  position: absolute; }

.pdf-identify-content-img * {
  line-height: 1.5 !important;
  font-style: normal !important; }

.pdf-identify-page-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 22px;
  font-weight: 500;
  color: #999; }

.markdown-body {
  --base-size-4: 0.25rem;
  --base-size-8: 0.5rem;
  --base-size-16: 1rem;
  --base-size-24: 1.5rem;
  --base-size-40: 2.5rem;
  --base-text-weight-normal: 400;
  --base-text-weight-medium: 500;
  --base-text-weight-semibold: 600;
  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --fgColor-accent: Highlight;
}
@media (prefers-color-scheme: dark) {
  .markdown-body, [data-theme="dark"] {
    /* dark */
    color-scheme: dark;
    --focus-outlineColor: #1f6feb;
    --fgColor-default: #f0f6fc;
    --fgColor-muted: #9198a1;
    --fgColor-accent: #4493f8;
    --fgColor-success: #3fb950;
    --fgColor-attention: #d29922;
    --fgColor-danger: #f85149;
    --fgColor-done: #ab7df8;
    --bgColor-default: #0d1117;
    --bgColor-muted: #151b23;
    --bgColor-neutral-muted: #656c7633;
    --bgColor-attention-muted: #bb800926;
    --borderColor-default: #3d444d;
    --borderColor-muted: #3d444db3;
    --borderColor-neutral-muted: #3d444db3;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-success-emphasis: #238636;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-done-emphasis: #8957e5;
    --color-prettylights-syntax-comment: #9198a1;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #f0f6fc;
    --color-prettylights-syntax-markup-bold: #f0f6fc;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
  }
}
@media (prefers-color-scheme: light) {
  .markdown-body, [data-theme="light"] {
    /* light */
    color-scheme: light;
    --focus-outlineColor: #0969da;
    --fgColor-default: #1f2328;
    --fgColor-muted: #59636e;
    --fgColor-accent: #0969da;
    --fgColor-success: #1a7f37;
    --fgColor-attention: #9a6700;
    --fgColor-danger: #d1242f;
    --fgColor-done: #8250df;
    --bgColor-default: #ffffff;
    --bgColor-muted: #f6f8fa;
    --bgColor-neutral-muted: #818b981f;
    --bgColor-attention-muted: #fff8c5;
    --borderColor-default: #d1d9e0;
    --borderColor-muted: #d1d9e0b3;
    --borderColor-neutral-muted: #d1d9e0b3;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-success-emphasis: #1a7f37;
    --borderColor-attention-emphasis: #9a6700;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-done-emphasis: #8250df;
    --color-prettylights-syntax-comment: #59636e;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-storage-modifier-import: #1f2328;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #1f2328;
    --color-prettylights-syntax-markup-bold: #1f2328;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
  }
}

.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--fgColor-default);
  background-color: var(--bgColor-default);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}

.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body [hidden] {
  display: none !important;
}

.markdown-body a {
  background-color: transparent;
  color: var(--fgColor-accent);
  text-decoration: none;
}

.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.markdown-body b,
.markdown-body strong {
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body dfn {
  font-style: italic;
}

.markdown-body h1 {
  margin: .67em 0;
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: .3em;
  font-size: 2em;
  border-bottom: 1px solid var(--borderColor-muted);
}

.markdown-body mark {
  background-color: var(--bgColor-attention-muted);
  color: var(--fgColor-default);
}

.markdown-body small {
  font-size: 90%;
}

.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.markdown-body sub {
  bottom: -0.25em;
}

.markdown-body sup {
  top: -0.5em;
}

.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
}

.markdown-body kbd,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}

.markdown-body figure {
  margin: 1em var(--base-size-40);
}

.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--borderColor-muted);
  height: .25em;
  padding: 0;
  margin: var(--base-size-24) 0;
  background-color: var(--borderColor-default);
  border: 0;
}

.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  appearance: button;
}

.markdown-body [type=checkbox],
.markdown-body [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
  appearance: none;
}

.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

.markdown-body ::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body :-ms-input-placeholder {
  color: var(--fgColor-muted);
  opacity: 1;
}

.markdown-body ::placeholder {
  color: var(--fgColor-muted);
  opacity: 1;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  font-variant: tabular-nums;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}

.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.markdown-body kbd {
  display: inline-block;
  padding: var(--base-size-4);
  font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  line-height: 10px;
  color: var(--fgColor-default);
  vertical-align: middle;
  background-color: var(--bgColor-muted);
  border: solid 1px var(--borderColor-neutral-muted);
  border-bottom-color: var(--borderColor-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: var(--base-size-24);
  margin-bottom: var(--base-size-16);
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.25;
}

.markdown-body h2 {
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: .3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--borderColor-muted);
}

.markdown-body h3 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1.25em;
}

.markdown-body h4 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1em;
}

.markdown-body h5 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: .875em;
}

.markdown-body h6 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: .85em;
  color: var(--fgColor-muted);
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--fgColor-muted);
  border-left: .25em solid var(--borderColor-default);
}

.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body tt,
/* .markdown-body code, */
.markdown-body samp {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 12px;
}


.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.markdown-body .mr-2 {
  margin-right: var(--base-size-8, 8px) !important;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body>*:first-child {
  margin-top: 0 !important;
}

.markdown-body>*:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: var(--fgColor-danger);
}

.markdown-body .anchor {
  float: left;
  padding-right: var(--base-size-4);
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body details {
  margin-top: 0;
  margin-bottom: var(--base-size-16);
}

.markdown-body blockquote>:first-child {
  margin-top: 0;
}

.markdown-body blockquote>:last-child {
  margin-bottom: 0;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--fgColor-default);
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h2 tt,
.markdown-body h3 tt,
.markdown-body h4 tt,
.markdown-body h5 tt,
.markdown-body h6 tt {
  padding: 0 .2em;
  font-size: inherit;
}

.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}

.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}

.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="a s"] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type="A s"] {
  list-style-type: upper-alpha;
}

.markdown-body ol[type="i s"] {
  list-style-type: lower-roman;
}

.markdown-body ol[type="I s"] {
  list-style-type: upper-roman;
}

.markdown-body ol[type="1"] {
  list-style-type: decimal;
}

.markdown-body div>ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li>p {
  margin-top: var(--base-size-16);
}

.markdown-body li+li {
  margin-top: .25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: var(--base-size-16);
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body dl dd {
  padding: 0 var(--base-size-16);
  margin-bottom: var(--base-size-16);
}

.markdown-body table th {
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--borderColor-default);
}

.markdown-body table td>:last-child {
  margin-bottom: 0;
}

.markdown-body table tr {
  background-color: var(--bgColor-default);
  border-top: 1px solid var(--borderColor-muted);
}

.markdown-body table tr:nth-child(2n) {
  background-color: var(--bgColor-muted);
}

.markdown-body table img {
  background-color: transparent;
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame>span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--borderColor-default);
}

.markdown-body span.frame span img {
  display: block;
  float: left;
}

.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--fgColor-default);
}

.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-center>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}

.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-right>span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}

.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}

.markdown-body span.float-right>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body tt {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--bgColor-neutral-muted);
  border-radius: 6px;
}

.markdown-body code br,
.markdown-body tt br {
  display: none;
}

.markdown-body del code {
  text-decoration: inherit;
}

.markdown-body samp {
  font-size: 85%;
}



.markdown-body .highlight {
  margin-bottom: var(--base-size-16);
}


.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.markdown-body .csv-data .blob-num {
  padding: 10px var(--base-size-8) 9px;
  text-align: right;
  background: var(--bgColor-default);
  border: 0;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--bgColor-muted);
  border-top: 0;
}

.markdown-body [data-footnote-ref]::before {
  content: "[";
}

.markdown-body [data-footnote-ref]::after {
  content: "]";
}

.markdown-body .footnotes {
  font-size: 12px;
  color: var(--fgColor-muted);
  border-top: 1px solid var(--borderColor-default);
}

.markdown-body .footnotes ol {
  padding-left: var(--base-size-16);
}

.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: var(--base-size-16);
  margin-top: var(--base-size-16);
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target::before {
  position: absolute;
  top: calc(var(--base-size-8)*-1);
  right: calc(var(--base-size-8)*-1);
  bottom: calc(var(--base-size-8)*-1);
  left: calc(var(--base-size-24)*-1);
  pointer-events: none;
  content: "";
  border: 2px solid var(--borderColor-accent-emphasis);
  border-radius: 6px;
}

.markdown-body .footnotes li:target {
  color: var(--fgColor-default);
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.markdown-body body:has(:modal) {
  padding-right: var(--dialog-scrollgutter) !important;
}

.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}

.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}

.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}

.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}

.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}

.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: var(--color-prettylights-syntax-string-regexp);
}

.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-heading);
}

.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-bold);
}

.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}

.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}

.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}

.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: var(--color-prettylights-syntax-meta-diff-range);
}

.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}

.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}

.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
.markdown-body button:focus:not(:focus-visible),
.markdown-body summary:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.markdown-body [tabindex="0"]:focus:not(:focus-visible),
.markdown-body details-dialog:focus:not(:focus-visible) {
  outline: none;
}

.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1;
  vertical-align: -0.075em;
}

.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item label {
  font-weight: var(--base-text-weight-normal, 400);
}

.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}

.markdown-body .task-list-item+.task-list-item {
  margin-top: var(--base-size-4);
}

.markdown-body .task-list-item .handle {
  display: none;
}

.markdown-body .task-list-item-checkbox {
  margin: 0 .2em .25em -1.4em;
  vertical-align: middle;
}

.markdown-body ul:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body ol:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}

.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.markdown-body .markdown-alert {
  padding: var(--base-size-8) var(--base-size-16);
  margin-bottom: var(--base-size-16);
  color: inherit;
  border-left: .25em solid var(--borderColor-default);
}

.markdown-body .markdown-alert>:first-child {
  margin-top: 0;
}

.markdown-body .markdown-alert>:last-child {
  margin-bottom: 0;
}

.markdown-body .markdown-alert .markdown-alert-title {
  display: -ms-flexbox;
  display: flex;
  font-weight: var(--base-text-weight-medium, 500);
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
}

.markdown-body .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent);
}

.markdown-body .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done);
}

.markdown-body .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention);
}

.markdown-body .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success);
}

.markdown-body .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger);
}

.markdown-body>*:first-child>.heading-element:first-child {
  margin-top: 0 !important;
}


.markdown-renderer {
  line-height: 1.6;
  color: #333;
  height: 100%;
  overflow: auto;
  background: #fff;
  position: relative;
  padding: 0 20px; }

.markdown-renderer h1,
.markdown-renderer h2,
.markdown-renderer h3,
.markdown-renderer h4,
.markdown-renderer h5,
.markdown-renderer h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.25; }

.markdown-renderer h1 {
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.3em; }

.markdown-renderer h2 {
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.3em; }

.markdown-renderer h3 {
  font-size: 1.25em; }

.markdown-renderer p {
  margin-bottom: 1em; }

.markdown-renderer blockquote {
  margin: 0 0 1em 0;
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5; }

.markdown-renderer ul,
.markdown-renderer ol {
  margin-bottom: 1em;
  padding-left: 2em; }

.markdown-renderer li {
  margin-bottom: 0.25em; }

.markdown-renderer table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1em; }

.markdown-renderer th,
.markdown-renderer td {
  border: 1px solid #dfe2e5;
  padding: 0.5em;
  text-align: left; }

.markdown-renderer th {
  background-color: #f6f8fa;
  font-weight: bold; }

.markdown-renderer code {
  background-color: #f6f8fa;
  border-radius: 3px;
  font-size: 85%;
  margin: 0;
  padding: 0.2em 0.4em; }

.markdown-renderer pre {
  background-color: #f6f8fa;
  border-radius: 6px;
  font-size: 85%;
  line-height: 1.45;
  overflow: auto;
  padding: 16px;
  margin-bottom: 1em; }

.markdown-renderer pre code {
  background-color: transparent;
  border-radius: 0;
  font-size: 100%;
  margin: 0;
  padding: 0; }

.markdown-renderer img {
  max-width: 100%;
  height: auto; }

.markdown-renderer a {
  color: #0366d6;
  text-decoration: none; }

.markdown-renderer a:hover {
  text-decoration: underline; }

.markdown-renderer .katex-display {
  margin: 1em 0;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden; }

.markdown-renderer .katex {
  font-size: 1.1em;
  line-height: 1.2; }

.ocr-2025-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 692px;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(152, 163, 197, 0.2); }

@charset "UTF-8";
ol, ul, dl {
  margin: 0;
  padding: 0; }

input[type="radio" i] {
  background-color: initial;
  cursor: default;
  appearance: auto;
  box-sizing: border-box;
  margin: 3px 3px 0px 5px;
  padding: initial;
  border: initial; }

.demo-online-tts {
  width: 1400px;
  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: 929px;
    box-sizing: border-box;
    height: 673px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .demo-online-tts .demo-speaker-wrap .top {
      background-color: #fff;
      padding-bottom: 0;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
      .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 #ebebeb;
        padding: 0 16px; }
        .demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li {
          height: 60px;
          line-height: 70px;
          font-size: 18px;
          color: #5C6067;
          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: 3px solid #1763FF;
            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: #1763FF;
            font-weight: 500; }
            .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 .speaker_select {
        padding: 20px 24px 0px 24px; }
      .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: 0px;
        padding: 0 0px;
        margin-bottom: 16px; }
        .demo-online-tts .demo-speaker-wrap .top .domain .title {
          display: inline-block;
          width: 56px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          text-align: left; }
        .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;
          font-size: 14px;
          border-radius: 4px; }
          .demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li {
            padding: 3px 12px;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 0px;
            cursor: pointer;
            border-top: 1px solid #E5E8EB;
            border-bottom: 1px solid #E5E8EB;
            border-right: 1px solid #E5E8EB;
            border-left: 1px solid #E5E8EB;
            margin-left: 6px;
            border-radius: 4px;
            min-width: 85px;
            box-sizing: border-box;
            text-align: center; }
            .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: #5189f9;
              background: #edf3ff;
              border: 1px solid #5189f9; }
        .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          height: 32px;
          overflow: hidden;
          width: calc(100% - 108px);
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-size: 14px; }
          .demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul > li {
            margin-bottom: 8px; }
          .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: 2px;
          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 .top .domain.scene .domain-ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          max-height: 32px;
          overflow: hidden;
          width: calc(100% - 108px);
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-size: 14px; }
          .demo-online-tts .demo-speaker-wrap .top .domain.scene .domain-ul > li {
            margin-bottom: 2px; }
          .demo-online-tts .demo-speaker-wrap .top .domain.scene .domain-ul.expand {
            max-height: none; }
            .demo-online-tts .demo-speaker-wrap .top .domain.scene .domain-ul.expand > li {
              margin-bottom: 8px; }
        .demo-online-tts .demo-speaker-wrap .top .domain.scene .operate-btn {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          color: #0F7EFE;
          margin-top: 2px;
          margin-left: 10px;
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .demo-online-tts .demo-speaker-wrap .top .domain.scene .operate-btn .icon {
            margin-left: 4px;
            transition: transform 0.2s; }
            .demo-online-tts .demo-speaker-wrap .top .domain.scene .operate-btn .icon.expand {
              -ms-transform: rotate(180deg);
                  transform: rotateZ(180deg); }
    .demo-online-tts .demo-speaker-wrap .bottom {
      height: 20px;
      width: 100%;
      background: #fff;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
    .demo-online-tts .demo-speaker-wrap .scroll-wrap {
      -ms-flex: 1;
          flex: 1;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 0px;
      font-size: 12px;
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: thin;
      scrollbar-color: #b8c6d1; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap.expand {
        height: 276px; }
      .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container {
        padding: 0 24px 12px 24px; }
        .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title {
          color: #8393AC;
          font-size: 14px; }
          .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: 280px;
            height: 126px;
            box-sizing: border-box;
            border-radius: 10px;
            cursor: pointer;
            margin: 0 17px 20px 0;
            padding: 18px 0 18px 24px;
            border: 1px solid #EAEAEA;
            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: 280px;
              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 {
              position: absolute;
              top: 0px;
              right: 0;
              width: 44px;
              height: 22px;
              background: linear-gradient(34deg, #E9AD69 1%, #F6DCAF 19%, #FEF8E2 41%, #F9DDB6 66%, #EDB475 92%);
              box-sizing: border-box;
              border-top-right-radius: 10px;
              border-bottom-left-radius: 10px;
              font-family: PingFang SC;
              font-size: 12px;
              font-weight: 600;
              line-height: 22px;
              text-align: center;
              letter-spacing: normal;
              color: #4D3030; }
            .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 {
              box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); }
            .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-active {
              border: 1px solid #5286f7; }
            .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: start;
                  align-items: flex-start;
              -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 {
                min-width: 49px;
                height: 49px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                margin-right: 20px; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap > img {
                  max-width: 100%;
                  max-height: 100%;
                  border-radius: 50%; }
              .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-family: PingFang SC;
                  font-size: 20px;
                  font-weight: 600;
                  line-height: 26px;
                  letter-spacing: normal;
                  color: #000000; }
                .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;
                  margin-top: 6px; }
                  .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul > li {
                    font-size: 12px;
                    padding: 4px 10px;
                    font-weight: 500;
                    margin-right: 6px;
                    border-radius: 4px;
                    height: 24px;
                    line-height: 16px; }
                .demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .desc {
                  padding-top: 4px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  font-size: 12px;
                  font-weight: normal;
                  line-height: 26px;
                  letter-spacing: normal;
                  color: #5C6067; }
        .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: 457px;
    height: 673px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #fff; }
    .demo-online-tts .demo-text-wrap-header {
      height: 60px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      box-sizing: border-box;
      border-bottom: 1px solid #ebebeb; }
      .demo-online-tts .demo-text-wrap-header-name {
        margin-left: 25px;
        margin-right: 10px;
        font-family: PingFang SC;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: #000000; }
      .demo-online-tts .demo-text-wrap-header .tag-ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 0px; }
        .demo-online-tts .demo-text-wrap-header .tag-ul > li {
          font-size: 12px;
          padding: 4px 10px;
          font-weight: 500;
          margin-right: 6px;
          border-radius: 4px; }
    .demo-online-tts .demo-text-wrap .demo-select-radio .code-ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: 25px;
      padding-right: 25px;
      box-sizing: border-box; }
      .demo-online-tts .demo-text-wrap .demo-select-radio .code-ul .code-li {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-top: 12px;
        margin-right: 19px; }
        .demo-online-tts .demo-text-wrap .demo-select-radio .code-ul .code-li > label {
          width: 100%;
          text-align: center;
          cursor: pointer; }
          .demo-online-tts .demo-text-wrap .demo-select-radio .code-ul .code-li > label input {
            width: 14px;
            height: 14px; }
          .demo-online-tts .demo-text-wrap .demo-select-radio .code-ul .code-li > label .code-name {
            font-size: 16px;
            vertical-align: 2px; }
    .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 .demo-textarea-show {
      margin-top: 12px;
      padding-left: 25px;
      padding-right: 25px;
      position: relative;
      /* 统计文字样式 */ }
      .demo-online-tts .demo-text-wrap .demo-textarea-show .len {
        position: absolute;
        font-size: 14px;
        bottom: 12px;
        right: 41px;
        color: #4B5C76; }
    .demo-online-tts .demo-text-wrap .text {
      padding: 15px;
      width: 100% !important;
      height: 300px !important;
      border: none;
      background-color: #F5F7FA;
      color: #24374E;
      line-height: 1.5;
      font-size: 18px;
      resize: none;
      box-sizing: border-box;
      white-space: pre-wrap;
      border-radius: 18px; }
    .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 .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 .demo-audio-btn {
      padding: 0 25px;
      box-sizing: border-box;
      margin-top: 30px; }
      .demo-online-tts .demo-text-wrap .demo-audio-btn .audio-ctrl-btn-tts {
        width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        color: #ffffff;
        border-radius: 4px;
        background: linear-gradient(270deg, #3370F6 0%, #5691FB 99%);
        cursor: pointer;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        font-size: 16px; }
        .demo-online-tts .demo-text-wrap .demo-audio-btn .audio-ctrl-btn-tts .audio-ctrl-btn-estimate {
          margin-left: 6px;
          font-size: 12px;
          font-style: normal;
          opacity: 0.9; }
        .demo-online-tts .demo-text-wrap .demo-audio-btn .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-top: 27px;
      margin-left: 10px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .slider-wrap-name {
        font-family: 苹方-简;
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        letter-spacing: normal;
        color: #3D3D3D;
        margin-right: 24px;
        width: 57px;
        white-space: nowrap; }
      .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-wrap-button {
        width: 24px;
        height: 24px;
        cursor: pointer;
        border-radius: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        text-align: center;
        line-height: 24px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .left-button {
        margin-right: 12px; }
        .demo-online-tts .demo-text-wrap .slider-wrap .left-button .button-img {
          width: 100%;
          height: 100%;
          background: url(/static/img/-default.svg) no-repeat; }
          .demo-online-tts .demo-text-wrap .slider-wrap .left-button .button-img:hover {
            background: url(/static/img/-hover.svg) no-repeat; }
      .demo-online-tts .demo-text-wrap .slider-wrap .right-button {
        margin-left: 12px; }
        .demo-online-tts .demo-text-wrap .slider-wrap .right-button .button-img {
          width: 100%;
          height: 100%;
          background: url(/static/img/+default.svg) no-repeat; }
          .demo-online-tts .demo-text-wrap .slider-wrap .right-button .button-img:hover {
            background: url(/static/img/+hover.svg) no-repeat; }
      .demo-online-tts .demo-text-wrap .slider-wrap .rc-slider .rc-slider-track {
        height: 10px;
        top: 2px;
        background: linear-gradient(to right, #5590fb, #3471f6); }
      .demo-online-tts .demo-text-wrap .slider-wrap .rc-slider .rc-slider-rail {
        height: 10px;
        margin-top: -3px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .rc-slider .rc-slider-handle {
        width: 10px;
        height: 10px;
        margin-top: -3px;
        margin-left: -5px; }
      .demo-online-tts .demo-text-wrap .slider-wrap .slider-item {
        width: calc(100% - 175px); }
        .demo-online-tts .demo-text-wrap .slider-wrap .slider-item .rc-slider-handle-dragging {
          box-shadow: 0 0 0 5px #2277E6; }

@media screen and (max-width: 1500px) {
  .demo-online-tts {
    width: 1200px; }
    .demo-online-tts .demo-speaker-wrap {
      width: 729px; }
      .demo-online-tts .demo-speaker-wrap .speaker-li {
        width: 321px !important; }
      .demo-online-tts .demo-speaker-wrap .speaker-li:nth-child(3n) {
        margin-right: 17px !important; }
      .demo-online-tts .demo-speaker-wrap .speaker-li:nth-child(2n) {
        margin-right: 0 !important; } }

.scroll-container-list::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.scroll-container-list::-webkit-scrollbar-track {
  background: transparent; }

.scroll-container-list::-webkit-scrollbar-thumb {
  background: #b8c6d1;
  border-radius: 4px; }

.scroll-container-list::-webkit-scrollbar-thumb:hover {
  background: #94a0a8; }

.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 {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-handle {
  position: absolute;
  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;
  pointer-events: none;
}
.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-handle {
  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;
}

.speech {
  background-color: #FBFCFE;
  position: relative; }
  .speech .speech-feedback {
    height: 30px; }
  .speech .body-bg {
    width: 100%;
    height: 441px;
    position: absolute;
    background: url(/static/img/newPage/tts_page_bg.png) center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none; }
  .speech .speech-body {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto; }
  .speech .speech-tts,
  .speech .speech-tasks {
    overflow: hidden; }
  .speech .page-content {
    width: 1400px; }
  @media screen and (max-width: 1500px) {
    .speech .page-content {
      width: 1200px; } }

.page-content {
  width: 1200px;
  margin: 20px auto 0; }
  .page-content .page-title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline;
    margin-bottom: 10px; }
    .page-content .page-title-wrap .page-title {
      font-size: 22px; }
      .page-content .page-title-wrap .page-title::before {
        content: '';
        display: inline-block;
        margin-right: 12px;
        width: 6px;
        height: 32px;
        vertical-align: middle;
        background: #4a81ff; }
    .page-content .page-title-wrap .page-title-icon {
      margin-left: 4px; }
  .page-content .page-primary-content {
    width: 100%;
    min-height: 500px;
    height: auto; }

@charset "UTF-8";
.help .mt10 {
  margin-top: 10px;
  font-size: 13px; }

.help h3 {
  font-weight: 600; }

.help h4 {
  font-size: 13px; }

.help ul,
.help li {
  list-style: disc;
  margin-left: 8px;
  font-size: 12px;
  margin-bottom: 5px; }

.help p {
  margin-bottom: 5px;
  font-size: 12px; }

.help .font500 {
  font-weight: 500; }

.help .circle {
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 6px;
  /* 图形的半径 */
  margin-right: 4px;
  display: inline-block; }

.help .ml4 {
  margin-left: 4px; }

.help-wrap {
  margin-top: 70px;
  width: 70%;
  margin-left: 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .help-wrap .help-menu {
    width: 30%;
    margin-right: 20px; }
  .help-wrap .help-content {
    -ms-flex: 1;
        flex: 1; }

.help .help-content-wrap {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #e6e8f4;
  min-height: 500px;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .help .help-content-wrap .help-side {
    font-size: 15px;
    color: #24374e;
    height: 100%;
    border-right: 1px solid #e6e8f4;
    position: absolute; }
    .help .help-content-wrap .help-side .ant-menu-inline,
    .help .help-content-wrap .help-side .ant-menu-vertical,
    .help .help-content-wrap .help-side .ant-menu-vertical-left {
      border-right: none; }
    .help .help-content-wrap .help-side .ant-menu-vertical .ant-menu-item::after,
    .help .help-content-wrap .help-side .ant-menu-vertical-left .ant-menu-item::after,
    .help .help-content-wrap .help-side .ant-menu-vertical-right .ant-menu-item::after,
    .help .help-content-wrap .help-side .ant-menu-inline .ant-menu-item::after {
      border-left: 3px solid #1890ff;
      border-right: 1px solid #e6e8f4;
      left: 0; }
    .help .help-content-wrap .help-side .ant-menu-sub.ant-menu-inline {
      background: #fff; }
    .help .help-content-wrap .help-side ul,
    .help .help-content-wrap .help-side li {
      list-style: none;
      margin-left: 0;
      font-size: 15px;
      color: #24374e;
      padding-left: 0; }
  .help .help-content-wrap .help-content {
    padding: 0 20px 20px;
    width: 100%;
    margin-left: 160px; }
  .help .help-content-wrap .help-content-title {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #e6e8f4;
    margin-bottom: 20px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.tofeedback-modal .ant-form-item-label > label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.tofeedback-modal .ant-modal-header,
.tofeedback-modal .ant-modal-title {
  text-align: center; }

.tofeedback-modal .ant-modal-header {
  border-bottom: none; }

.tofeedback-modal .ant-modal-footer {
  border-top: none;
  text-align: center; }

.tofeedback-modal .modal-success-tip {
  color: #3d4665;
  letter-spacing: 1px;
  padding: 24px 24px 48px;
  text-align: left;
  text-indent: 2em;
  line-height: 28px; }

.tofeedback {
  text-align: right; }
  .tofeedback.inline {
    display: inline-block; }
  .tofeedback .feedback-toshow-wrap {
    float: right;
    color: #8393ac; }
  .tofeedback .feedback-to {
    color: #4a81ff;
    cursor: pointer; }

.ocr {
  height: 100%;
  background-color: #f9faff; }
  .ocr .ocr-feedback {
    height: 30px; }
  .ocr .ocr-icon {
    width: 200px;
    height: 40px;
    background: url([object Module]) left no-repeat;
    position: relative; }
    .ocr .ocr-icon .ocr-limit-free {
      position: absolute;
      color: #fc9d6c;
      top: 2.8px;
      left: 10px;
      font-size: 14px;
      text-align: center; }

.trans-feedback-contaner {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  color: #959595;
  font-size: 14px; }
  .trans-feedback-contaner .trans-feedback-btn {
    color: #2277e6;
    cursor: pointer; }

.feedback .ant-modal-title {
  color: #000;
  font-weight: bold; }

.feedback .ant-modal-body {
  padding-bottom: 80px; }

.feedback .feedback-note-wrap {
  margin-bottom: 30px; }
  .feedback .feedback-note-wrap .feedback-note {
    color: #959595; }

.feedback .feedback-content-limit-tip {
  position: absolute;
  right: 12px;
  bottom: 4px;
  color: #959595; }
  .feedback .feedback-content-limit-tip.over {
    color: red; }

.feedback .ant-modal-content {
  min-height: 480px; }

.feedback .feedback-btn {
  position: absolute;
  bottom: 30px;
  left: 24%; }
  .feedback .feedback-btn button {
    width: 120px; }
  .feedback .feedback-btn .feedback-cancel-btn {
    margin-left: 42px; }

.feedback .ant-form-item .ant-mentions,
.feedback .ant-form-item textarea.ant-input {
  padding-bottom: 24px; }

.trans-task-search {
  max-height: 140px;
  overflow-y: auto; }
  .trans-task-search .ant-input-affix-wrapper {
    height: 32px; }
  .trans-task-search .ant-input-search-button {
    height: 32px; }

.table-wrap {
  position: relative; }
  .table-wrap .button-group {
    position: absolute;
    bottom: 12px; }
    .table-wrap .button-group .deleteBtn,
    .table-wrap .button-group .downloadBtn {
      width: 120px;
      text-align: center;
      border-radius: 3px;
      margin-right: 14px; }

.condition-wrap {
  line-height: 40px; }
  .condition-wrap .condition-item {
    margin-left: 12px; }
  .condition-wrap .condition-select {
    margin-left: 16px;
    width: 140px; }
  .condition-wrap .condition-button {
    width: 80px; }
  .condition-wrap .queryBtn {
    color: #fff;
    background: #2277e6; }
  .condition-wrap .resetBtn {
    color: #2277e6;
    border: 1px solid #2277e6;
    background-color: #fff; }

.trans-task-preview-wrap .ant-drawer-header {
  display: none; }

.trans-task-preview-wrap .ant-drawer-wrapper-body {
  background-color: #f2f2f2; }

.trans-task-preview-wrap .ant-drawer-body {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header {
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #e8e8e8; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left,
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left .title,
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right .title {
      font-size: 16px;
      font-weight: 500; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left .subtitle,
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right .subtitle {
      font-size: 14px;
      margin-left: 12px;
      color: #616161; }
      .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left .subtitle img,
      .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right .subtitle img {
        width: 16px;
        height: 20px;
        margin-right: 4px; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left {
    padding-left: 16px; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right {
    padding-right: 16px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right .trans-task-preview-header-close span {
      color: rgba(0, 0, 0, 0.65);
      cursor: pointer; }
      .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-right .trans-task-preview-header-close span:hover {
        color: #000; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-header-left {
    margin-right: 20px; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 100%; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .ant-spin-nested-loading {
      height: 100%; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .ant-spin-container {
      height: 100%; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .ant-spin-nested-loading > div > .ant-spin {
      max-height: none; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .trans-task-preview-doc-left,
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .trans-task-preview-doc-right {
      -ms-flex: 1;
          flex: 1;
      background-color: #fff;
      height: 100%; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .trans-task-preview-doc-left {
      margin-left: 16px; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .trans-task-preview-doc-right {
      margin-right: 16px; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-doc .trans-task-preview-doc-left {
      margin-right: 20px; }
  .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-bottom {
    height: 70px;
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    .trans-task-preview-wrap .ant-drawer-body .trans-task-preview-bottom p {
      margin-bottom: 10px;
      font-size: 14px;
      color: #616161; }

.pay-default {
  text-align: center; }
  .pay-default .warning {
    text-align: left;
    display: inline-block;
    width: 18px;
    height: 18px;
    color: #fff;
    background: #fe5026;
    text-align: center;
    line-height: 18px;
    border-radius: 9px;
    margin-right: 6px; }
  .pay-default .payInfo {
    color: #000;
    width: 450px;
    text-align: left;
    margin: 30px auto 0; }
    .pay-default .payInfo span {
      color: #2277e6;
      font-weight: bold; }
  .pay-default .price-desc {
    font-weight: bold;
    color: #000;
    margin-top: 30px; }
    .pay-default .price-desc span {
      color: #2277e6;
      font-size: 16px; }
  .pay-default .paydefault-footer-wrap {
    margin: 30px 0 25px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .pay-default .paydefault-footer-wrap .paydefault-footer .footerBtn {
      width: 120px;
      height: 32px;
      font-size: 14px;
      line-height: 32px;
      text-align: center;
      border: 1px solid #2277e6;
      border-radius: 4px;
      cursor: pointer;
      display: inline-block; }
    .pay-default .paydefault-footer-wrap .paydefault-footer .buy-setmeal {
      background-color: #2277e6;
      color: #fff;
      position: relative; }
      .pay-default .paydefault-footer-wrap .paydefault-footer .buy-setmeal .cheaperImg {
        width: 36px;
        height: 14px;
        position: absolute;
        top: -8px;
        right: -10px; }
    .pay-default .paydefault-footer-wrap .paydefault-footer .pay-bypage {
      color: #2277e6;
      margin-left: 42px; }

.pay-default .ant-modal-header {
  text-align: left; }
  .pay-default .ant-modal-header .ant-modal-title {
    font-weight: bold;
    color: #000000; }

.buy-setmeal .setmeal-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 48px; }
  .buy-setmeal .setmeal-item .label {
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin: 0 20px 0 28px; }

.buy-setmeal .serviceType .content {
  width: 104px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #2277e6;
  background: #f9fcff;
  border: 1px solid #2277e6;
  border-radius: 2px; }

.buy-setmeal .priceExplain .content {
  display: -ms-flexbox;
  display: flex; }
  .buy-setmeal .priceExplain .content .price-item {
    width: 136px;
    height: 68px;
    line-height: 66px;
    text-align: center;
    color: #000;
    font-size: 14px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    margin-right: 18px;
    position: relative;
    cursor: pointer; }
    .buy-setmeal .priceExplain .content .price-item .price {
      font-size: 20px;
      font-weight: bold; }
    .buy-setmeal .priceExplain .content .price-item .recommendImg {
      width: 15px;
      height: 25px;
      position: absolute;
      top: 0px;
      right: 10px; }
    .buy-setmeal .priceExplain .content .price-item.active {
      border: 1px solid #2277e6;
      color: #2277e6; }

.buy-setmeal .buyNumbers {
  margin-bottom: 20px; }
  .buy-setmeal .buyNumbers .content {
    display: -ms-flexbox;
    display: flex; }
    .buy-setmeal .buyNumbers .content .counter {
      display: -ms-flexbox;
      display: flex; }
      .buy-setmeal .buyNumbers .content .counter .ant-input-number:hover {
        border: 1px solid #2277e6; }
      .buy-setmeal .buyNumbers .content .counter .ant-input-number {
        border: 1px solid #2277e6; }
      .buy-setmeal .buyNumbers .content .counter .ant-input-number-focused {
        box-shadow: none; }
      .buy-setmeal .buyNumbers .content .counter .ant-input-number-handler-wrap {
        display: none; }
      .buy-setmeal .buyNumbers .content .counter .handleBtn {
        width: 23px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #2277e6;
        border-radius: 2px;
        cursor: pointer; }
      .buy-setmeal .buyNumbers .content .counter .input-wrap {
        width: 100px;
        height: 32px;
        background: #ffffff;
        border: 1px solid #2277e6;
        border-radius: 2px;
        padding: 4px 10px; }
        .buy-setmeal .buyNumbers .content .counter .input-wrap .counter-input {
          width: 80px;
          border: none;
          outline: none;
          color: #2277e6; }
          .buy-setmeal .buyNumbers .content .counter .input-wrap .counter-input::-webkit-outer-spin-button, .buy-setmeal .buyNumbers .content .counter .input-wrap .counter-input::-webkit-inner-spin-button {
            -webkit-appearance: none !important; }
    .buy-setmeal .buyNumbers .content .suggestDesc {
      line-height: 32px;
      font-size: 12px;
      font-weight: bold;
      color: #000;
      -ms-transform: scale(0.85);
          transform: scale(0.85); }
      .buy-setmeal .buyNumbers .content .suggestDesc span {
        color: #2277e6; }

.buy-setmeal .tips {
  margin-left: -24px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #959595;
  -ms-transform: scale(0.85);
      transform: scale(0.85); }

.buy-setmeal .confrimBtn {
  width: 120px;
  height: 32px;
  background: #2277e6;
  border-radius: 4px;
  margin: 38px 240px 20px; }

.buy-setmeal .ant-modal-header .ant-modal-title {
  font-weight: bold;
  color: #000000; }

.pay-bypages .paybypages-item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px; }
  .pay-bypages .paybypages-item .label {
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin: 0 20px 0 28px; }

.pay-bypages .serviceType .content {
  width: 104px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #2277e6;
  background: #f9fcff;
  border: 1px solid #2277e6;
  border-radius: 2px; }

.pay-bypages .priceExplain .content {
  display: -ms-flexbox;
  display: flex; }
  .pay-bypages .priceExplain .content .price-item {
    width: 136px;
    height: 68px;
    line-height: 66px;
    text-align: center;
    color: #000;
    font-size: 14px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    margin-right: 18px;
    position: relative;
    cursor: pointer; }
    .pay-bypages .priceExplain .content .price-item .price {
      font-size: 20px;
      font-weight: bold; }
    .pay-bypages .priceExplain .content .price-item .recommendImg {
      width: 15px;
      height: 25px;
      position: absolute;
      top: 0px;
      right: 10px; }
    .pay-bypages .priceExplain .content .price-item.active {
      border: 1px solid #2277e6;
      color: #2277e6; }

.pay-bypages .priceNum {
  margin-bottom: 20px; }
  .pay-bypages .priceNum .content {
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .pay-bypages .priceNum .content .price {
      font-size: 12px;
      -ms-transform: translateY(-2px);
          transform: translateY(-2px); }
      .pay-bypages .priceNum .content .price span {
        font-weight: bold;
        font-size: 20px;
        color: #2277e6; }
    .pay-bypages .priceNum .content .tips {
      color: #000;
      margin-left: 0;
      font-size: 12px; }
      .pay-bypages .priceNum .content .tips span {
        color: #2277e6; }

.pay-bypages .tips {
  margin-left: -24px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #959595;
  -ms-transform: scale(0.85);
      transform: scale(0.85); }

.pay-bypages .confrimBtn {
  width: 120px;
  height: 32px;
  background: #2277e6;
  border-radius: 4px;
  margin: 38px 240px 20px; }

.pay-bypages .ant-modal-content .ant-modal-header .ant-modal-title {
  font-weight: bold;
  color: #000000; }

.trans-balance {
  width: 100%;
  margin-bottom: 20px; }
  .trans-balance .right-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .trans-balance .right-wrap .wrap-item {
      margin-left: 13px;
      line-height: 30px;
      font-size: 14px;
      font-weight: bold; }
      .trans-balance .right-wrap .wrap-item .trans-balance-number {
        color: #2277e6;
        margin: 0 6px; }
    .trans-balance .right-wrap .rechargeBtn {
      width: 84px;
      height: 30px;
      color: white;
      background-color: #fda14e;
      border-radius: 15px;
      text-align: center;
      cursor: pointer; }

.delete-config {
  text-align: center; }
  .delete-config .content {
    font-size: 14px;
    margin: 46px 0 60px; }
  .delete-config .delete-footer {
    margin-bottom: 20px; }
    .delete-config .delete-footer .confirmBtn,
    .delete-config .delete-footer .cancelBtn {
      width: 120px; }
    .delete-config .delete-footer .cancelBtn {
      margin-left: 42px; }

.delete-config .ant-modal-title {
  font-weight: bold;
  color: #000000; }

.delete-config .ant-modal-header {
  text-align: left; }

.refund-config {
  text-align: center; }
  .refund-config .content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    height: 100%; }
    .refund-config .content-wrap .content {
      font-size: 14px;
      width: 400px;
      margin: 46px 0 60px;
      text-align: left; }
      .refund-config .content-wrap .content span {
        font-weight: bold; }
  .refund-config .refund-footer {
    margin-bottom: 20px; }
    .refund-config .refund-footer .confirmBtn,
    .refund-config .refund-footer .cancelBtn {
      width: 120px; }
    .refund-config .refund-footer .cancelBtn {
      margin-left: 42px; }

.refund-config .ant-modal-header {
  text-align: left; }
  .refund-config .ant-modal-header .ant-modal-title {
    font-weight: bold;
    color: #000000; }

.doc-filename {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center; }
  .doc-filename img {
    width: 16px;
    height: 16px;
    margin-right: 6px; }
  .doc-filename span {
    display: inline-block;
    width: 220px;
    margin-right: 6px; }

@charset "UTF-8";
.retranslate-config {
  text-align: center; }
  .retranslate-config .file-name,
  .retranslate-config .translate-language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .retranslate-config .file-name .label,
    .retranslate-config .translate-language .label {
      font-size: 14px;
      margin-left: 146px;
      margin-right: 25px;
      margin-bottom: 35px; }
  .retranslate-config .file-name .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    position: relative;
    top: 4px; }
    .retranslate-config .file-name .content .file-title {
      font-size: 12px; }
      .retranslate-config .file-name .content .file-title .doc-filename {
        width: auto !important; }
      .retranslate-config .file-name .content .file-title .file-img {
        width: 14px;
        height: 14px;
        margin-right: 6px;
        position: relative;
        top: -2px; }
    .retranslate-config .file-name .content .file-info {
      font-size: 12px;
      margin-left: 16px;
      color: #959595; }
      .retranslate-config .file-name .content .file-info .split {
        margin: 0 4px; }
  .retranslate-config .translate-language {
    margin-bottom: 60px; }
    .retranslate-config .translate-language .content {
      position: relative;
      top: -4px;
      text-align: left; }
  .retranslate-config .tips {
    font-size: 12px;
    color: #959595;
    margin-top: 10px; }
  .retranslate-config .tran-select {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 4px;
    position: relative;
    top: 6px; }
    .retranslate-config .tran-select .select-action {
      padding: 0 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      font-size: 12px;
      color: #959595; }
      .retranslate-config .tran-select .select-action .angleImg {
        width: 7px;
        height: 6px;
        position: relative;
        top: 12px;
        transition: all 0.2s; }
    .retranslate-config .tran-select .switchImg-action {
      width: 8px;
      height: 6px;
      position: relative;
      top: 12px; }
    .retranslate-config .tran-select:hover .select-action .angleImg {
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
    .retranslate-config .tran-select:hover .select-options-wrap {
      display: -ms-flexbox;
      display: flex; }
    .retranslate-config .tran-select .select-options-wrap {
      display: none;
      width: 230px;
      height: 134px;
      background: #ffffff;
      box-shadow: 1px 1px 6px 0px rgba(196, 196, 196, 0.9);
      border-radius: 4px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: absolute;
      top: 32px;
      overflow: auto;
      z-index: 100;
      /*---滚动条大小--*/ }
      .retranslate-config .tran-select .select-options-wrap .option-item {
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 12px;
        font-size: 12px;
        color: #959595;
        text-align: left;
        cursor: pointer; }
        .retranslate-config .tran-select .select-options-wrap .option-item:hover {
          background: #ecf4fe; }
        .retranslate-config .tran-select .select-options-wrap .option-item.active {
          color: #3f88ed;
          background: #ecf4fe; }
        .retranslate-config .tran-select .select-options-wrap .option-item .switchImg {
          width: 8px;
          height: 6px;
          margin: 0 4px; }
      .retranslate-config .tran-select .select-options-wrap::-webkit-scrollbar-thumb {
        width: 3px;
        height: 54px;
        background: #b3bed2;
        opacity: 0.5;
        border-radius: 2px; }
      .retranslate-config .tran-select .select-options-wrap::-webkit-scrollbar {
        width: 3px; }
  .retranslate-config .retranslate-footer .deleteBtn {
    width: 120px;
    height: 36px;
    border-radius: 3px; }
  .retranslate-config .retranslate-footer .confirmBtn {
    color: #fff;
    background-color: #2277e6; }
  .retranslate-config .retranslate-footer .cancelBtn {
    color: #2277e6;
    border: 1px solid #2277e6;
    margin-left: 20px;
    margin-bottom: 12px; }

.retranslate-config .ant-modal-content {
  border-radius: 8px; }
  .retranslate-config .ant-modal-content .ant-modal-header {
    border-radius: 8px 8px 0 0;
    height: 45px;
    line-height: 45px;
    padding: 10px 24px;
    text-align: left; }
    .retranslate-config .ant-modal-content .ant-modal-header .ant-modal-title {
      font-size: 14px;
      font-weight: bold;
      color: #000000; }
  .retranslate-config .ant-modal-content .ant-modal-close {
    top: -5px; }

.retranslate-config-content-dropdown {
  width: 280px !important; }
  .retranslate-config-content-dropdown .ant-select-item {
    font-size: 12px; }
  .retranslate-config-content-dropdown .rc-virtual-list-holder {
    height: 330px !important; }
  .retranslate-config-content-dropdown .rc-virtual-list-holder-inner {
    font-size: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; }

.retranslate-config-content-select {
  width: 120px;
  color: #959595;
  font-size: 12px; }

.trans-task .title-wrap {
  display: -ms-flexbox;
  display: flex; }
  .trans-task .title-wrap .title-check {
    margin-right: 6px; }

.trans-task .trans-task-search {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .trans-task .trans-task-search .ant-input-lg {
    font-size: 14px; }

.trans-task .trans-task-ml5 {
  margin-left: 5px; }

.trans-task .trans-task-success {
  color: green; }

.trans-task .trans-task-fail {
  color: red; }

.trans-task .trans-task-transing {
  color: #4a81ff; }

.trans-task .trans-task-serach {
  margin-bottom: 20px; }

.trans-task .ant-table-cell-row-hover {
  background-color: #f5f7fa !important; }

@charset "UTF-8";
.trans-doc-upload {
  height: 235px;
  margin-bottom: 16px; }
  .trans-doc-upload .ant-upload.ant-upload-drag.ant-upload-disabled {
    cursor: pointer; }
  .trans-doc-upload .ant-upload.ant-upload-disabled {
    cursor: pointer; }
  .trans-doc-upload .translate-upload-text {
    font-family: '\5FAE\8F6F\96C5\9ED1   Regular', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    text-align: center;
    line-height: 28px; }
  .trans-doc-upload .chooseBtn {
    width: 215px;
    height: 41px;
    line-height: 41px;
    background: #2277e6;
    box-shadow: 0px 6px 13px 0px rgba(34, 119, 230, 0.25);
    border-radius: 4px;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    margin-top: 14px; }
  .trans-doc-upload .translate-upload-tip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 24px; }
    .trans-doc-upload .translate-upload-tip ul {
      text-align: left; }
    .trans-doc-upload .translate-upload-tip li {
      display: -ms-flexbox;
      display: flex;
      color: #959595;
      font-size: 14px;
      -ms-flex-align: center;
          align-items: center; }
      .trans-doc-upload .translate-upload-tip li .ant-image:not(:first-child) {
        margin-left: 6px; }
      .trans-doc-upload .translate-upload-tip li:before {
        content: '\2022';
        color: #959595;
        font-size: 14px;
        left: -4px;
        position: relative; }

.doc-progress-item-container {
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px;
  font-size: 12px; }
  .doc-progress-item-container .ant-checkbox-inner {
    width: 12px;
    height: 12px;
    font-size: 12px; }
  .doc-progress-item-container .ant-checkbox-wrapper {
    font-size: 12px; }
  .doc-progress-item-container.trans_wait:hover {
    background-color: rgba(73, 148, 247, 0.1);
    -ms-flex-align: center;
        align-items: center; }
    .doc-progress-item-container.trans_wait:hover .doc-progress-item-del {
      display: block; }
  .doc-progress-item-container img {
    margin-right: 6px; }
  .doc-progress-item-container .doc-progress-item-sapce {
    margin-right: 6px; }
  .doc-progress-item-container .doc-progress-item-name {
    width: 220px;
    display: inline-block; }
  .doc-progress-item-container .doc-progress-item-pageinfo {
    color: #959595;
    width: 120px; }
  .doc-progress-item-container .doc-progress-item-del {
    -ms-flex: 1;
        flex: 1;
    text-align: right;
    display: none; }
    .doc-progress-item-container .doc-progress-item-del span {
      color: #959595;
      cursor: pointer; }
    .doc-progress-item-container .doc-progress-item-del.success {
      display: block; }
    .doc-progress-item-container .doc-progress-item-del.fail {
      display: block; }
    .doc-progress-item-container .doc-progress-item-del.uploading {
      display: block; }
    .doc-progress-item-container .doc-progress-item-del:hover {
      display: block; }
  .doc-progress-item-container .doc-progress-item-select {
    width: 120px;
    color: #959595;
    font-size: 12px; }
  .doc-progress-item-container .doc-progress-item-fakeprogress {
    width: 180px; }
    .doc-progress-item-container .doc-progress-item-fakeprogress .ant-progress-text {
      font-size: 12px; }
  .doc-progress-item-container .doc-progress-item-status {
    width: 80px;
    text-align: center; }
    .doc-progress-item-container .doc-progress-item-status.uploading {
      color: #2277e6; }
    .doc-progress-item-container .doc-progress-item-status.fail {
      color: #fe5026; }
    .doc-progress-item-container .doc-progress-item-status.success {
      color: #52c41a; }

.doc-progress-item-dropdown {
  width: 280px !important; }
  .doc-progress-item-dropdown .ant-select-item {
    font-size: 12px; }
  .doc-progress-item-dropdown .rc-virtual-list-holder {
    height: 330px !important;
    max-height: 330px !important; }
  .doc-progress-item-dropdown .rc-virtual-list-holder-inner {
    font-size: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; }

.doc-progress-container {
  max-height: 263px;
  padding: 16px 7px;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  transition: border-color 0.3s;
  display: grid;
  grid-column: 2;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px; }
  .doc-progress-container:hover {
    border-color: #40a9ff; }

.doc-demo {
  margin-left: 20px;
  cursor: pointer; }
  .doc-demo .demoImg {
    width: 13px;
    height: 14px;
    position: relative;
    right: 4px;
    top: -2px; }

.document-case-wrap {
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 99999999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .document-case-wrap .document-case-container {
    width: 80%;
    height: 90%;
    position: relative; }
    .document-case-wrap .document-case-container .document-case-close {
      position: absolute;
      top: -20px;
      right: 0;
      font-size: 25px;
      color: #fff;
      cursor: pointer; }
    .document-case-wrap .document-case-container .document-case-box {
      display: -ms-flexbox;
      display: flex;
      height: 100%; }
      .document-case-wrap .document-case-container .document-case-box img {
        -ms-flex: 1;
            flex: 1;
        object-fit: contain; }
    .document-case-wrap .document-case-container .document-case-pre-container,
    .document-case-wrap .document-case-container .document-case-next-container {
      height: 100%;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
      display: -ms-flexbox;
      display: flex; }
    .document-case-wrap .document-case-container .document-case-pre,
    .document-case-wrap .document-case-container .document-case-next {
      width: 20px;
      text-align: center;
      background-color: #9a9a9a;
      height: 40px;
      -ms-flex-pack: center;
          justify-content: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }

.doc-footer {
  margin-top: 16px; }
  .doc-footer .doc-footer-firstline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .doc-footer .doc-footer-firstline .doc-footer-allchecked {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .doc-footer .doc-footer-firstline .doc-footer-allchecked .ant-checkbox-wrapper {
        margin-right: 4px;
        font-size: 12px;
        margin-right: 6px; }
      .doc-footer .doc-footer-firstline .doc-footer-allchecked .ant-checkbox-inner {
        width: 12px;
        height: 12px;
        font-size: 12px; }
    .doc-footer .doc-footer-firstline .doc-footer-note {
      color: #959595;
      -ms-flex: 1;
          flex: 1;
      text-align: right;
      font-size: 12px; }
  .doc-footer .doc-footer-secondline {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .doc-footer .doc-footer-secondline .doc-footer-secondline-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-left {
        margin-right: 22px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-left .doc-footer-secondline-left-firstline {
          font-weight: bold; }
        .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-left .doc-footer-secondline-left-number {
          color: #2277e6; }
        .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-left .doc-footer-secondline-left-mr10 {
          margin-right: 10px; }
        .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-left .doc-footer-secondline-left-secondline {
          text-align: right;
          font-size: 12px; }
      .doc-footer .doc-footer-secondline .doc-footer-secondline-container .doc-footer-secondline-right .ant-btn {
        height: 44px;
        width: 150px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  min-width: 1200px; }

#__next {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column; }

.headerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.mainWrap {
  /* main的padding-bottom值要等于或大于footer的height值 */
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  .mainWrap.noIndex {
    background-color: #f9faff; }

.footerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background: url(/static/img/newPage/footer_page_bg.png) no-repeat;
  background-size: cover; }

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.application-page {
  background: #F9FAFD;
  min-width: 1200px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"; }

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

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

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

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

.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) {
  .application-col-1 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .application-col-2 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .application-col-3 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .application-col-4 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .application-col-5 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .application-col-6 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

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

/*iPhoneX的适配*/
.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 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: stretch;
        justify-content: stretch;
    margin-top: 16px;
    margin-bottom: 12px;
    position: relative; }
    .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;
      width: 50%;
      border: 1px solid #dedede;
      border-radius: 4px;
      padding: 12px 12px 24px 12px; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input:hover {
      border: 1px solid #40a9ff; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input .textarea-box {
      min-height: 270px; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input textarea {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      border: none;
      line-height: 20px;
      font-size: 14px;
      resize: none;
      outline: none; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input .textarea-close {
      position: absolute;
      top: 0;
      right: 4px;
      cursor: pointer; }
      .service-item-test.self-trans .service-item-content .trans-io .io-input .textarea-close span {
        font-size: 12px;
        color: #bfbfbf; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input .trans-text-num {
      position: absolute;
      right: 4px;
      bottom: 4px;
      font-size: 14px;
      color: #bfbfbf; }
    .service-item-test.self-trans .service-item-content .trans-io .io-input .toolong {
      color: #d9001b; }
    .service-item-test.self-trans .service-item-content .trans-io .io-output {
      background-color: #f0f0f0;
      word-break: break-all;
      white-space: pre-wrap; }
      .service-item-test.self-trans .service-item-content .trans-io .io-output .output-copy {
        position: absolute;
        left: 4px;
        bottom: 4px;
        cursor: pointer; }
        .service-item-test.self-trans .service-item-content .trans-io .io-output .output-copy span {
          color: #333; }
  .service-item-test.self-trans .service-item-content .trans-tip {
    color: #8393ac;
    font-size: 12px; }

.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: 40px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer; }
  .trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 40px;
    width: 120px;
    font-size: 16px;
    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; }

.translate-doc-instruction {
  margin-top: 16px;
  background-color: #fff;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 415px;
  border-radius: 8px;
  font-family: MicrosoftYaHei; }
  .translate-doc-instruction ul {
    font-size: 14px;
    line-height: 22px;
    display: block;
    color: #000;
    font-weight: bold; }
    .translate-doc-instruction ul:before {
      content: '\2022';
      color: #0079fe;
      font-size: 16px;
      left: -5px;
      position: relative; }
  .translate-doc-instruction li {
    padding-left: 10px;
    font-size: 14px;
    color: #959595;
    font-weight: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .translate-doc-instruction li div {
      margin-right: 4px; }
    .translate-doc-instruction li .translate-doc-instruction-mt30 {
      margin-top: 30px; }

.trans-notice-container {
  width: 100%;
  background-color: #fef3d5;
  font-size: 12px;
  color: #ebb970;
  height: 33px; }
  .trans-notice-container .trans-notice-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .trans-notice-container .trans-notice-content img {
      margin-right: 13px;
      height: 22px;
      width: 22px; }
    .trans-notice-container .trans-notice-content span {
      -ms-flex: 1;
          flex: 1;
      text-align: right;
      color: #ebb970; }
      .trans-notice-container .trans-notice-content span:hover {
        cursor: pointer; }

.transalte {
  background-color: #f9faff;
  height: 100%; }
  .transalte .translate-tab {
    background-color: #fff;
    height: 100%;
    padding: 24px; }
    .transalte .translate-tab .translate-content {
      margin-top: 24px;
      height: auto; }
    .transalte .translate-tab .ant-tabs-top > .ant-tabs-nav::before,
    .transalte .translate-tab .ant-tabs-bottom > .ant-tabs-nav::before,
    .transalte .translate-tab .ant-tabs-top > div > .ant-tabs-nav::before,
    .transalte .translate-tab .ant-tabs-bottom > div > .ant-tabs-nav::before {
      border-bottom: 1px solid #b3bed2; }
    .transalte .translate-tab .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
    .transalte .translate-tab .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
      border-top: 1px solid #b3bed2;
      border-left: 1px solid #b3bed2;
      border-right: 1px solid #b3bed2;
      background-color: #f9faff;
      border-bottom: none; }
    .transalte .translate-tab .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
    .transalte .translate-tab .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
      transition: none; }
    .transalte .translate-tab .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
    .transalte .translate-tab .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
      background: #fff;
      border: none;
      border-bottom: 1px solid #b3bed2; }
    .transalte .translate-tab .ant-upload.ant-upload-drag.ant-upload-disabled {
      cursor: pointer; }
    .transalte .translate-tab .ant-upload.ant-upload-disabled {
      cursor: pointer; }
    .transalte .translate-tab .ant-upload-drag {
      background-color: #fff; }

.translate-tab-title {
  font-size: 16px;
  font-weight: 500; }
  .translate-tab-title img {
    margin-right: 4px; }

.ant-tabs {
  overflow: visible; }

@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;
    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/banner-index/banner.png);
    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-app {
  width: 100%;
  height: 540px;
  background: url("/static/img/newPage/app_banner.svg") no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 140px;
  padding-top: 139px; }
  .section-banner .banner-app-title {
    margin: 0 auto;
    width: 595px;
    height: 130px;
    background: url(/static/img/newPage/ai_word.svg) no-repeat;
    background-position: center center;
    background-size: container; }
  .section-banner .banner-app-desc {
    margin-top: 16px;
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D3D3D; }

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

.section-banner .banner1 {
  position: relative;
  background-image: url(/static/img/banner-index/banner.jpg);
  background-size: cover;
  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";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-app .container-apps {
  width: 1000px;
  margin: 0 auto;
  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; }

.section-app .single-app {
  width: 464px;
  height: 396px;
  border-radius: 20px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin-bottom: 32px; }
  .section-app .single-app-img {
    width: 100%;
    height: 268px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: height 0.3s ease, transform 0.3s ease;
    -ms-transform: scale(1);
        transform: scale(1);
    -ms-transform-origin: center;
        transform-origin: center; }
  .section-app .single-app-content {
    padding: 24px 32px 0 32px; }
    .section-app .single-app-content-title {
      font-family: PingFang SC;
      font-size: 28px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #252525;
      margin-bottom: 12px; }
    .section-app .single-app-content-desc {
      font-family: PingFang SC;
      font-size: 16px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3d3d3d;
      transition: all 0.3s ease; }
      .section-app .single-app-content-desc-height {
        height: 68px; }
    .section-app .single-app-content-cta {
      font-family: PingFang SC;
      font-size: 16px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1B6AEC;
      text-align: right;
      opacity: 0;
      transition: opacity 0.3s ease;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .section-app .single-app-content-cta .anticon {
        margin-left: 8px;
        font-size: 18px; }

.section-app .single-app:hover {
  box-shadow: 0px 4px 20px 0px #dfe7f8; }
  .section-app .single-app:hover .single-app-img {
    height: 192px;
    -ms-transform: scale(1.1);
        transform: scale(1.1); }
  .section-app .single-app:hover .single-app-content-cta {
    opacity: 1; }

.section-app .allapp-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 24px 14px;
  font-size: 14px; }
  .section-app .allapp-card:hover {
    box-shadow: 3px 3px 5px 5px rgba(24, 144, 255, 0.25); }
  .section-app .allapp-card .allapp-line-gray {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    width: 50px;
    height: 4px;
    background-color: #e5e8f4; }
  .section-app .allapp-card .nohover .gaia-btn,
  .section-app .allapp-card .nohover .gaia-btn:active,
  .section-app .allapp-card .nohover .gaia-btn:focus {
    background-color: #fff;
    border: 1px solid #8393ac;
    color: #8393ac; }
  .section-app .allapp-card .nohover:hover button {
    cursor: auto; }
  .section-app .allapp-card:hover {
    border: 1px solid #2d9bf3; }
    .section-app .allapp-card:hover .allapp-line-gray {
      background-color: #2d9bf3; }
  .section-app .allapp-card .allapp-free {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 25px;
    background-color: #ff9a22;
    text-align: center;
    border-bottom-left-radius: 23px;
    color: #fff; }
  .section-app .allapp-card .allapp-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .section-app .allapp-card .allapp-card-wrap .allapp-card-right img {
      width: auto;
      height: 130px; }
    .section-app .allapp-card .allapp-card-wrap .app-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .section-app .allapp-card .allapp-card-wrap .app-col {
      display: block;
      padding: 0 20px;
      box-sizing: border-box;
      width: 33.33333%;
      margin-bottom: 10px; }
  .section-app .allapp-card .title {
    color: #24374e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px; }
  .section-app .allapp-card .desc {
    color: #8393ac;
    line-height: 1.8;
    margin-bottom: 20px; }

.section-app .pr20 {
  padding-right: 30px; }

.section-app .mt10 {
  margin-top: 10px; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  min-width: 1200px; }

#__next {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column; }

.headerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.mainWrap {
  /* main的padding-bottom值要等于或大于footer的height值 */
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  .mainWrap.noIndex {
    background-color: #f9faff; }

.footerWrap {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background: url(/static/img/newPage/footer_page_bg.png) no-repeat;
  background-size: cover; }

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

textarea {
  outline: none; }

.application-page {
  background: #F9FAFD;
  min-width: 1200px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"; }

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

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

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

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

.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) {
  .application-col-1 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
  .application-col-2 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
  .application-col-3 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px; }
  .application-col-4 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px; }
  .application-col-5 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 20px; }
  .application-col-6 {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 16.66667%;
    margin-bottom: 20px; } }

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

/*iPhoneX的适配*/
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.main-content {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; }
  .main-content .home-section {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px; }

@media only screen and (max-width: 576px) {
  .main-content {
    min-width: 0; }
    .main-content .hs-banner {
      margin-top: 50px; } }

.pdf-container {
  height: calc(100% - 0px);
  width: 100%;
  position: relative;
  overflow: hidden; }

.pdf-loading-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
  color: #999;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2; }

#viewerContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  right: 50%;
  top: 0;
  -ms-transform: translate(-50%);
      transform: translate(-50%);
  overflow-x: hidden;
  overflow-y: auto; }

.toolbar {
  bottom: 10px;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #f5f5f5;
  gap: 20px;
  z-index: 3;
  background: #eee;
  border-radius: 20px;
  height: 40px;
  padding: 0 20px; }

.page-controls {
  right: 20px;
  color: #aaa; }

.page-controls span {
  color: #333; }

.ocr .ocr-identify-wrap {
  height: 500px;
  background-color: #fff;
  border: 1px solid #e6e8f4;
  display: -ms-flexbox;
  display: flex; }
  .ocr .ocr-identify-wrap .ocr-identify-upload-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e6e8f4; }
  .ocr .ocr-identify-wrap .ocr-identify-uploading {
    padding: 16px;
    width: 100%;
    height: 100%;
    background-color: #f3f3f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .ocr .ocr-identify-wrap .ocr-identify-fonter {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e6e8f4; }
    .ocr .ocr-identify-wrap .ocr-identify-fonter .ocr-identify-fonter-text {
      color: #8393ac;
      padding-left: 12px;
      display: inline-block; }
    .ocr .ocr-identify-wrap .ocr-identify-fonter .ocr-identify-fonter-btn {
      float: right;
      margin-right: 12px; }
    .ocr .ocr-identify-wrap .ocr-identify-fonter .mr12 {
      margin-right: 12px; }
  .ocr .ocr-identify-wrap .ocr-identify-upload {
    -ms-flex: 1;
        flex: 1;
    width: 100%;
    padding: 16px; }
    .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-content {
      height: 100%;
      width: 100%; }
    .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      width: 100%; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before.isnone {
        display: none; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before .ant-upload-hint {
        font-size: 12px;
        line-height: 2; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before .ant-upload.ant-upload-drag.ant-upload-disabled {
        cursor: pointer; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before .ant-upload.ant-upload-disabled {
        cursor: pointer; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before .ant-upload.ant-upload-drag {
        border: 1px solid #e6e8f4;
        background-color: #f3f3f8; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before span {
        width: 100%;
        height: 100%; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-before .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
        color: #7e7b7b; }
    .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-multiafter {
      background-color: #fff; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-multiafter .ocr-identify-upload-multiafter-title {
        font-size: 16px;
        color: #000;
        font-weight: 600; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-multiafter .ocr-identify-upload-multiafter-list {
        height: 380px;
        overflow-y: auto; }
        .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-multiafter .ocr-identify-upload-multiafter-list p {
          margin-bottom: 0;
          margin-top: 5px; }
    .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-singleafter {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      width: 100%;
      background-color: #f3f3f8; }
      .ocr .ocr-identify-wrap .ocr-identify-upload .ocr-identify-upload-singleafter img {
        max-height: 360px;
        max-width: 500px; }
  .ocr .ocr-identify-wrap .ocr-identify-result {
    width: 50%;
    padding: 16px; }
    .ocr .ocr-identify-wrap .ocr-identify-result .ocr-identify-result-title {
      font-size: 16px;
      color: #000;
      font-weight: 600; }
    .ocr .ocr-identify-wrap .ocr-identify-result .ocr-identify-result-content {
      margin-top: 10px;
      height: 420px;
      white-space: pre-wrap;
      word-wrap: break-word;
      overflow: auto; }
      .ocr .ocr-identify-wrap .ocr-identify-result .ocr-identify-result-content .ocr-result-paragraph {
        color: #8393ac;
        margin-top: 10px; }
      .ocr .ocr-identify-wrap .ocr-identify-result .ocr-identify-result-content .ocr-result-multi {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }

.ocr .ocr-note {
  margin-top: 12px;
  color: #8393ac;
  font-size: 12px;
  display: inline-block; }
  .ocr .ocr-note div {
    margin-top: 0;
    margin-bottom: 4px; }

.ocr .ocr-download {
  float: right;
  width: 160px;
  margin-top: 12px;
  height: 38px; }

.ocr-uploading {
  line-height: 32px;
  font-size: 16px; }