@charset "UTF-8";
@keyframes sliderIn {
  from {
    transform: translateX(60px); }
  to {
    transform: translateX(0); } }

.api_page_title {
  margin-bottom: 37px; }
  .api_page_title h1 {
    font-size: 42px;
    font-weight: 500;
    line-height: 51.18px;
    text-align: center;
    letter-spacing: normal;
    color: #3d3d3d;
    height: auto; }
    .api_page_title h1 i {
      color: #1e64ff;
      font-style: normal; }
  .api_page_title p {
    margin-top: 11px;
    font-size: 20px;
    font-weight: normal;
    line-height: 31.27px;
    text-align: center;
    letter-spacing: normal;
    color: #3d3d3d; }

.content_bg {
  width: 100%;
  height: 752px;
  background-image: url(../imgs/products/api/banner_bg.png?v=b86f27ba1b);
  background-size: cover;
  background-position: center;
  padding-top: 0;
  margin-top: 58px;
  display: flex;
  justify-content: center; }
  .content_bg .content {
    width: 1206px;
    display: flex;
    flex-direction: column;
    padding: 22px 0 64px 0; }
    .content_bg .content_top {
      width: 100%;
      height: 391px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content_bg .content_top_left_title, .content_bg .content_top_left_subtitle {
        font-size: 42px;
        font-weight: 600;
        line-height: 58.8px;
        letter-spacing: normal;
        /* 全链路记录+纪要+创作 */
        color: linear-gradient(270deg, #1e64ff 52%, #8649ff 100%);
        /* 解决方案 */
        color: #3d3d3d; }
        .content_bg .content_top_left_title span, .content_bg .content_top_left_subtitle span {
          background: linear-gradient(270deg, #1e64ff 52%, #8649ff 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent; }
      .content_bg .content_top_left_tip {
        font-size: 20px;
        font-weight: normal;
        line-height: 25.2px;
        letter-spacing: normal;
        color: #3d3d3d; }
      .content_bg .content_top_left_btn {
        margin-top: 29px;
        width: 120px;
        height: 42px;
        border-radius: 17.65px;
        background: url("../imgs/products/api/applying_bg.png?v=130758bf69") center/cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease-in-out; }
        .content_bg .content_top_left_btn:hover {
          transform: scale(1.1); }
        .content_bg .content_top_left_btn a {
          font-family: PingFang SC;
          font-size: 13.24px;
          font-weight: 500;
          line-height: 17.65px;
          letter-spacing: normal;
          color: #ffffff; }
        .content_bg .content_top_left_btn span {
          width: 16px;
          height: 16px;
          margin-left: 8px;
          background: url("../imgs/products/api/applying_arrow.png?v=3c3aac186b") center/cover no-repeat; }
      .content_bg .content_top_right {
        width: 550px;
        height: 373px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content_bg .content_top_right img {
          width: 100%;
          height: 100%; }
    .content_bg .content_bottom {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content_bg .content_bottom_item {
        width: 384px;
        height: 165px;
        padding: 34px 42px 28px;
        position: relative;
        border-radius: 21px;
        background: #ffffff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05), inset 0px 4px 10px 0px #ffffff;
        box-sizing: border-box; }
        .content_bg .content_bottom_item_icon {
          width: 70px;
          height: 70px;
          position: absolute;
          top: -16px;
          right: 41px;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
          border-radius: 12.73px; }
          .content_bg .content_bottom_item_icon.icon-voice {
            background-image: url("../imgs/products/api/icon_voice.png?v=97ca409082"); }
          .content_bg .content_bottom_item_icon.icon-record {
            background-image: url("../imgs/products/api/icon_record.png?v=2ce8fe174e"); }
          .content_bg .content_bottom_item_icon.icon-remote {
            background-image: url("../imgs/products/api/icon_remote.png?v=0f0db957ce"); }
        .content_bg .content_bottom_item_title {
          font-size: 24px;
          font-weight: 600;
          line-height: 31.27px;
          letter-spacing: normal;
          color: #3d3d3d; }
        .content_bg .content_bottom_item_desc {
          margin-top: 15px;
          font-size: 16px;
          font-weight: normal;
          line-height: 24px;
          letter-spacing: normal;
          color: #3d3d3d; }

.session {
  width: 100%;
  background: fixed url("../imgs/products/api/session_bg.png?v=08e732f96b") center/cover no-repeat; }

.session_solve {
  width: 1206px;
  padding-top: 105px;
  margin: 0 auto;
  padding-bottom: 22px; }
  .session_solve .session_solve_content {
    padding-top: 19px;
    display: flex;
    gap: 45px;
    align-items: flex-start;
    justify-content: space-between; }
    .session_solve .session_solve_content_left {
      display: flex;
      flex-direction: column; }
      .session_solve .session_solve_content_left_top {
        width: 546px;
        height: 42px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        border-bottom: 2px solid #e7e8ec;
        position: relative;
        box-sizing: border-box; }
        .session_solve .session_solve_content_left_top .slider {
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 120px;
          height: 4px;
          border-radius: 1px;
          background: #1e64ff;
          transition: all 0.3s ease-in-out; }
        .session_solve .session_solve_content_left_top span {
          font-size: 20px;
          font-weight: 600;
          line-height: 31.27px;
          text-align: center;
          letter-spacing: normal;
          color: #3d3d3d;
          cursor: pointer; }
          .session_solve .session_solve_content_left_top span.active {
            color: #1e64ff; }
      .session_solve .session_solve_content_left_bottom {
        margin-top: 54px; }
        .session_solve .session_solve_content_left_bottom_box {
          display: none;
          flex-direction: column;
          width: 583px;
          box-sizing: border-box;
          padding-left: 30px; }
          .session_solve .session_solve_content_left_bottom_box.show {
            display: flex;
            animation: sliderIn 0.3s ease-in-out; }
          .session_solve .session_solve_content_left_bottom_box span {
            font-size: 20px;
            font-weight: normal;
            line-height: 55px;
            text-align: justify;
            letter-spacing: normal;
            color: #3d3d3d;
            position: relative; }
            .session_solve .session_solve_content_left_bottom_box span i {
              color: #1e64ff;
              font-style: normal; }
            .session_solve .session_solve_content_left_bottom_box span b {
              font-size: 12px;
              font-weight: 600;
              line-height: 16px;
              text-align: justify;
              /* 浏览器可能不支持 */
              letter-spacing: normal;
              color: #3d3d3d;
              position: absolute;
              top: 10px;
              right: 100px;
              z-index: 1; }
            .session_solve .session_solve_content_left_bottom_box span::before {
              content: '';
              display: inline-block;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #3d3d3d;
              position: absolute;
              left: -15px;
              top: 24px; }
            .session_solve .session_solve_content_left_bottom_box span.text_tips {
              line-height: 8.42px;
              color: #9e9e9e;
              font-weight: 400;
              font-size: 12px;
              margin-left: -15px;
              margin-top: 20px; }
              .session_solve .session_solve_content_left_bottom_box span.text_tips::before {
                display: none; }
    .session_solve .session_solve_content_right {
      width: 560px;
      height: 349px;
      flex-shrink: 0;
      position: relative;
      top: 5px; }
      .session_solve .session_solve_content_right img {
        width: 100%;
        height: 100%;
        display: none;
        border-radius: 21px;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); }
        .session_solve .session_solve_content_right img.show_img {
          display: block;
          animation: sliderIn 0.3s ease-in-out; }

.session_choose {
  width: 1206px;
  padding-top: 150px;
  margin: 0 auto;
  padding-bottom: 24px;
  position: relative; }
  .session_choose_arrow {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    position: absolute;
    bottom: 200px;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.7; }
    .session_choose_arrow:hover {
      opacity: 1; }
    .session_choose_arrow.disabled {
      opacity: 0.3;
      pointer-events: none;
      cursor: not-allowed; }
    .session_choose_arrow.arrow_left {
      left: -103px;
      background: url("../imgs/products/api/arrow_left.png?v=940e0b79ed") center/cover no-repeat; }
    .session_choose_arrow.arrow_right {
      right: -103px;
      background: url("../imgs/products/api/arrow_right.png?v=3f89ecf803") center/cover no-repeat; }
  .session_choose_content {
    width: 100%;
    height: 538px;
    border-radius: 21px;
    background: #ffffff;
    /* 阴影2 */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative; }
    .session_choose_content_shell {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      transition: all 0.3s ease-in-out;
      left: -1211px; }
    .session_choose_content_slide {
      width: 1211px;
      flex-shrink: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 54px 48px;
      box-sizing: border-box; }
      .session_choose_content_slide.slide1 .session_choose_content_slide_box_item {
        background: url("../imgs/products/api/choose_slide_item_bg_1.png?v=daf810d8de") center/cover no-repeat; }
      .session_choose_content_slide.slide2 .session_choose_content_slide_box_item {
        background: url("../imgs/products/api/choose_slide_item_bg_2.png?v=dd10ac72bb") center/cover no-repeat; }
      .session_choose_content_slide.slide3 .session_choose_content_slide_box_item {
        background: url("../imgs/products/api/choose_slide_item_bg_3.png?v=5e93af4e36") center/cover no-repeat; }
      .session_choose_content_slide_title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 42px; }
        .session_choose_content_slide_title .tags {
          width: 150px;
          height: 41px;
          border-radius: 20.5px;
          background: #ffffff;
          border: 1.5px solid #1e64ff;
          font-size: 24px;
          font-weight: 500;
          line-height: 41px;
          letter-spacing: normal;
          color: #1e64ff;
          text-align: center;
          position: absolute;
          left: 0px; }
        .session_choose_content_slide_title .text {
          font-family: PingFang SC;
          font-size: 37.87px;
          font-weight: 500;
          line-height: 53.02px;
          text-align: justify;
          /* 浏览器可能不支持 */
          letter-spacing: normal;
          color: #3d3d3d; }
      .session_choose_content_slide_box {
        width: 100%;
        height: 239px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .session_choose_content_slide_box_item {
          width: 353px;
          height: 239px;
          flex-direction: column;
          border-radius: 21px;
          background: #ffffff;
          border: 1px solid #e8e8e8;
          box-sizing: border-box;
          padding: 87px 38px 31px;
          position: relative; }
          .session_choose_content_slide_box_item_icon {
            width: 110px;
            height: 84px;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            right: 38px;
            bottom: 117px; }
            .session_choose_content_slide_box_item_icon.icon-backcloth1 {
              background-image: url("../imgs/products/api/icon_backcloth1.png?v=4ff0ff9eb6"); }
            .session_choose_content_slide_box_item_icon.icon-scheme1 {
              background-image: url("../imgs/products/api/icon_scheme1.png?v=008a1e2b2e"); }
            .session_choose_content_slide_box_item_icon.icon-effect1 {
              background-image: url("../imgs/products/api/icon_effect1.png?v=c6535bb0b8"); }
            .session_choose_content_slide_box_item_icon.icon-backcloth2 {
              background-image: url("../imgs/products/api/icon_backcloth2.png?v=e3d77bf461"); }
            .session_choose_content_slide_box_item_icon.icon-scheme2 {
              background-image: url("../imgs/products/api/icon_scheme2.png?v=6269c97ff1"); }
            .session_choose_content_slide_box_item_icon.icon-effect2 {
              background-image: url("../imgs/products/api/icon_effect2.png?v=1cfb0cbcb8"); }
            .session_choose_content_slide_box_item_icon.icon-backcloth3 {
              background-image: url("../imgs/products/api/icon_backcloth3.png?v=a49aab0b2c"); }
            .session_choose_content_slide_box_item_icon.icon-scheme3 {
              background-image: url("../imgs/products/api/icon_scheme3.png?v=c59f09ede3"); }
            .session_choose_content_slide_box_item_icon.icon-effect3 {
              background-image: url("../imgs/products/api/icon_effect3.png?v=9bc4298c6d"); }
          .session_choose_content_slide_box_item_title {
            font-size: 24px;
            font-weight: 500;
            line-height: 44.8px;
            letter-spacing: normal;
            color: #3d3d3d; }
          .session_choose_content_slide_box_item_desc {
            margin-top: 7px;
            font-family: PingFang SC;
            font-size: 16px;
            font-weight: normal;
            line-height: 23px;
            text-align: justify;
            /* 浏览器可能不支持 */
            letter-spacing: normal;
            color: #3d3d3d;
            letter-spacing: -0.5px; }
      .session_choose_content_slide_bottom {
        width: 100%;
        height: 60px;
        margin-top: 36px;
        display: flex;
        gap: 100px;
        align-items: center;
        justify-content: center; }
        .session_choose_content_slide_bottom_item {
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .session_choose_content_slide_bottom_item::before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url("../imgs/products/api/icon_tick.png?v=73d1c59ddd") center/cover no-repeat;
            margin-right: 16px; }
          .session_choose_content_slide_bottom_item span {
            font-family: PingFang SC;
            font-size: 16px;
            font-weight: 500;
            line-height: 60px;
            letter-spacing: normal;
            color: #1e64ff; }

.session_process {
  width: 1206px;
  padding-top: 150px;
  margin: 0 auto;
  padding-bottom: 120px;
  position: relative; }
  .session_process_top {
    width: 100%;
    height: 184px;
    padding: 0 130px;
    border-radius: 21px;
    background: #ffffff;
    /* 阴影2 */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box; }
    .session_process_top_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .session_process_top_item_icon {
        width: 52px;
        height: 52px;
        background-size: contain;
        /* Add background size */
        background-repeat: no-repeat;
        /* Add background repeat */ }
        .session_process_top_item_icon.icon_communicate {
          background-image: url("../imgs/products/api/icon_communicate.png?v=2086997adf"); }
        .session_process_top_item_icon.icon_trial {
          background-image: url("../imgs/products/api/icon_trial.png?v=80485f4c9f"); }
        .session_process_top_item_icon.icon_solutions {
          background-image: url("../imgs/products/api/icon_solutions.png?v=4910e4f049"); }
        .session_process_top_item_icon.icon_delivery {
          background-image: url("../imgs/products/api/icon_delivery.png?v=9e42775bff"); }
      .session_process_top_item_name {
        margin-top: 17px;
        font-size: 20px;
        font-weight: 500;
        line-height: 31.27px;
        letter-spacing: normal;
        color: #3d3d3d; }
    .session_process_top_arrow {
      width: 102px;
      height: 14px;
      background: url("../imgs/products/api/process_arrow.png?v=a6e8d58ca1") center/cover no-repeat;
      position: relative;
      top: -23px; }
  .session_process_bottom {
    width: 100%;
    height: 440px;
    background: url("../imgs/products/api/session_process_bg.png?v=ce72a176e5") center/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 66px; }
    .session_process_bottom_title {
      font-family: PingFang SC;
      font-size: 22px;
      font-weight: normal;
      line-height: 30.8px;
      text-align: center;
      letter-spacing: normal;
      color: #1f1f1f; }
    .session_process_bottom_form {
      margin-top: 23px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .session_process_bottom_form_item {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 20px;
        padding-right: 322px;
        position: relative; }
        .session_process_bottom_form_item_label {
          font-family: PingFang SC;
          font-size: 22px;
          font-weight: normal;
          line-height: 30.8px;
          text-align: center;
          letter-spacing: normal;
          color: #1f1f1f; }
          .session_process_bottom_form_item_label .icon-required-star {
            vertical-align: text-top;
            color: #ff4754;
            margin-right: 8px; }
        .session_process_bottom_form_item_input {
          width: 408px;
          height: 44px;
          border-radius: 8px;
          background: #ffffff;
          box-sizing: border-box;
          border: 1px solid rgba(0, 0, 0, 0.32); }
          .session_process_bottom_form_item_input.input_err {
            border: 1px solid #ff4754;
            box-shadow: 0 0 5px rgba(255, 71, 84, 0.5);
            background-color: #fff5f5; }
          .session_process_bottom_form_item_input input {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: 8px;
            padding-left: 10px;
            outline: none;
            border: none;
            font-size: 14px;
            font-weight: normal;
            line-height: 64.87px;
            text-align: justify;
            /* 浏览器可能不支持 */
            letter-spacing: normal; }
            .session_process_bottom_form_item_input input::placeholder {
              color: #adadad;
              /* Placeholder color */ }
        .session_process_bottom_form_item .error_tips {
          position: absolute;
          right: 127px;
          color: #ff4754;
          display: block;
          width: 190px; }
      .session_process_bottom_form_submit {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: 322px; }
        .session_process_bottom_form_submit .submit_error_tips {
          display: none;
          margin-right: 148px;
          color: #ff4754;
          margin-bottom: 8px; }
        .session_process_bottom_form_submit_btn {
          margin-right: 148px;
          width: 180px;
          height: 60px;
          border-radius: 8px;
          background: #0256ff;
          font-family: PingFang SC;
          font-size: 22px;
          font-weight: 500;
          line-height: 60px;
          text-align: center;
          letter-spacing: normal;
          color: #ffffff;
          cursor: pointer; }
          .session_process_bottom_form_submit_btn.disabled {
            opacity: 0.3; }

.session_tips {
  box-sizing: border-box;
  width: 100%;
  height: 225px;
  display: flex;
  justify-content: center;
  padding-top: 75px;
  background: url("../imgs/products/api/session_tips_bg.png?v=f86842203b") center/cover no-repeat; }

.session_contact {
  width: 100%;
  background-color: #f9fbfe; }
  .session_contact_box {
    width: 1206px;
    margin: 0 auto;
    position: relative;
    padding-top: 105px;
    padding-bottom: 104px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .session_contact_img {
    width: 281px;
    height: 282px;
    margin-bottom: 48px; }
    .session_contact_img img {
      width: 100%;
      height: 100%; }
  .session_contact_bottom {
    width: 774px;
    height: 59px;
    border-radius: 38.6px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.32);
    display: flex;
    align-items: center;
    justify-content: center; }
    .session_contact_bottom_item {
      font-size: 20px;
      font-weight: 500;
      line-height: 31.27px;
      text-align: center;
      letter-spacing: normal;
      color: #3d3d3d; }
      .session_contact_bottom_item span {
        font-weight: 500; }
    .session_contact_bottom .divider {
      margin: 0 15px;
      color: #3d3d3d;
      font-size: 20px;
      line-height: 31.27px;
      font-weight: 500; }

/* toast提示框样式开始 */
.toast-wrap {
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  height: 50px;
  line-height: 50px;
  max-width: 50%;
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #ebebeb;
  padding: 0 24px;
  box-sizing: border-box;
  z-index: 9999; }
  .toast-wrap > span {
    display: inline-block;
    vertical-align: middle; }
    .toast-wrap > span:nth-child(1) {
      width: 32px;
      height: 32px; }
    .toast-wrap > span:nth-child(2) {
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #262626;
      margin-left: 1px; }
  .toast-wrap .warning {
    background: url("/static/imgs/message/warning.svg?v=b21cf0aca4") center no-repeat; }
  .toast-wrap .success {
    background: url("../../static/imgs/keywordsThesaurus/success-small.svg?v=69373fe15f") no-repeat center;
    background-size: 100% 100%; }
  .toast-wrap .error {
    background: url("../../static/imgs/keywordsThesaurus/error-small.svg?v=cfb067001e") no-repeat center;
    background-size: 100% 100%; }

#rightSidebar {
  display: none; }

#sidebar-contact-btn {
  position: fixed;
  right: 40px;
  bottom: 240px;
  z-index: 9999;
  width: 56px;
  height: 132px;
  background: url("/static/imgs/proServiceNew/btn_contact_us.png?v=08ce592274") no-repeat;
  background-size: contain;
  border-radius: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  #sidebar-contact-btn div {
    width: 18px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #ffffff;
    word-break: break-all; }

#sidebar-contact-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 999; }
  #sidebar-contact-modal #sidebar-contact-form {
    width: 532px;
    height: 303px;
    border-radius: 20.5px;
    background: #ffffff;
    box-shadow: 0px 0px 9.76px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 125px;
    bottom: 200px; }
    #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_title {
      display: none; }
    #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_item {
      padding-right: 30px; }
      #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_item .session_process_bottom_form_item_label {
        font-size: 22px; }
      #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_item .session_process_bottom_form_item_input {
        width: 326px; }
        #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_item .session_process_bottom_form_item_input input {
          font-size: 14px; }
      #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_item .error_tips {
        top: 100%;
        right: 165px; }
    #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_submit {
      padding-right: 0; }
      #sidebar-contact-modal #sidebar-contact-form .session_process_bottom_form .session_process_bottom_form_submit .session_process_bottom_form_submit_btn {
        margin-right: 100px; }