@charset "UTF-8";

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/modals/dist/es/common/modals.css */
.volcfe-common-modal.arco-modal {
  width: 360px;
  max-width: 85vw;
  padding: 20px 24px;
  border-radius: 8px;
}
.volcfe-common-modal.arco-modal .arco-modal-title {
  font-size: 18px;
  color: #0c0d0e !important;
  color: var(--color-text-1, #0c0d0e) !important;
}
.volcfe-common-modal.arco-modal .arco-modal-title span {
  display: flex;
  align-items: center;
}
.volcfe-common-modal.arco-modal .arco-modal-content {
  overflow-y: auto;
  max-height: 50vh;
  color: #42464e;
  color: var(--color-text-2, #42464e);
  font-weight: 400;
  font-size: 13px;
}
.volcfe-common-modal.arco-modal .arco-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn {
  font-weight: 500;
  border-radius: 4px;
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-secondary {
  color: #42464e;
  color: var(--color-text-2, #42464e);
  background-color: #f6f8fa;
  background-color: var(--color-bg-4, #f6f8fa);
  border-color: #eaedf1;
  border-color: var(--color-border-2, #eaedf1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-secondary:hover {
  background-color: #fafbfc;
  background-color: var(--color-bg-3, #fafbfc);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-secondary:active {
  background-color: #fafbfc;
  background-color: var(--color-bg-3, #fafbfc);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-primary {
  background-color: #1664ff;
  background-color: var(--color-primary-6, #1664ff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-primary:hover {
  background-color: #387bff;
  background-color: var(--color-primary-5, #387bff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  border-color: #387bff;
  border-color: var(--color-primary-5, #387bff);
}
.volcfe-common-modal.arco-modal .arco-modal-footer .arco-btn.arco-btn-primary:active {
  background-color: #387bff;
  background-color: var(--color-primary-5, #387bff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  border-color: #387bff;
  border-color: var(--color-primary-5, #387bff);
}
.volcfe-common-modal-icon {
  display: block;
  margin-right: 8px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/components-base/dist/es/ErrorComponent404/index_module.css */
.banner_f7a9b {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f1f3f5;
}
@media screen and (max-width: 767px) {
  .banner_f7a9b {
    flex-direction: column;
    padding: 88px 0 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner_f7a9b {
    padding: 138px 0 78px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .banner_f7a9b {
    padding: 148px 0 70px;
  }
}
@media screen and (min-width: 1680px) {
  .banner_f7a9b {
    padding: 197px 0 91px;
  }
}
.banner-img_f7a9b {
  display: block;
}
@media screen and (max-width: 767px) {
  .banner-img_f7a9b {
    width: 160px;
    height: 160px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-img_f7a9b {
    width: 200px;
    height: 200px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .banner-img_f7a9b {
    width: 200px;
    height: 200px;
    margin-right: 60px;
  }
}
@media screen and (min-width: 1680px) {
  .banner-img_f7a9b {
    width: 270px;
    height: 270px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .banner-content_f7a9b {
    padding: 0 24px;
  }
}
.banner-title_f7a9b {
  color: #282828;
  margin-bottom: 20px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .banner-title_f7a9b {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.072px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title_f7a9b {
    font-size: 30px;
    letter-spacing: 0.09px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .banner-title_f7a9b {
    font-size: 30px;
    letter-spacing: 0.09px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .banner-title_f7a9b {
    font-size: 40px;
    letter-spacing: 0.12px;
  }
}
.banner_f7a9b .heavier_f7a9b {
  color: #42464e;
  font-weight: 500;
}
.banner_f7a9b .reason_f7a9b,
.banner_f7a9b .guess_f7a9b {
  font-size: 13px;
  line-height: 22px;
}
.banner_f7a9b .reason_f7a9b a,
.banner_f7a9b .guess_f7a9b a {
  font-weight: 500;
  color: #1664ff !important;
  text-decoration: none;
  margin-right: 4px;
}
.banner-button_f7a9b {
  display: block;
  border-radius: 4px;
  color: #fff;
  background: #1664ff;
  text-align: center;
  margin-top: 24px;
  box-shadow: 0px 3px 8px 0px rgba(51, 65, 101, 0.2);
  font-weight: 600;
  width: 110px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .banner-button_f7a9b {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-weight: 500;
    font-size: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .banner-button_f7a9b {
    width: 147px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }
}
.content-wrap_f7a9b {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
@media screen and (min-width: 1024px) {
  .content-wrap_f7a9b {
    max-width: 1248px;
  }
}
@media screen and (min-width: 1680px) {
  .content-wrap_f7a9b {
    max-width: 1648px;
  }
}
.related_f7a9b {
  background: #fff;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .related_f7a9b {
    background: #f1f3f5;
  }
}
@media screen and (max-width: 1023px) {
  .related_f7a9b {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1680px) {
  .related_f7a9b {
    padding-bottom: 52px;
  }
}
.related-title_f7a9b {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1680px) {
  .related-title_f7a9b {
    font-size: 26px;
    margin-bottom: 22px;
  }
}
.related-item-wrap_f7a9b {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.related-item_f7a9b {
  background: #fff;
  border-radius: 8px;
  height: 88px;
  position: relative;
  display: block;
  padding: 20px 24px;
}
@media screen and (max-width: 1023px) {
  .related-item_f7a9b {
    width: 100%;
    border: 1px solid #eaedf1;
  }
}
@media screen and (min-width: 1024px) {
  .related-item_f7a9b {
    flex: 1 1;
  }
}
@media screen and (min-width: 1680px) {
  .related-item_f7a9b {
    height: 118px;
    padding: 26px 32px;
  }
}
@media screen and (min-width: 1024px) {
  .related-item_f7a9b:not(:first-child) {
    margin-left: 11px;
  }
}
.related-item-title_f7a9b {
  color: #181818;
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 16px;
}
@media screen and (min-width: 1680px) {
  .related-item-title_f7a9b {
    font-size: 20px;
  }
}
.related-item-des_f7a9b {
  color: #737a87;
  font-size: 14px;
}
@media screen and (min-width: 1680px) {
  .related-item-des_f7a9b {
    font-size: 18px;
  }
}
.related-item-arrow_f7a9b {
  color: #42464e;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg) translateY(-50%);
}
.feedback_f7a9b {
  background: #fff;
  padding-bottom: 48px;
}
@media screen and (min-width: 1024px) {
  .feedback_f7a9b {
    padding-top: 43px;
    padding-bottom: 43px;
  }
}
.feedback-content_f7a9b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .feedback-content_f7a9b {
    display: block;
  }
}
.feedback-title_f7a9b {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 8px;
  color: #282828;
}
@media screen and (min-width: 1680px) {
  .feedback-title_f7a9b {
    margin-bottom: 10px;
    font-size: 26px;
  }
}
.feedback-href_f7a9b {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #737a87;
}
@media screen and (min-width: 1680px) {
  .feedback-href_f7a9b {
    font-size: 16px;
  }
}
.feedback-button_f7a9b {
  display: block;
  width: 109px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #dde2e9;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  background: #f6f8fa;
  color: #42464e;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
@media screen and (min-width: 1680px) {
  .feedback-button_f7a9b {
    width: 144px;
    height: 45px;
    line-height: 43px;
  }
}
@media screen and (max-width: 767px) {
  .feedback-button_f7a9b {
    margin-top: 25px;
    width: calc(100% - 6px);
  }
}
.feedback-button_f7a9b.primary_f7a9b {
  margin-right: 10px;
  background: #1664ff;
  color: #fff;
  border: 1px solid #1759dd;
}
@media screen and (max-width: 767px) {
  .feedback-button_f7a9b.primary_f7a9b {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1680px) {
  .feedback-button_f7a9b.primary_f7a9b {
    margin-right: 12px;
  }
}
.form-title_f7a9b {
  color: #282828;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1680px) {
  .form-title_f7a9b {
    font-size: 26px;
    margin-bottom: 31px;
  }
}
#volcfe-404-form label:not([class^=arco]) {
  font-weight: 500;
  color: #181818;
  font-size: 14px;
}
#volcfe-404-form .cascader_f7a9b {
  width: 327px;
}
@media screen and (max-width: 767px) {
  #volcfe-404-form .cascader_f7a9b {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  #volcfe-404-form .cascader_f7a9b {
    width: 380px;
  }
}
@media screen and (min-width: 1680px) {
  #volcfe-404-form .cascader_f7a9b {
    width: 507px;
  }
}
#volcfe-404-form .arco-cascader-view {
  height: 40px;
  line-height: 38px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dde2e9;
}
#volcfe-404-form .textarea_f7a9b {
  width: 100%;
  min-height: 80px;
}
@media screen and (min-width: 1024px) {
  #volcfe-404-form .textarea_f7a9b {
    width: 680px;
  }
}
@media screen and (min-width: 1680px) {
  #volcfe-404-form .textarea_f7a9b {
    width: 906px;
  }
}
#volcfe-404-form .arco-textarea {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dde2e9;
}
#volcfe-404-form .submit-button_f7a9b {
  width: 100%;
  height: 44px;
  border-radius: 4px;
  background: #1664ff;
  text-align: center;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  box-shadow: 0px 3px 8px 0px rgba(51, 65, 101, 0.2);
}
@media screen and (min-width: 768px) {
  #volcfe-404-form .submit-button_f7a9b {
    width: 110px;
    height: 36px;
    font-size: 13px;
  }
}
.arco-modal.modal_f7a9b {
  border-radius: 8px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
  max-width: 90%;
}
.arco-modal.modal_f7a9b .arco-modal-title {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #0c0d0e;
}
.arco-modal.modal_f7a9b .arco-modal-close-icon {
  transform: translateY(10px);
}
.arco-modal.modal_f7a9b .arco-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.arco-modal.modal_f7a9b .arco-btn-secondary {
  display: none;
}
.arco-modal.modal_f7a9b .arco-modal-content {
  color: #42464e;
  font-size: 13px;
}
.arco-modal.modal_f7a9b .arco-btn-primary {
  width: 85px;
  height: 32px;
  border-radius: 4px;
  background: #1664ff;
  color: #fff;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/components-base/dist/es/ErrorComponent500/index_module.css */
.container_a749d {
  background: white;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 120px;
}
.container_a749d .link_a749d {
  padding: 0 4px;
  cursor: pointer;
}
.container_a749d .img_a749d {
  width: 225px;
  height: 225px;
  margin: 120px auto 12px;
}
.container_a749d .subtitle_a749d,
.container_a749d .title_a749d {
  letter-spacing: 0.3px;
}
.container_a749d .title_a749d {
  font-weight: 400;
  font-family:
    PingFangSC-Regular,
    "Helvetica Neue",
    arial,
    helvetica,
    "SF Pro Text",
    "SF Pro Icons",
    "Microsoft YaHei",
    "Microsoft JhengHei",
    "Source Han Sans CN",
    STHeiti,
    "Hiragino Sans GB",
    sans-serif;
  font-size: 18px;
  color: #1d2129;
  margin-bottom: 8px;
  line-height: 26px;
}
.container_a749d .subtitle_a749d {
  font-size: 12px;
  color: #4e5969;
  font-weight: 400;
  line-height: 20px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/modals/dist/es/ShareModal/ShareButton/index_module.css */
.wrap_f6e6b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrap_f6e6b:not(:first-child) {
  margin-left: 24px;
}
@media (min-width: 1100px) {
  .wrap_f6e6b:not(:first-child) {
    margin-left: 1.5rem;
  }
}
.wrap_f6e6b:hover .icon-wrap_f6e6b {
  background: linear-gradient(0deg, rgba(255, 254, 253, 0.6) 0%, rgba(255, 254, 253, 0.6) 100%);
}
.tooltip_f6e6b {
  z-index: 3100 !important;
}
@media (max-width: 767px) {
  .tooltip_f6e6b {
    display: none !important;
  }
}
.tooltip_f6e6b .arco-tooltip-content {
  border-radius: 4px !important;
  border: 1px solid #dde2e9 !important;
  border: 1px solid var(--color-border-3, #dde2e9) !important;
}
.tooltip_f6e6b .arco-tooltip-content-inner {
  word-break: break-all;
}
.tooltip_f6e6b .arco-tooltip-arrow {
  z-index: 1;
  border-bottom: 1px solid #dde2e9 !important;
  border-bottom: 1px solid var(--color-border-3, #dde2e9) !important;
  border-right: 1px solid #dde2e9 !important;
  border-right: 1px solid var(--color-border-3, #dde2e9) !important;
}
.tooltip_f6e6b .arco-tooltip-content {
  color: #42464e !important;
  color: var(--color-text-2, #42464e) !important;
}
.tooltip_f6e6b.small-padding_f6e6b .arco-tooltip-content {
  padding: 4px !important;
}
.icon-wrap_f6e6b {
  width: 40px;
  height: 40px;
  border-radius: 106.95px;
  background: #f6f8fa;
  background: var(--color-bg-4, #f6f8fa);
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-wrap_f6e6b img {
  width: 22px;
  height: 22px;
}
@media (min-width: 1100px) {
  .icon-wrap_f6e6b {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9.125rem;
    margin-bottom: 0.5rem;
  }
  .icon-wrap_f6e6b img {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .icon-wrap_f6e6b {
    width: 36px;
    height: 36px;
    border-radius: 90px;
  }
  .icon-wrap_f6e6b img {
    width: 20px;
    height: 20px;
  }
}
.text_f6e6b {
  color: #737a87;
  color: var(--share-action-text-color, var(--color-text-3, #737a87));
  text-align: center;
  font-size: 11px;
  font-size: var(--share-action-text-size, 11px);
  font-style: normal;
  font-weight: 400;
  font-weight: var(--share-action-text-weight, 400);
  line-height: 20px;
  line-height: var(--share-action-text-line-height, 20px);
  letter-spacing: 0.036px;
  letter-spacing: var(--share-action-text-letter-spacing, 0.036px);
  font-family: inherit;
  font-family: var(--share-action-text-font-family, inherit);
}
@media (min-width: 1100px) {
  .text_f6e6b {
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.00225rem;
  }
}
.preview_f6e6b {
  display: block;
  width: 100px;
  height: auto;
}
.qr-code-preview_f6e6b {
  display: block;
  width: 158px;
  height: auto;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/modals/dist/es/ShareModal/index_module.css */
.modal-wrap_b1851 {
  --ve-sem-yellow-warning-1: var(--yellow-warning-1, #fef8eb);
  --ve-sem-bg-page: var(--color-bg-1, #fff);
  --ve-sem-bg-surface: var(--color-bg-5, #f1f3f5);
  --ve-sem-bg-card-active: var(--color-bg-1, #fff);
  --ve-sem-text-primary: var(--color-text-1, #0c0d0e);
  --ve-sem-text-secondary: var(--color-text-2, #42464e);
  --ve-sem-text-secondary-mobile: var(--color-text-1, #0c0d0e);
  --ve-sem-text-tertiary: var(--color-text-3, #737a87);
  --ve-sem-border-default: var(--color-border-3, #dde2e9);
  --ve-sem-border-card-active: var(--color-border-2, #dde2e9);
  --ve-sem-link-text: var(--color-text-1, #0c0d0e);
  --ve-sem-link-hover-text: rgb(var(--primary-6, 22 100 255));
  --ve-sem-button-primary-bg: var(--color-text-1, #0c0d0e);
  --ve-sem-button-primary-text: #fff;
  --ve-sem-button-primary-border: var(--color-text-1, #0c0d0e);
  --ve-sem-button-primary-hover-bg: var(--color-text-2, #42464e);
  --ve-sem-button-primary-hover-border: var(--color-text-2, #42464e);
  --ve-sem-button-secondary-bg: var(--color-bg-1, #fff);
  --ve-sem-button-secondary-text: var(--color-text-1, #000);
  --ve-sem-button-secondary-border: var(--color-border-3, #dde2e9);
  --ve-sem-button-secondary-hover-bg: #F6F8FA;
  --ve-sem-button-secondary-hover-border: var(--color-border-3, #dde2e9);
  --ve-sem-fill-hover-subtle: rgba(255, 255, 255, 0.5);
  --ve-sem-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.05);
  --ve-sem-shadow-card-active: 0 5px 60px 0 rgba(51, 65, 101, 0.1);
  --share-modal-close-svg-color: #000;
}
body[arco-theme=dark] .modal-wrap_b1851 {
  --ve-sem-yellow-warning-1: var(--yellow-warning-1, rgba(83, 57, 0, 0.5));
  --ve-sem-bg-page: var(--color-bg-1, #131416);
  --ve-sem-bg-surface: var(--color-bg-5, #353535);
  --ve-sem-bg-card-active: var(--color-fill-1, #10131b);
  --ve-sem-text-primary: var(--color-text-1, #fff);
  --ve-sem-text-secondary: var(--color-text-2, #d0d5df);
  --ve-sem-text-secondary-mobile: var(--color-text-2, #d0d5df);
  --ve-sem-text-tertiary: var(--color-text-3, #97a0b0);
  --ve-sem-border-default: var(--color-border-3, #575757);
  --ve-sem-border-card-active: rgba(98, 126, 255, 0.34);
  --ve-sem-link-text: var(--color-text-1, #fff);
  --ve-sem-link-hover-text: rgba(var(--primary-6, 22 100 255), 0.72);
  --ve-sem-button-primary-bg: var(--color-bg-1, #e8e8e8);
  --ve-sem-button-primary-text: var(--color-bg-1, #1f1f1f);
  --ve-sem-button-primary-border: var(--color-fill-4, #e8e8e8);
  --ve-sem-button-primary-hover-bg: var(--color-fill-3, #bbbbbb);
  --ve-sem-button-primary-hover-border: var(--color-fill-3, #bbbbbb);
  --ve-sem-button-secondary-bg: var(--color-bg-1, #131416);
  --ve-sem-button-secondary-text: var(--color-text-1, #c7ccd6);
  --ve-sem-button-secondary-border: rgba(221, 226, 233, 0.15);
  --ve-sem-button-secondary-hover-bg: rgba(246, 248, 250, 0.06);
  --ve-sem-button-secondary-hover-border: rgba(146, 162, 203, 0.36);
  --ve-sem-fill-hover-subtle: rgba(17, 23, 35, 0.78);
  --ve-sem-shadow-card: 0 10px 28px rgba(0, 0, 0, 0.3);
  --ve-sem-shadow-card-active:
    0 0 0 1px rgba(83, 112, 255, 0.18),
    0 0 28px rgba(60, 96, 255, 0.42),
    0 10px 30px rgba(0, 0, 0, 0.48);
  --share-modal-close-svg-color: #9da3af;
}
.pc-modal_b1851 {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.mobile-drawer_b1851 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: auto;
}
.mobile-drawer_b1851 .arco-drawer-content {
  padding: 0 !important;
}
.arco-drawer_b1851 {
  height: auto !important;
}
.modal-wrap_b1851 {
  width: 480px;
  background: #fff;
  background: var(--color-bg-1, #fff);
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal-wrap_b1851 * {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .modal-wrap_b1851 {
    width: 100%;
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
  }
  .modal-wrap_b1851::-webkit-scrollbar {
    display: none;
  }
}
.embedded_b1851 {
  width: 100%;
  border-radius: 12px;
  margin-top: 32px;
}
.transparent-wrap_b1851 {
  background: transparent;
}
.transparent-wrap_b1851.embedded_b1851 {
  margin-top: 0;
  border-radius: 0;
}
.embedded_b1851 .modal-content_b1851 {
  padding: 0rem 1rem 0rem 1rem;
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .modal-content_b1851 {
    padding: 0 16px 14px 16px;
  }
}
@media (max-width: 767px) {
  .embedded_b1851 .modal-content_b1851 {
    padding: 16px 16px 14px 16px;
  }
}
.embedded_b1851 .poster_b1851 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .poster_b1851 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.embedded_b1851 .poster-card_b1851 {
  width: 170px;
  max-width: 100%;
  margin-bottom: 0;
}
@media (min-width: 1100px) {
  .embedded_b1851 .poster-card_b1851 {
    width: 17.75rem;
    height: 24.375rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .poster-card_b1851 {
    width: 134px;
    height: 184px;
  }
}
@media (max-width: 767px) {
  .embedded_b1851 .poster-card_b1851 {
    width: 284px;
    height: 390px;
  }
}
.embedded_b1851 .divider-wrap_b1851 {
  margin-bottom: 16px;
}
.embedded_b1851 .bottom-tip_b1851 {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .embedded_b1851 .bottom-tip_b1851 {
    margin-top: 16px;
  }
}
.bg_b1851 {
  height: 352px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.modal-content_b1851 {
  flex: 1 1;
  width: 100%;
  padding: 48px 24px 16px 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .modal-content_b1851 {
    background: transparent;
    padding: 40px 24px 35px 24px;
  }
}
.qr-code-wrap_b1851 {
  width: 100px;
  height: 100px;
  margin-bottom: 8px;
}
.qr-code-desc_b1851 {
  color: #737a87;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.039px;
  margin-bottom: 24px;
}
.modal-title_b1851 {
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.072px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .modal-title_b1851 {
    line-height: 32px;
    margin-bottom: 22px;
  }
}
.modal-desc_b1851 {
  color: #737a87;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.039px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .modal-desc_b1851 {
    font-size: 13px;
  }
}
.divider-wrap_b1851 {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  width: 100%;
  max-width: 266px;
}
.divider-line_b1851 {
  flex: 1 1;
  height: 1px;
  background: #dde2e9;
  background: var(--color-border-3, #dde2e9);
}
.divider-text_b1851 {
  color: #42464e;
  color: var(--color-text-2, #42464e);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.036px;
  margin: 0 4px;
}
.check-icon_b1851 {
  width: 80px;
  height: 80px;
  -webkit-user-drag: none;
}
.close-icon-wrap_b1851 {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 20px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .close-icon-wrap_b1851 {
    width: 30px;
    height: 30px;
    top: 25px;
    right: 10px;
  }
}
.close-icon_b1851 {
  width: 20px;
  height: 20px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/bee_prod/biz_950/tos_aca22560dfe1e9aa2540da9bc00bf830.svg);
}
.poster-card_b1851 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  background: var(--color-bg-1, #fff);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 32px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .poster-card_b1851 {
    margin-bottom: 16px;
  }
}
.transparent-wrap_b1851 .poster-card_b1851 {
  background: transparent;
}
.poster-card-loading_b1851 {
  background: transparent;
  box-shadow: none;
}
.poster_b1851 {
  display: block;
  height: 320px;
  width: auto;
  border-radius: 12px;
}
.poster-standalone_b1851 {
  margin-bottom: 32px;
}
.poster-placeholder_b1851 {
  background: transparent;
  width: 284px;
  height: 390px;
}
@media (min-width: 1100px) {
  .poster-placeholder_b1851 {
    width: 17.75rem;
    height: 24.375rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .poster-placeholder_b1851 {
    width: 134px;
    height: 184px;
  }
}
.loading-title_b1851 {
  width: 100%;
  margin-bottom: 16px;
}
.loading-poster_b1851 {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.loading-poster_b1851 > .arco-skeleton-header {
  width: 100%;
}
.loading-poster_b1851 > .arco-skeleton-header > .arco-skeleton-image-left {
  margin-right: 0px;
  width: 100%;
  height: 320px;
  border-radius: 12px;
}
.loading-poster-embedded_b1851 > .arco-skeleton-header > .arco-skeleton-image-left {
  height: 240px;
}
@media (min-width: 1100px) {
  .loading-poster-embedded_b1851 > .arco-skeleton-header > .arco-skeleton-image-left {
    height: 22.3125rem;
  }
}
.poster-desc-wrap_b1851 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 21px;
}
.poster-desc-icon_b1851 {
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(https://lf3-beecdn.bytetos.com/obj/ies-fe-bee-upload/bee_prod/biz_950/tos_eb5fc68e55a5fd4b7f048172ea489a5e.svg);
}
.poster-desc_b1851 {
  color: #42464e;
  color: var(--color-text-2, #42464e);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
  margin: 0 5px;
}
.share-methods_b1851 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.primary-action-wrap_b1851 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
@media (min-width: 1100px) {
  .primary-action-wrap_b1851 {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .primary-action-wrap_b1851 {
    margin-top: 0;
  }
}
.copy-link-primary-btn_b1851 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 360px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  color: #fff4e5;
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(90deg, #ff659c -52.88%, #ff3452 24.33%, #ff2c46 42.32%, #ff8c68 115.95%);
  box-shadow: 0 9px 20px 0 rgba(255, 90, 86, 0.69);
  position: relative;
  overflow: hidden;
}
.copy-link-primary-btn_b1851:hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: inherit;
}
@media (min-width: 1100px) {
  .copy-link-primary-btn_b1851 {
    gap: 0.375rem;
    max-width: 17.5rem;
    height: 3.375rem;
    padding: 0.5rem 1.125rem 0.5rem 1.125rem;
    font-family:
      "PingFang SC",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    line-height: 2rem;
    border-radius: 5.625rem;
    box-shadow: 0 0.5625rem 1.25rem 0 rgba(255, 90, 86, 0.69);
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .copy-link-primary-btn_b1851 {
    gap: 6px;
    width: 160px;
    max-width: 160px;
    height: 33px;
    padding: 6px 28px;
    font-size: 12px;
    line-height: 21px;
    border-radius: 90px;
  }
}
@media (max-width: 767px) {
  .copy-link-primary-btn_b1851 {
    gap: 6px;
    width: 240px;
    max-width: 240px;
    height: 48px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 90px;
  }
}
.copy-link-primary-icon_b1851 {
  width: 16px;
  height: 16px;
  display: block;
}
@media (min-width: 1100px) {
  .copy-link-primary-icon_b1851 {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .copy-link-primary-icon_b1851 {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .copy-link-primary-icon_b1851 {
    width: 12px;
    height: 12px;
  }
}
.stars-skew-text_b1851 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stars-text_b1851 {
  font-style: italic;
  font-weight: 600;
  padding: 0 0.5rem;
  background: linear-gradient(90deg, #893333 0%, #863232 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  white-space: nowrap;
}
@media (min-width: 1100px) {
  .stars-text_b1851 {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .stars-text_b1851 {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .stars-text_b1851 {
    font-size: 14px;
  }
}
.stars-icon_b1851 {
  flex: 0 0 auto;
}
@media (min-width: 1100px) {
  .stars-icon_b1851 {
    width: 3rem;
    margin: 0 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .stars-icon_b1851 {
    width: 38px;
    margin: 0 8px;
  }
}
@media (max-width: 767px) {
  .stars-icon_b1851 {
    width: 47px;
    margin: 0 8px;
  }
}
.stars-icon-right_b1851 {
  transform: scaleX(-1);
}
.more-share-title_b1851 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 2.25rem;
  margin-bottom: 0.75rem;
  text-align: center;
  color: #737a87;
  font-size: 0.75rem;
  line-height: 1.6rem;
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .more-share-title_b1851 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
.more-share-icon_b1851 {
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(https://lf3-beecdn.bytetos.com/obj/ies-fe-bee-upload/bee_prod/biz_950/tos_eb5fc68e55a5fd4b7f048172ea489a5e.svg);
}
.share-methods-secondary_b1851 {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 16px;
}
@media (min-width: 1100px) {
  .share-methods-secondary_b1851 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    --share-action-text-color: #863232;
    --share-action-text-font-family:
      "PingFang SC",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    --share-action-text-size: 1rem;
    --share-action-text-weight: 500;
    --share-action-text-line-height: 1.5rem;
    --share-action-text-letter-spacing: 0.003rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .share-methods-secondary_b1851 {
    --share-action-text-color: #863232;
    --share-action-text-font-family:
      "PingFang SC",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    --share-action-text-size: 11px;
    --share-action-text-weight: 500;
    --share-action-text-line-height: normal;
    --share-action-text-letter-spacing: 0.033px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .embedded_b1851 .share-methods-secondary_b1851 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.bottom-btn-wrap_b1851 {
  margin-top: 23px;
  display: flex;
  gap: 12px;
  width: 100%;
}
@media (max-width: 767px) {
  .bottom-btn-wrap_b1851 {
    flex-direction: column;
  }
}
.prompt-bar_b1851 {
  display: flex;
  background-color: #fef8eb;
  background-color: var(--ve-sem-yellow-warning-1, #fef8eb);
  padding: 8px 16px 8px 16px;
  margin-top: -4px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.bottom-btn_b1851 {
  flex: 1 1;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #eaedf1;
  border: 1px solid var(--color-border-2, #eaedf1);
  box-shadow: 0 3px 8px 0 rgba(46, 70, 146, 0.05);
  font-size: 14px;
  font-weight: 600;
  color: #42464e;
  color: var(--color-text-2, #42464e);
  text-decoration: none;
}
.icon-size_b1851 {
  width: 16.67px;
  height: 16.67px;
  margin-right: 6px;
  margin-top: 3px;
}
.tips_b1851 {
  width: 100%;
  text-align: left;
  white-space: normal;
}
.tips-link_b1851 {
  text-decoration: none;
  color: #1664ff;
}
.bottom-tip_b1851 {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: #737a87;
  color: var(--color-text-3, #737a87);
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .bottom-tip_b1851 {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  .has-btn-bottom-tip_b1851 {
    margin-top: 19px;
  }
}
.bottom-tip-link_b1851 {
  text-decoration: none;
  color: #0066fc;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe/common-components/dist/es/services-button/index_module.css */
.title-icon_e9e73 {
  display: block;
  margin-right: 8px;
}
.confirmModal_e9e73 {
  width: 360px;
  max-width: 85vw;
  padding: 20px 24px;
  border-radius: 8px;
}
.confirmModal_e9e73 .arco-modal-title {
  font-size: 18px;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.confirmModal_e9e73 .arco-modal-title span {
  display: flex;
  align-items: center;
}
.confirmModal_e9e73 .arco-modal-content {
  overflow-y: auto;
  max-height: 50vh;
  color: #42464e;
  color: var(--color-text-2, #42464e);
  font-weight: 400;
  font-size: 13px;
}
.confirmModal_e9e73 .arco-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn {
  font-weight: 500;
  border-radius: 4px;
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-secondary {
  color: #42464e;
  color: var(--color-text-2, #42464e);
  background-color: #f6f8fa;
  background-color: var(--color-bg-4, #f6f8fa);
  border-color: #eaedf1;
  border-color: var(--color-border-2, #eaedf1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-secondary:hover {
  background-color: #fafbfc;
  background-color: var(--color-bg-3, #fafbfc);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-secondary:active {
  background-color: #fafbfc;
  background-color: var(--color-bg-3, #fafbfc);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
  box-shadow: none;
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-primary {
  background-color: #1664ff;
  background-color: var(--color-primary-6, #1664ff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  border-color: #1664ff;
  border-color: var(--color-primary-6, #1664ff);
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-primary:hover {
  background-color: #387bff;
  background-color: var(--color-primary-5, #387bff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  background-color: var(--color-primary-5, #387bff);
}
.confirmModal_e9e73 .arco-modal-footer .arco-btn.arco-btn-primary:active {
  background-color: #387bff;
  background-color: var(--color-primary-5, #387bff);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  border-color: #387bff;
  border-color: var(--color-primary-5, #387bff);
}
.protocolNotice_e9e73 {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #42464e !important;
  color: var(--color-text-2, #42464e) !important;
  text-align: center;
  max-width: 100%;
}
.protocolNoticeLink_e9e73 {
  color: #42464e;
  color: var(--color-text-2, #42464e);
  cursor: pointer;
  text-decoration: underline;
}
.protocolNoticePopover_e9e73 .arco-popover-inner {
  visibility: visible !important;
  opacity: 1 !important;
}
.protocolNoticePopover_e9e73 .arco-popover-content {
  display: inline-block;
  width: auto;
  max-width: 320px;
}
.protocolNoticePopover_e9e73 .arco-popover-content-inner {
  display: inline-block;
  width: auto;
  max-width: 320px;
  text-align: center;
}
.protocolNoticePopover_e9e73 .arco-popover-content-inner .protocolNotice_e9e73 {
  margin-top: 0;
}
.protocolNoticeWrap_e9e73 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

/* src/Components/common/YesIcon/index.module.scss?css_virtual&hash=97241 */
.icon-yes_cbfcb {
  width: 18px;
  height: 18px;
}

/* src/Components/Banner2/index.module.scss?css_virtual&hash=45411 */
body {
  overscroll-behavior: none;
}
@media screen and (max-width: 767px) {
  .pc_87132 {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .pcOnly_87132 {
    display: none !important;
  }
}
.pad_87132 {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_87132 {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .mobile_87132 {
    display: none !important;
  }
}
.banner-container_87132 {
  position: relative;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .banner-container_87132 {
    min-width: 1200px;
  }
}
.banner-container_87132,
.banner-container_87132 * {
  box-sizing: border-box;
}
.banner-container_87132 a,
.banner-container_87132 a:link,
.banner-container_87132 a:visited,
.banner-container_87132 a:hover,
.banner-container_87132 a:active {
  text-decoration: none;
  color: inherit;
}
.banner-image-container_87132 {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.banner-image-container_87132 .banner-image_87132 {
  height: 100%;
  width: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .banner-image-container_87132 {
    height: auto;
    position: relative;
    align-items: flex-start;
  }
  .banner-image-container_87132 .banner-image_87132 {
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner-image-container_87132 {
    height: 410px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-image-container_87132 {
    height: 580px;
  }
}
.banner-content-container_87132 {
  margin: 0 auto;
  padding-top: 60px;
  width: 1200px;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .banner-content-container_87132 {
    padding-top: 19px;
    padding-left: 24px;
    padding-right: 24px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-content-container_87132 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 410px;
    padding-left: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-content-container_87132 {
    position: absolute;
    height: 580px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1680px) {
  .banner-content-container_87132 {
    width: 1440px;
  }
}
.banner-content-container-center_87132 {
  display: flex;
  align-items: center;
}
.banner-opcard-container_87132 {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .banner-opcard-container_87132 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .banner-opcard-container_87132 {
    height: 88px;
  }
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 {
  display: flex;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-opcard-container_87132 .banner-opcard-inner_87132 {
    width: 100%;
    padding: 0 42px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-opcard-container_87132 .banner-opcard-inner_87132 {
    width: 1200px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1680px) {
  .banner-opcard-container_87132 .banner-opcard-inner_87132 {
    width: 1440px;
  }
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 {
  display: block;
  flex: 1 1 100px;
  min-width: 0;
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 .op-card_87132 {
  height: 102px;
  padding: 24px 32px;
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  transition: box-shadow 0.5s, border 0.5s;
  position: relative;
  overflow: hidden;
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 .op-card_87132 .op-card-title_87132 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 .op-card_87132 .op-card-des_87132 {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 .op-card_87132:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 .op-card_87132:hover .op-card-title_87132 {
  color: #1664ff;
}
.banner-opcard-container_87132 .banner-opcard-inner_87132 .op-a-tag_87132 + .op-a-tag_87132 {
  margin-left: 20px;
}
.banner-params_87132 {
  margin-top: 32px;
  display: flex;
}
@media (max-width: 1023px) {
  .banner-params_87132 {
    display: none;
  }
}
@media (max-width: 767px) {
  .banner-params_87132.mobile-display_87132 {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .param-panel_87132 {
    flex-grow: 1;
  }
}
.param-panel_87132 + .param-panel_87132 {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .param-panel_87132 + .param-panel_87132 {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .param-panel_87132:nth-child(2) + .param-panel_87132 {
    display: none;
  }
}
.param-value-light_87132 em {
  color: #181818;
}
.param-value-light_87132 small {
  color: #181818;
}
.param-value-dark_87132 em {
  color: #f6f7fb;
}
.param-value-dark_87132 small {
  color: #f6f7fb;
}
.param-value_87132 em {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 0.182143px;
}
.param-value_87132 small {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.param-value_87132 span {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #181818;
}
@media (max-width: 767px) {
  .param-value_87132 > em,
  .param-value_87132 > small {
    letter-spacing: 0;
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
  }
}
.param-name-light_87132 {
  color: #768197;
}
.param-name-dark_87132 {
  color: #c9cdd4;
}
.param-name_87132 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  margin: 1px 0;
}
@media (max-width: 767px) {
  .param-name_87132 {
    line-height: 26px;
    font-size: 14px;
  }
}
.banner-subtitle_87132 {
  margin: 0;
  margin-top: 12px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.002em;
}
@media screen and (max-width: 1023px) {
  .banner-subtitle_87132 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .banner-subtitle_87132 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    text-align: center;
  }
}
.banner-title-video_87132 {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  margin-left: 14px;
  align-self: center;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .banner-title-video_87132 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-video_87132 {
    width: 28px;
    height: 28px;
  }
}
.banner-title-video_87132:hover {
  color: #5d5d5d;
}
.banner-title-video-light_87132 {
  color: #181818;
}
.banner-title-video-dark_87132 {
  color: #f6f7fb;
}
.banner-video-modal_87132 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(15, 15, 15, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-video-wrap_87132 {
  width: 700px;
  position: relative;
}
.modal-video-wrap_87132 video {
  width: 100%;
  height: 100%;
}
.modal-video-wrap_87132 .modal-close-btn_87132 {
  position: absolute;
  right: -25px;
  top: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-video-wrap_87132 .modal-close-btn_87132:hover {
  color: #1664ff;
}
.banner-related_87132 {
  width: 77px;
  height: 26px;
  margin-bottom: 8px;
  border-radius: 4px;
  background: #f6f8fa;
  border: 1px solid #dde2e9;
  display: flex;
  align-items: center;
  padding-left: 6px;
  font-size: 12px;
  color: #42464e;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .banner-related_87132 {
    display: none;
  }
}
.banner-related_87132 svg {
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.arco-dropdown-open.banner-related_87132 svg {
  transform: rotate(-180deg);
}
.banner-related-items_87132 {
  display: flex;
  height: 118px;
  overflow-y: auto;
  padding: 6px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #eaedf1;
  background: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
}
.banner-related-items_87132::-webkit-scrollbar {
  width: 4px;
}
.banner-related-items_87132::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #dcdcdc;
}
.banner-related-items_87132::-webkit-scrollbar-track {
  width: 4px;
  background-color: transparent;
}
.banner-related-item_87132 {
  flex-shrink: 0;
  border-radius: 4px;
  width: 100%;
  min-width: 124px;
  height: 32px;
  color: #0c0d0e;
  font-size: 13px;
  display: flex;
  padding: 0 12px;
  align-items: center;
  user-select: none;
  text-decoration: none;
}
.banner-related-item_87132:hover,
.banner-related-item_87132.strong_87132 {
  background: #f8f9fe;
}
.banner-related-item_87132.strong_87132 {
  font-weight: 500;
}
.banner-related-item_87132 + .banner-related-item_87132 {
  margin-top: 4px;
}
.banner-related-item_87132 .ul_87132 {
  display: inline-flex;
  height: 100%;
  width: 20px;
  justify-content: center;
  align-items: center;
}
.banner-related-item_87132 .ul_87132:after {
  display: block;
  content: "";
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background: black;
}
@media screen and (max-width: 766.9px) {
  .banner-logo-mobile_87132 {
    display: block;
    position: absolute;
    top: 86px;
  }
  .banner-logo-mobile_87132.banner-logo-height_87132 {
    height: 60px;
  }
  .banner-logo-pc_87132 {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .banner-logo-mobile_87132 {
    display: none;
  }
  .banner-logo-pc_87132 {
    display: block;
  }
  .banner-logo-pc_87132.banner-logo-height_87132 {
    height: 60px;
    margin-bottom: 20px;
  }
}
.banner-title-img_87132 {
  height: 64px;
}
.banner-title-container_87132.banner-title-container-light_87132 .banner-title_87132 {
  color: #181818;
}
.banner-title-container_87132.banner-title-container-light_87132 .banner-title-tag_87132 {
  background: #eceded;
  color: #41464f;
}
.banner-title-container_87132.banner-title-container-light_87132 .banner-title-small-text_87132 {
  color: #181818;
}
.banner-title-container_87132.banner-title-container-dark_87132 .banner-title_87132 {
  color: #f6f7fb;
}
.banner-title-container_87132.banner-title-container-dark_87132 .banner-title-tag_87132 {
  background: #4e5969;
  color: #f2f3f8;
}
.banner-title-container_87132.banner-title-container-dark_87132 .banner-title-small-text_87132 {
  color: #f6f7fb;
}
.banner-title-container_87132 {
  display: flex;
  align-items: flex-end;
}
.banner-title-container_87132 .banner-title_87132 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: normal;
  letter-spacing: 0.002em;
  display: block;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #0c0d0e;
}
.banner-title-container_87132 .banner-title-small-text_87132 {
  margin-left: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.002em;
}
.banner-title-container_87132 .banner-title-tag_87132 {
  margin-left: 8px;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 0 6px;
  vertical-align: bottom;
  margin-bottom: 38px;
  display: inline-block;
}
.banner-subtitle-light_87132 {
  color: #282828;
}
.banner-subtitle-dark_87132 {
  color: #f6f7fb;
}
.banner-des-items_87132 {
  margin-top: 12px;
}
.banner-des-items_87132 {
  margin-top: 12px;
}
.banner-des-items-pad_87132 {
  margin-top: 15px;
  display: none;
}
.des-panel_87132 {
  display: flex;
}
.des-panel_87132 + .des-panel_87132 {
  margin-top: 8px;
}
.yes-icon_87132 {
  height: 24px;
  display: flex;
  align-items: center;
}
.des_87132 {
  margin-left: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  max-width: 480px;
}
.des-light_87132 {
  color: #4e5969;
}
.des-dark_87132 {
  color: #c9cdd4;
}
.banner-des-text_87132 {
  margin-top: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
}
.banner-des-text-light_87132 {
  color: #8086a0;
}
.banner-des-text-dark_87132 {
  color: #c9cdd4;
}
.banner-des-text-pad_87132 {
  max-width: 320px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.banner-des-text-pad-light_87132 {
  color: #4e5969;
}
.banner-des-text-pad-dark_87132 {
  color: #c9cdd4;
}
.banner-buttons_87132 {
  margin-top: 32px;
  display: flex;
}
.button-a-tag_87132 {
  flex: none;
}
.button-a-tag_87132 + .button-a-tag_87132 {
  margin-left: 20px;
}
.button_87132 {
  height: 50px;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .button_87132 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .button_87132 {
    min-width: 113px;
  }
}
@media (min-width: 1024px) {
  .button_87132 {
    min-width: 158px;
  }
}
.button_87132.has-custom-color_87132:hover {
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.2);
}
.button-primary_87132 {
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
}
.button-primary-light_87132 {
  background-color: #1664ff;
  color: #ffffff;
}
.button-primary-light_87132:hover {
  background-color: #4281ff;
}
.button-primary-light_87132:active {
  background-color: #0055ff;
}
.button-primary-dark_87132 {
  background-color: #0066fc;
  color: #ffffff;
}
.button-primary-dark_87132:hover {
  background-color: #0051c9;
}
.button-primary-dark_87132:active {
  background-color: #003d96;
}
.button-secondary_87132 {
  box-shadow: 0 3px 8px rgba(46, 70, 146, 0.15);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
}
.button-secondary-light_87132 {
  background-color: #ffffff;
  color: #101010;
  border: 1px solid #f3f3f3;
}
.button-secondary-light_87132:hover {
  background-color: #f6f8fa;
  border: 1px solid #4281fd;
  color: #41464f;
}
.button-secondary-light_87132:active {
  background-color: #f6f8fa;
  border: 1px solid #1664ff;
  color: #101010;
}
.button-secondary-dark_87132 {
  border: 1px solid #4e5969;
  color: #e5e8ef;
}
.button-secondary-dark_87132:hover {
  border: 1px solid #63a2ff;
  color: #3084ff;
}
.button-secondary-dark_87132:active {
  background-color: #002863;
  border: 1px solid #3084ff;
  color: #63a2ff;
}
.button-text_87132 {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.002em;
}
.button-text_87132 .button-arrow_87132 {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.button-text_87132 .button-arrow_87132 svg {
  flex: none;
  height: 14px;
  width: 14px;
}
.button-text-light_87132 {
  color: #1664ff;
}
.button-text-light_87132:hover {
  color: #4086ff;
}
.button-text-light_87132:active {
  color: #0e49d2;
}
.button-text-dark_87132 {
  color: #e5e8ef;
}
.button-text-dark_87132:hover {
  color: #63a2ff;
}
.button-text-dark_87132:active {
  color: #1664ff;
}
@media screen and (max-width: 767px) {
  .banner-title-container_87132 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner-title-container_87132 .banner-title_87132 {
    font-size: 24px;
    line-height: 34px;
  }
  .banner-title-container_87132 .banner-title-tag_87132 {
    margin-left: 6px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 5px;
    margin-bottom: 13px;
  }
  .banner-title-container_87132 .banner-title-small-text_87132 {
    margin-left: 0;
    margin-top: 4px;
    font-size: 16px;
    line-height: 19px;
  }
  .yes-icon_87132 {
    height: 22px;
  }
  .des_87132 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-des-text_87132 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-align: center;
  }
  .banner-buttons_87132 {
    margin-top: 36px;
    padding-bottom: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .banner-buttons_87132.shortTopPadding_87132 {
    margin-top: 28px;
  }
  .button-a-tag_87132 {
    flex: none;
    width: 100%;
  }
  .button-a-tag_87132 + .button-a-tag_87132 {
    margin-left: unset;
    margin-top: 16px;
  }
  .button-text_87132 {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-container_87132 .banner-title_87132 {
    font-size: 32px;
    line-height: 45px;
  }
  .banner-title-container_87132 .banner-title-small-text_87132 {
    font-size: 16px;
  }
  .banner-title-container_87132 .banner-title-tag_87132 {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 20px;
  }
  .banner-des-items_87132 {
    display: none;
  }
  .banner-des-items-pad_87132 {
    display: block;
  }
  .banner-des-items-pad-_87132 {
    color: #c9cdd4;
  }
  .yes-icon_87132 {
    height: 22px;
  }
  .des_87132 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .des-dark_87132 {
    color: #c9cdd4;
  }
  .banner-des-text_87132 {
    display: none;
  }
  .banner-des-text-pad_87132 {
    display: -webkit-box;
  }
  .banner-buttons_87132 {
    margin-top: 38px;
  }
  .button-text_87132 {
    line-height: 50px;
  }
}
.card-tag_87132 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 13px 0 16px;
  height: 24px;
  overflow: hidden;
}
.card-tag_87132 .cardTag-trapezoid_87132 {
  width: 100%;
  height: 32px;
  background-image: linear-gradient(270deg, #f71510 0%, #ff7c53 107.82%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: matrix(1, 0, 0.3182, 1, 3, -8);
}
.card-tag_87132 .cardTag-text_87132 {
  height: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .solutionsBody {
    min-width: 1200px;
  }
}
.override-for-coze-240513_87132 .banner-title_87132 {
  line-height: 59px;
  color: #282828;
}
.override-for-coze-240513_87132 .banner-subtitle_87132 {
  margin-top: 0;
  line-height: 50px;
  color: #282828;
}
@media screen and (max-width: 1023px) {
  .override-for-coze-240513_87132 .banner-title_87132 {
    line-height: 45px;
  }
  .override-for-coze-240513_87132 .banner-subtitle_87132 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .override-for-coze-240513_87132 .banner-title_87132 {
    line-height: 34px;
  }
  .override-for-coze-240513_87132 .banner-subtitle_87132 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 4px;
    text-align: center;
  }
}

/* src/Components/Nav/index.module.less?css_virtual&hash=cd741 */
.navWrap_10625 {
  width: 100%;
  height: 77px;
  background: #ffffff;
}
.navWrap_10625 .nav_10625 {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc((100% - 1200px) / 2);
  height: 77px;
  z-index: 600;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  top: 0;
  box-shadow: 0px 6px 28px rgba(0, 23, 70, 0.05);
}
.navWrap_10625 .nav_10625 .navItem_10625 {
  position: relative;
  height: 77px;
  flex: 1 1;
  box-sizing: border-box;
  padding: 16px 0;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.003em;
  cursor: pointer;
  text-decoration: none;
}
.navWrap_10625 .nav_10625 .navItem_10625 .navTitle_10625 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #181818;
  margin-bottom: 6px;
}
.navWrap_10625 .nav_10625 .navItem_10625 .navDes_10625 {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #41464f;
}
.navWrap_10625 .nav_10625 .navItem_10625 .navDes_10625 em {
  font-style: normal;
  color: #f50505;
}
.navWrap_10625 .nav_10625 .navItem_10625:hover .navTitle_10625 {
  color: #1664ff;
}
.navWrap_10625 .nav_10625 .navItem_10625:hover .navDes_10625 {
  opacity: 0.8;
  color: #1664ff;
}
.navWrap_10625 .nav_10625 .navItem_10625:hover .navDes_10625 em {
  color: #1664ff;
}
.navWrap_10625 .nav_10625 .navActive_10625 {
  background: linear-gradient(54.69deg, #1664ff 32.77%, #6d9fff 93.5%);
}
.navWrap_10625 .nav_10625 .navActive_10625 .navTitle_10625 {
  color: #fff !important;
}
.navWrap_10625 .nav_10625 .navActive_10625 .navDes_10625 {
  opacity: 0.8;
  color: #fff !important;
}
.navWrap_10625 .nav_10625 .navActive_10625 .navDes_10625 em {
  color: #fff !important;
}
@media screen and (max-width: 1023px) {
  .navWrap_10625 {
    width: 100%;
    min-width: 100%;
    height: 54px;
  }
  .navWrap_10625 .nav_10625 {
    width: 100%;
    padding: 0;
    height: 54px;
    box-sizing: border-box;
    padding: 0 12px;
    overflow-x: auto;
    display: flex;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: 0px 15px 35px -2px rgba(143, 158, 187, 0.05), 0px 5px 15px rgba(143, 158, 187, 0.05);
  }
  .navWrap_10625 .nav_10625 .navItem_10625 {
    height: 54px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: 400;
    color: #020814;
    padding: 0;
  }
  .navWrap_10625 .nav_10625 .navItem_10625 .navTitle_10625 {
    height: 54px;
    line-height: 54px;
  }
  .navWrap_10625 .nav_10625 .navItem_10625 .navDes_10625 {
    display: none;
  }
  .navWrap_10625 .nav_10625::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .navWrap_10625 .nav_10625 {
    display: block;
  }
  .navWrap_10625 .nav_10625 .navItem_10625 {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .activitySalesBody {
    background-color: #fff;
    min-width: 1280px;
    overflow-x: auto;
  }
}

/* src/Components/OperateCardsNew/index.module.scss?css_virtual&hash=05af7 */
.operate-cards-new-wrap_f1d59 {
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .operate-cards-new-wrap_f1d59 {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: contain;
  }
  .operate-cards-new-wrap_f1d59::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.operate-cards-new-container_f1d59 {
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 16px;
  width: 100%;
  overflow: hidden;
}
.operate-cards-new-container_f1d59 * {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .operate-cards-new-container_f1d59 {
    padding: 0 58px;
  }
}
@media (min-width: 1024px) {
  .operate-cards-new-container_f1d59 {
    padding: 0 40px;
    width: 1200px;
  }
}
@media (min-width: 1440px) {
  .operate-cards-new-container_f1d59 {
    padding: 0;
  }
}
@media (min-width: 1680px) {
  .operate-cards-new-container_f1d59 {
    width: 1440px;
  }
}
@media (max-width: 1023px) {
  .operate-cards-new-container_f1d59 {
    padding: 0 24px;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .operate-cards-new-container_f1d59 {
    padding: 0;
  }
}
.operate-cards-new-content-container_f1d59 {
  display: flex;
  background-color: #fff;
  border-radius: 0;
  padding: 4px;
}
@media (max-width: 1023px) {
  .operate-cards-new-content-container_f1d59 {
    border-radius: 16px;
  }
}
@media (min-width: 1024px) {
  .operate-cards-new-content-container_f1d59 {
    border-radius: 16px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(.operate-cards-new-item-special_f1d59):first-child {
    padding-left: 24px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59.operate-cards-new-item-special-dark_f1d59 .operate-cards-new-item-content-title_f1d59 {
    color: #0c0d0e;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59.operate-cards-new-item-special-dark_f1d59 .operate-cards-new-item-content-button_f1d59 {
    color: #0c0d0e;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59.operate-cards-new-item-special-dark_f1d59 .operate-cards-new-item-content-button_f1d59:hover {
    color: #1664ff;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59:not(.operate-cards-new-item-special-dark_f1d59) .operate-cards-new-item-content-button_f1d59:hover {
    color: rgba(255, 255, 255, 0.85);
  }
}
.operate-cards-new-content-container_f1d59 a {
  text-decoration: none;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-scroll-inner_f1d59 {
  display: flex;
  width: 100%;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  padding: 16px 48px;
  flex: 1 1;
  min-width: 0;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(.operate-cards-new-item-special_f1d59):hover .operate-cards-new-item-content_f1d59 {
  color: rgb(22, 100, 255);
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(:first-child):not(.operate-cards-new-item-special_f1d59):after {
  background: rgba(158, 165, 184, 0.2);
  content: "";
  display: block;
  width: 1px;
  height: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -1px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 {
  width: 300px;
  flex: 0 0 300px;
  margin-left: 24px;
  padding: 14px 18px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  border-radius: 16px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content_f1d59 {
  color: #fff;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-title_f1d59 {
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: PingFang SC;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 22px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59 .rightIcon_f1d59 {
  width: 16px;
  height: 16px;
}
@media (min-width: 1680px) {
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 {
    width: auto;
    flex: 1 1;
    margin-left: 0;
  }
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-content_f1d59 {
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: rgb(12, 13, 14);
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-content_f1d59 .operate-cards-new-item-content-icon_f1d59 {
  width: 20px;
  height: 20px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-content_f1d59 .operate-cards-new-item-content-title_f1d59 {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
}
.operate-cards-new-content-container_f1d59 .operate-cards-new-item-content-desc_f1d59 {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgb(115, 122, 135);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .operate-cards-new-content-container_f1d59 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .operate-cards-new-content-container_f1d59::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-scroll-inner_f1d59 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    margin: 0 auto;
    align-items: center;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-content-desc_f1d59 {
    display: none;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59 {
    flex: 0 0 auto;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59 .operate-cards-new-item-content-title_f1d59 {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(.operate-cards-new-item-special_f1d59) {
    padding: 12px 44px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 {
    width: auto;
    flex: 0 0 auto;
    padding: 19px 20px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    margin-left: 0;
    border-radius: 0;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-title_f1d59 {
    color: rgb(12, 13, 14);
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59 {
    color: #0c0d0e;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59:hover {
    color: #1664ff;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59::after {
    width: 4px;
    height: 4px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(:first-child):not(.operate-cards-new-item-special_f1d59):after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .operate-cards-new-content-container_f1d59 .operate-cards-new-scroll-inner_f1d59 {
    margin: 0;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(.operate-cards-new-item-special_f1d59) {
    flex: 0 0 auto;
    padding: 12px 16px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 {
    flex: 0 0 auto;
    width: auto;
    margin-left: 0;
    padding: 13px 16px;
    gap: 12px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59 {
    color: #0c0d0e;
    font-size: 12px;
    line-height: 20px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59:hover {
    color: #1664ff;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item-special_f1d59 .operate-cards-new-item-content-button_f1d59::after {
    width: 4px;
    height: 4px;
  }
  .operate-cards-new-content-container_f1d59 .operate-cards-new-item_f1d59:not(:first-child):not(.operate-cards-new-item-special_f1d59):after {
    display: none;
  }
}

/* src/Components/CardContainer/index.module.scss?css_virtual&hash=dd342 */
.container_f9d0b {
  padding-top: 80px;
  padding-top: var(--volcfe-title-padding-top-md, 80px);
  padding-bottom: 80px;
  padding-bottom: var(--volcfe-card-container-padding-bottom-md, 80px);
  background-color: #ffffff;
  min-width: 1200px;
}
.container_f9d0b.no-title_f9d0b {
  padding-top: 0;
}
.container_f9d0b h2 {
  margin: 0;
  padding: 0;
}
.head_f9d0b {
  padding-bottom: 60px;
  margin: auto;
  width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--volcfe-card-container-title-align, center);
  box-sizing: border-box;
}
.head_f9d0b a,
.head_f9d0b a:link,
.head_f9d0b a:visited,
.head_f9d0b a:hover,
.head_f9d0b a:active {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1679px) {
  .head_f9d0b {
    width: 1200px;
  }
}
@media (max-width: 1023px) {
  .head_f9d0b {
    width: 100%;
    padding: 0 24px 32px;
  }
}
.title_f9d0b {
  flex: none;
  font-style: normal;
  font-size: 40px;
  font-size: var(--volcfe-title-font-size, 40px);
  font-weight: 600;
  font-weight: var(--volcfe-title-font-weight, 600);
  line-height: 48px;
  line-height: var(--volcfe-title-line-height, 48px);
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #181818;
}
.title_f9d0b.align-left_f9d0b {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .title_f9d0b.align-left_f9d0b {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .title_f9d0b.align-left_f9d0b {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .title_f9d0b.align-left_f9d0b {
    padding: 0 12px;
  }
}
.desc_f9d0b {
  flex: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #4e5969;
}
.desc_f9d0b p {
  margin: 0;
}
.desc_f9d0b.align-left_f9d0b {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .desc_f9d0b.align-left_f9d0b {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .desc_f9d0b.align-left_f9d0b {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .desc_f9d0b.align-left_f9d0b {
    padding: 0 12px;
  }
}
.descArr_f9d0b {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #41464f;
}
.title_f9d0b + .desc_f9d0b {
  margin-top: 12px;
}
.title_f9d0b + .descArr_f9d0b {
  margin-top: 12px;
}
.compWrap_f9d0b {
  margin: 0 auto;
  width: 1440px;
}
.link-a_f9d0b {
  flex: none;
  display: block;
  margin-top: 16px;
}
.link-a_f9d0b .link-panel_f9d0b {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #1664ff;
}
.link-a_f9d0b .link-panel_f9d0b .link-arrow_f9d0b {
  flex: none;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.link-a_f9d0b .link-panel_f9d0b .link-arrow_f9d0b svg {
  height: 14px;
  width: 14px;
}
.link-a_f9d0b .link-panel_f9d0b:hover {
  color: #3888ff;
}
.link-a_f9d0b .link-panel_f9d0b:hover .link-arrow_f9d0b {
  right: -4px;
}
.link-a_f9d0b .link-panel_f9d0b:active {
  color: #014fe9;
}
.link-a_f9d0b.align-left_f9d0b {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .link-a_f9d0b.align-left_f9d0b {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .link-a_f9d0b.align-left_f9d0b {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 1679px) {
  .compWrap_f9d0b {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .container_f9d0b {
    padding-top: 48px;
    padding-bottom: 48px !important;
    min-width: unset;
  }
  .title_f9d0b {
    font-size: 24px;
    line-height: 34px;
  }
  .desc_f9d0b {
    font-size: 14px;
    line-height: 22px;
  }
  .title_f9d0b + .desc_f9d0b {
    margin-top: 8px;
  }
  .descArr_f9d0b {
    font-size: 14px;
    line-height: 22px;
  }
  .title_f9d0b + .descArr_f9d0b {
    margin-top: 8px;
  }
  .compWrap_f9d0b {
    padding: 0 24px;
    width: auto;
    margin: unset;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .compWrap_f9d0b {
    padding: 0 12px;
  }
}
@media screen and (max-width: 1023px) {
  .link-a_f9d0b {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .head-for-trial_f9d0b .title_f9d0b {
    color: #ffffff;
  }
  .head-for-trial_f9d0b .desc_f9d0b {
    color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  .head-for-trial_f9d0b .title_f9d0b {
    color: #181818;
  }
  .head-for-trial_f9d0b .desc_f9d0b {
    color: #4e5969;
  }
}
@media screen and (min-width: 1024px) {
  .hide-on-pc_f9d0b {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-on-pad_f9d0b {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hide-on-mobile_f9d0b {
    display: none;
  }
}

/* src/Components/ProductCapaGrid/CapaItem/index.module.scss?css_virtual&hash=ccba6 */
.capa-item-container_1ad25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--product-v4-capa-grid-item-align, center);
}
.capa-item-container_1ad25 .capa-item-img_1ad25 {
  flex: none;
  font-size: 0;
  width: 48px;
  height: 48px;
}
.capa-item-container_1ad25 .capa-item-img_1ad25 img {
  width: 100%;
  height: 100%;
}
.capa-item-container_1ad25 .capa-content-wrapper_1ad25 {
  flex: none;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--product-v4-capa-grid-item-align, center);
}
.capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-title_1ad25 {
  flex: none;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.002em;
  color: #181818;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
}
@media (max-width: 1023px) {
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-title_1ad25 {
    text-align: left;
  }
}
.capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-des_1ad25 {
  flex: none;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
  text-align: center;
  text-align: var(--product-v4-capa-grid-item-text-align, center);
}
.capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-detail_1ad25 {
  color: #1664ff;
  white-space: nowrap;
  align-items: center;
}
@media (min-width: 768px) {
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-detail_1ad25 {
    display: inline-flex;
    margin-top: 0;
    margin-top: var(--product-v4-capa-grid-detail-link-pc-margin, 0);
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-detail_1ad25:before {
    content: " ";
    display: none;
    display: var(--product-v4-capa-grid-detail-link-break-display, none);
  }
}
@media (max-width: 767px) {
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-detail_1ad25 {
    margin-top: 6px;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .capa-item-container_1ad25 {
    flex-direction: row;
    align-items: flex-start;
  }
  .capa-item-container_1ad25 .capa-item-img_1ad25 {
    width: 36px;
    height: 36px;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 {
    flex: auto;
    margin-top: 0;
    margin-left: 18px;
    align-items: flex-start;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-title_1ad25 {
    font-size: 16px;
    line-height: 22px;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-des_1ad25 {
    margin-top: 6px;
    font-size: 13px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .capa-item-container_1ad25 {
    flex-direction: row;
    align-items: flex-start;
  }
  .capa-item-container_1ad25 .capa-item-img_1ad25 {
    width: 40px;
    height: 40px;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 {
    flex: auto;
    margin-top: 4px;
    margin-left: 16px;
    align-items: flex-start;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-title_1ad25 {
    font-size: 16px;
    line-height: 22px;
  }
  .capa-item-container_1ad25 .capa-content-wrapper_1ad25 .capa-item-des_1ad25 {
    margin-top: 6px;
    font-size: 13px;
    text-align: left;
  }
}
.detail-link-break_1ad25 {
  display: none;
  display: var(--product-v4-capa-grid-detail-link-break-display, none);
}
@media screen and (max-width: 767px) {
  .detail-link-break_1ad25 {
    display: none;
  }
}
@media (max-width: 767px) {
  .pc_1ad25 {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile_1ad25 {
    display: none;
  }
}
.link-arrow_1ad25 {
  margin-left: 8px;
  display: block;
}
@media (min-width: 768px) {
  .link-arrow_1ad25 {
    display: none;
    display: var(--product-v4-capa-grid-detail-link-arrow-display-pc, none);
  }
}

/* src/Components/ProductCapaGrid/FoldableCapaItems/index.module.scss?css_virtual&hash=01f92 */
.foldable-capa-items-container_ff289 .capa-items-outer_ff289 {
  overflow: hidden;
  visibility: hidden;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.foldable-capa-items-container_ff289 .capa-items-outer_ff289 .capa-items-wrapper_ff289 {
  position: relative;
}
.foldable-capa-items-container_ff289 .capa-items-outer_ff289 .capa-items-wrapper_ff289 > :not(:first-child) {
  margin-top: 32px;
}
.foldable-capa-items-container_ff289 .capa-items-mobile-fold-expand_ff289 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1664ff;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.foldable-capa-items-container_ff289 .capa-items-mobile-fold-expand_ff289 .capa-items-mobile-fold-expand-icon_ff289 {
  padding-left: 6px;
  width: 22px;
  height: 22px;
}

/* src/Components/ProductCapaGrid/index.module.scss?css_virtual&hash=60d22 */
.product-capa-grid-container_5f65d {
  width: 100%;
}
.product-capa-grid-container_5f65d,
.product-capa-grid-container_5f65d * {
  box-sizing: border-box;
}
.product-capa-grid-container_5f65d a,
.product-capa-grid-container_5f65d a:link,
.product-capa-grid-container_5f65d a:visited,
.product-capa-grid-container_5f65d a:hover,
.product-capa-grid-container_5f65d a:active {
  text-decoration: none;
  color: inherit;
}
.pc-wrapper_5f65d {
  width: 100%;
  display: grid;
}
.pc-wrapper_5f65d.column-3_5f65d {
  grid-template-columns: repeat(3, 1fr);
  padding: 0 80px;
  padding: 0 var(--product-v4-capa-grid-padding-x, 80px);
  gap: 46px 150px;
  gap: 46px var(--product-v4-capa-grid-gap-x-col3-lg, 150px);
}
.pc-wrapper_5f65d.column-4_5f65d {
  grid-template-columns: repeat(4, 1fr);
  padding: 0 25px;
  padding: 0 var(--product-v4-capa-grid-padding-x, 25px);
  gap: 46px 50px;
  gap: 46px var(--product-v4-capa-grid-gap-x-col4-lg, 50px);
}
.mobile-wrapper_5f65d {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-wrapper_5f65d {
    display: none;
  }
  .mobile-wrapper_5f65d {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pc-wrapper_5f65d.column-3_5f65d,
  .pc-wrapper_5f65d.column-4_5f65d {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 36px;
    padding: 0 var(--product-v4-capa-grid-padding-x, 36px);
    gap: 36px 76px;
  }
}
@media screen and (min-width: 1680px) {
  .pc-wrapper_5f65d.column-3_5f65d {
    padding: 0 120px;
    padding: 0 var(--product-v4-capa-grid-padding-x, 120px);
    gap: 46px 120px;
  }
  .pc-wrapper_5f65d.column-4_5f65d {
    padding: 0;
    gap: 46px 80px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CardContainer/index_module.css */
.container_3c23e {
  padding-top: 80px;
  padding-top: var(--volcfe-title-padding-top-md, 80px);
  padding-bottom: 80px;
  padding-bottom: var(--volcfe-card-container-padding-bottom-md, 80px);
  background-color: #ffffff;
  min-width: 1200px;
}
.container_3c23e.no-title_3c23e {
  padding-top: 0;
}
.container_3c23e h2 {
  margin: 0;
  padding: 0;
}
.head_3c23e {
  padding-bottom: 60px;
  margin: auto;
  width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--volcfe-card-container-title-align, center);
  box-sizing: border-box;
}
.head_3c23e a,
.head_3c23e a:link,
.head_3c23e a:visited,
.head_3c23e a:hover,
.head_3c23e a:active {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1679px) {
  .head_3c23e {
    width: 1200px;
  }
}
@media (max-width: 1023px) {
  .head_3c23e {
    width: 100%;
    padding: 0 24px 32px;
  }
}
.title_3c23e {
  flex: none;
  font-style: normal;
  font-size: 40px;
  font-size: var(--volcfe-title-font-size, 40px);
  font-weight: 600;
  font-weight: var(--volcfe-title-font-weight, 600);
  line-height: 48px;
  line-height: var(--volcfe-title-line-height, 48px);
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #181818;
}
.title_3c23e.align-left_3c23e {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .title_3c23e.align-left_3c23e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .title_3c23e.align-left_3c23e {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .title_3c23e.align-left_3c23e {
    padding: 0 12px;
  }
}
.desc_3c23e {
  flex: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #4e5969;
}
.desc_3c23e p {
  margin: 0;
}
.desc_3c23e.align-left_3c23e {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .desc_3c23e.align-left_3c23e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .desc_3c23e.align-left_3c23e {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .desc_3c23e.align-left_3c23e {
    padding: 0 12px;
  }
}
.descArr_3c23e {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #41464f;
}
.title_3c23e + .desc_3c23e {
  margin-top: 12px;
}
.title_3c23e + .descArr_3c23e {
  margin-top: 12px;
}
.compWrap_3c23e {
  margin: 0 auto;
  width: 1440px;
}
.link-a_3c23e {
  flex: none;
  display: block;
  margin-top: 16px;
}
.link-a_3c23e .link-panel_3c23e {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #1664ff;
}
.link-a_3c23e .link-panel_3c23e .link-arrow_3c23e {
  flex: none;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.link-a_3c23e .link-panel_3c23e .link-arrow_3c23e svg {
  height: 14px;
  width: 14px;
}
.link-a_3c23e .link-panel_3c23e:hover {
  color: #3888ff;
}
.link-a_3c23e .link-panel_3c23e:hover .link-arrow_3c23e {
  right: -4px;
}
.link-a_3c23e .link-panel_3c23e:active {
  color: #014fe9;
}
.link-a_3c23e.align-left_3c23e {
  text-align: left;
  width: 1440px;
}
@media screen and (max-width: 1679px) {
  .link-a_3c23e.align-left_3c23e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .link-a_3c23e.align-left_3c23e {
    padding: 0 24px;
    width: 100%;
  }
}
@media screen and (max-width: 1679px) {
  .compWrap_3c23e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .container_3c23e {
    padding-top: 48px;
    padding-bottom: 48px !important;
    min-width: unset;
  }
  .title_3c23e {
    font-size: 24px;
    line-height: 34px;
  }
  .desc_3c23e {
    font-size: 14px;
    line-height: 22px;
  }
  .title_3c23e + .desc_3c23e {
    margin-top: 8px;
  }
  .descArr_3c23e {
    font-size: 14px;
    line-height: 22px;
  }
  .title_3c23e + .descArr_3c23e {
    margin-top: 8px;
  }
  .compWrap_3c23e {
    padding: 0 24px;
    width: auto;
    margin: unset;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .compWrap_3c23e {
    padding: 0 12px;
  }
}
@media screen and (max-width: 1023px) {
  .link-a_3c23e {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .head-for-trial_3c23e .title_3c23e {
    color: #ffffff;
  }
  .head-for-trial_3c23e .desc_3c23e {
    color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  .head-for-trial_3c23e .title_3c23e {
    color: #181818;
  }
  .head-for-trial_3c23e .desc_3c23e {
    color: #4e5969;
  }
}
@media screen and (min-width: 1024px) {
  .hide-on-pc_3c23e {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-on-pad_3c23e {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hide-on-mobile_3c23e {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/common/YesIcon/index_module.css */
.icon-yes_c618d {
  width: 18px;
  height: 18px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage/Card/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
.card_fb868 {
  display: inline-flex;
  flex-direction: column;
  background: #3382FF;
  width: 345px;
  height: 100%;
  border-radius: 12px;
}
.card_fb868 + .card_fb868 {
  margin-left: 20px;
}
.card_fb868 .content_fb868 {
  flex-grow: 1;
  background: linear-gradient(180deg, rgba(22, 100, 255, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 5px 20px rgba(51, 78, 118, 0.15);
  border-radius: 12px;
  padding: 24px 32px 32px 32px;
}
.card_fb868:nth-child(2n) {
  background: #59C4F2;
}
.card_fb868:nth-child(2n) .content_fb868 {
  background: linear-gradient(180deg, rgba(97, 198, 242, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #FFFFFF;
}
.card_fb868:nth-child(3n) {
  background: #52B8F2;
}
.card_fb868:nth-child(3n) .content_fb868 {
  background: linear-gradient(180deg, rgba(97, 198, 242, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #FFFFFF;
}
.card_fb868:nth-child(4n) {
  background: #469DF0;
}
.title_fb868 {
  padding: 24px 32px 25px 32px;
}
.title_fb868 .line1_fb868 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
}
.title_fb868 .line2_fb868 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  height: 49px;
  line-height: 49px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  margin-top: 8px;
}
.title_fb868 .line2_fb868 em {
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
}
.title_fb868 .line2_fb868 small {
  font-size: inherit;
}
.title_fb868 .line2_fb868 span {
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 32px;
}
.content_title_fb868 {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 7px;
}
.content_text_fb868 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.content_text_fb868 svg {
  margin-right: 4px;
}
@media screen and (max-width: 1679px) {
  .card_fb868 {
    width: 285px;
  }
  .card_fb868 .content_fb868 {
    padding: 24px;
  }
  .title_fb868 {
    padding: 24px 24px 25px 24px;
  }
}
@media screen and (max-width: 1023px) {
  .card_fb868 {
    width: calc(50% - 10px);
    height: 264px;
  }
  .card_fb868 + .card_fb868 {
    margin-left: unset;
  }
  .card_fb868:nth-child(n+3) {
    margin-top: 20px;
  }
  .card_fb868 .content_fb868 {
    padding: 20px 28px;
  }
  .title_fb868 {
    padding: 20px 28px 14px 28px;
  }
  .title_fb868 .line1_fb868 {
    line-height: 26px;
  }
  .title_fb868 .line2_fb868 {
    margin-top: 2px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
  }
  .title_fb868 .line2_fb868 em {
    font-weight: 700;
    font-size: 32px;
  }
  .title_fb868 .line2_fb868 span {
    font-weight: 500;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .card_fb868 {
    width: 100%;
  }
  .card_fb868:nth-child(n+3) {
    margin-top: unset;
  }
  .card_fb868 + .card_fb868 {
    margin-top: 16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage/PcRender/index_module.css */
.pc-content_c197d {
  height: 329px;
  position: relative;
}
.cards_c197d {
  position: absolute;
  white-space: nowrap;
  height: 100%;
  transition: transform 1s;
}
.swipe_btn_c197d {
  position: absolute;
  top: calc(50% - 32px);
  border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F7F7F9;
  border: 1px solid #F7F7F9;
  color: #454545;
}
.swipe_btn_c197d svg {
  stroke-width: 5;
  font-size: 28px;
}
.swipe_btn_c197d:hover {
  background: #F7F7F9;
  border: 1px solid #4281FD;
  color: #696969;
}
.swipe_btn_c197d:active {
  background: #F7F7F9;
  border: 1px solid #1664FF;
  color: #454545;
}
.left_c197d {
  left: 40px;
}
.right_c197d {
  right: 40px;
}
@media screen and (max-width: 1023px) {
  .pc_c197d {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage/MobileRender/index_module.css */
.mobile_e256a {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .mobile_e256a {
    display: flex;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure/MobileRender/index_module.css */
.mobile_cbbb3 {
  display: none;
  width: 100%;
}
.mobile_cbbb3 a,
.mobile_cbbb3 a:link,
.mobile_cbbb3 a:visited,
.mobile_cbbb3 a:hover,
.mobile_cbbb3 a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_cbbb3 {
  width: 100%;
  height: 350px;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 8px;
  overflow-x: scroll;
}
.frame_cbbb3 {
  height: 98%;
  padding: 24px;
  box-sizing: border-box;
}
.sub_content_cbbb3 {
  margin: 24px 0 16px 0;
}
.sub_title_cbbb3 {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1A202C;
}
.sub_desc_cbbb3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.sub_desc_cbbb3 svg {
  margin-right: 8px;
}
.product_content_cbbb3 {
  border-top: 1px solid #E5E8EF;
  border-bottom: 1px solid #E5E8EF;
  padding: 16px 0;
}
.product_a_cbbb3:nth-child(2n+1) {
  margin-left: 10px;
}
.product_btn_cbbb3 {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 5px);
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_cbbb3:hover {
  border: 1px solid #4281FD;
}
.product_btn_cbbb3:active {
  border: 1px solid #1664FF;
}
.product_btn_cbbb3 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
@media screen and (max-width: 767px) {
  .mobile_cbbb3 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure/Frame/index_module.css */
.frameWrap_9f2cf {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px 0 0 12px;
  background: #F2F3F8;
}
.frameWrap_9f2cf .tools_9f2cf {
  z-index: 3;
  position: absolute;
  left: 47px;
  bottom: 23px;
}
.frameWrap_9f2cf .tools_9f2cf button {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 10px;
  border: 1px solid #E5E6E8;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.frameWrap_9f2cf .tools_9f2cf button:hover {
  box-shadow: 0px 4px 6px rgba(40, 40, 40, 0.25);
}
.frameWrap_9f2cf .tools_9f2cf button span {
  margin-left: 7px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.frameWrap_9f2cf .tools_9f2cf .disable_9f2cf {
  cursor: not-allowed;
}
.frameWrap_9f2cf .tools_9f2cf .plus_9f2cf {
  font-size: 24px;
}
.frameWrap_9f2cf .tools_9f2cf .reset_9f2cf {
  margin-bottom: 12px;
  position: relative;
}
.frameWrap_9f2cf .tools_9f2cf .pop-over_9f2cf {
  position: absolute;
  left: -140px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.frameWrap_9f2cf .tools_9f2cf .pop-over_9f2cf.hidden_9f2cf {
  opacity: 0;
  visibility: hidden;
}
.frameWrap_9f2cf .tools_9f2cf .pop-over_9f2cf.hidden_9f2cf.show_9f2cf {
  opacity: 1;
  visibility: visible;
}
.frameWrap_9f2cf .tools_9f2cf .pop-content_9f2cf {
  width: fit-content;
  white-space: nowrap;
  padding: 8px;
  color: #4e5969;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #c9cdd4;
}
.frameWrap_9f2cf .tools_9f2cf .rhombus_9f2cf {
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  margin-left: -4px;
  border: 1px solid #c9cdd4;
  background-color: #fff;
  border-bottom: none;
  border-left: none;
  border-bottom-right-radius: 2px;
}
.frameWrap_9f2cf .tools_9f2cf .iconFullscreen_9f2cf {
  color: #4E5969;
  width: 16px;
  height: 16px;
  stroke-width: 6;
}
.frameWrap_9f2cf .tools_9f2cf .minusSymbol_9f2cf {
  margin: auto;
  width: 12px;
  height: 2.4px;
  border-radius: 0.5px;
  background-color: #fff;
}
.frameWrap_9f2cf .zoom-wrapper_9f2cf {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_9f2cf .zoom-content_9f2cf {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_9f2cf .innerWrap_9f2cf {
  width: 100%;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameWrap_9f2cf .innerWrap_9f2cf .picture_9f2cf {
  max-width: min(100%, 820px);
  max-height: 100%;
  object-fit: contain;
}
.isPcZoom_9f2cf {
  cursor: zoom-in;
}
@media screen and (max-width: 1023px) {
  .frameWrap_9f2cf {
    border-radius: 8px;
    height: fit-content;
  }
  .frameWrap_9f2cf .innerWrap_9f2cf {
    box-sizing: border-box;
  }
}
.modal-wrap_9f2cf {
  width: fit-content;
  background-color: #F7F7F9;
}
.modal-wrap_9f2cf .picture_9f2cf {
  width: 90vw;
  max-height: 90vh;
  max-width: 90vw;
  object-fit: contain;
}
.modal-wrap_9f2cf .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-wrap_9f2cf .arco-icon-hover:hover::before {
  width: 26px;
  height: 26px;
}
.modal-wrap_9f2cf .arco-icon-close {
  width: 20px;
  height: 20px;
}
.arco-modal-wrapper {
  z-index: 3001;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure/PadRender/index_module.css */
.pad_c26a6 {
  display: none;
  width: 100%;
}
.pad_c26a6 a,
.pad_c26a6 a:link,
.pad_c26a6 a:visited,
.pad_c26a6 a:hover,
.pad_c26a6 a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_c26a6 {
  width: 100%;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 8px;
}
.content_c26a6 {
  width: 100%;
  padding-top: 24px;
  display: flex;
}
.sub_content_c26a6 {
  width: 263px;
  flex-shrink: 0;
}
.sub_title_c26a6 {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1A202C;
}
.sub_desc_c26a6 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.sub_desc_c26a6 svg {
  margin-right: 8px;
}
.product_content_c26a6 {
  flex-grow: 1;
  border-left: 1px solid #E5E8EF;
  padding-left: 32px;
}
.product_a_c26a6:nth-child(2n+1) {
  margin-left: 12px;
}
.product_btn_c26a6 {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 6px);
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_c26a6:hover {
  border: 1px solid #4281FD;
}
.product_btn_c26a6:active {
  border: 1px solid #1664FF;
}
.product_btn_c26a6 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
@media screen and (max-width: 1023px) {
  .pad_c26a6 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pad_c26a6 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure/PcRender/index_module.css */
.pc_ec14e {
  width: 1440px;
  height: 660px;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 12px;
  display: flex;
}
.pc_ec14e a,
.pc_ec14e a:link,
.pc_ec14e a:visited,
.pc_ec14e a:hover,
.pc_ec14e a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_ec14e {
  height: 100%;
  flex-grow: 1;
}
.content_ec14e {
  width: 277px;
  flex-shrink: 0;
  background: #FFFFFF;
  border-radius: 0 12px 12px 0;
  padding: 32px 28px;
}
.sub_ec14e + .sub_ec14e {
  margin-top: 19px;
}
.sub_title_ec14e {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #181818;
  margin-bottom: 7px;
}
.sub_desc_ec14e {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4E5969;
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.sub_desc_ec14e svg {
  margin-right: 4px;
}
.button_ec14e {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  background: #1664FF;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 19px 0 5px 0;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.button_ec14e:hover {
  background: #4281FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.button_ec14e:active {
  background: #0055FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.cutting_line_ec14e {
  width: 100%;
  height: 1px;
  background: #E5E8EF;
  margin: 19px 0 24px 0;
}
.product_btn_ec14e {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: flex;
  margin: 8px 0 4px 0;
  width: 150px;
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_ec14e:hover {
  border: 1px solid #4281FD;
}
.product_btn_ec14e:active {
  border: 1px solid #1664FF;
}
.product_btn_ec14e img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
@media screen and (max-width: 1679px) {
  .pc_ec14e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .pc_ec14e {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec2/index_module.css */
.product-spec-container_31852 {
  background-color: #FFFFFF;
  display: flow-root;
}
.product-spec-container_31852,
.product-spec-container_31852 * {
  box-sizing: border-box;
}
.product-spec-container_31852 a,
.product-spec-container_31852 a:link,
.product-spec-container_31852 a:visited,
.product-spec-container_31852 a:hover,
.product-spec-container_31852 a:active {
  text-decoration: none;
  color: inherit;
}
.cards-panel_31852 {
  display: flex;
  overflow: auto;
  padding: 21px;
  margin: -21px;
}
.product-card-container_31852 {
  width: 285px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
  flex: none;
}
.product-card-container_31852 + .product-card-container_31852 {
  margin-left: 20px;
}
.card-tag_31852 {
  position: absolute;
  right: 0;
  top: 0;
  width: 78px;
  height: 22px;
  overflow: hidden;
}
.cardTag-trapezoid_31852 {
  width: 78px;
  height: 29px;
  background: linear-gradient(270deg, #F71510 0%, #FF7C53 107.82%);
  position: absolute;
  border-radius: 7px;
  transform: matrix(1, 0, 0.3182, 1, 3, -7);
}
.cardTag-text_31852 {
  width: 49px;
  height: 22px;
  position: absolute;
  left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #FFFFFF;
}
.product-panel_31852 {
  margin-bottom: 20px;
}
.card-title_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 10px;
}
.card-des_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  margin-bottom: 20px;
}
.product-selector_31852.arco-select.arco-select-single .arco-select-view {
  background-color: #F8F9FE;
  height: 40px;
  padding: 0 12px;
  line-height: unset;
}
.product-selector_31852.arco-select.arco-select-single .arco-select-view:hover {
  border-color: #1664FF;
}
.product-selector_31852.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
  display: inline-flex;
  align-items: center;
}
.product-selector_31852.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #FFFFFF;
}
.product-selector_31852.arco-select.arco-select-single svg {
  stroke: #181818;
  stroke-width: 6;
}
.product-selector_31852.product-selector-single_31852.arco-select.arco-select-single {
  cursor: unset;
}
.product-selector_31852.product-selector-single_31852.arco-select.arco-select-single .arco-select-view {
  border-color: transparent;
}
.product-selector_31852.product-selector-single_31852.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #F8F9FE;
}
.product-popup_31852 {
  max-height: 144px !important;
}
.product-popup_31852 .arco-select-option-hover {
  background-color: #F8F9FE;
}
.product-popup_31852::-webkit-scrollbar {
  width: 4px;
}
.product-popup_31852::-webkit-scrollbar-thumb {
  background-color: #DCDCDC;
  border-radius: 100px;
}
.option-panel_31852 {
  display: flex;
  align-items: center;
  height: 36px;
}
.product-name_31852 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #181818;
}
.tip_31852 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.product-info-container_31852 {
  height: 196px;
  position: relative;
  font-size: 0;
}
.product-info_31852 {
  width: 100%;
  position: absolute;
  display: none;
}
.product-info_31852.active_31852 {
  display: block;
}
.des-container_31852 {
  height: 126px;
  overflow: auto;
  font-size: 14px;
  padding: 20px 0 10px 0;
}
.des-panel_31852 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.yes-icon_31852 {
  flex: none;
  display: flex;
  align-items: center;
  height: 22px;
}
.des_31852 {
  padding-left: 6px;
  white-space: pre-wrap;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.line_31852 {
  height: 1px;
  margin-bottom: 10px;
  background-color: #9FA2B5;
  opacity: 0.3;
}
.product-tag_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #4E5969;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border: 1px solid rgba(169, 169, 171, 0.3);
  border-radius: 2px;
}
.product-tag_31852.product-tag-empty_31852 {
  border: unset;
}
.price-panel_31852 {
  padding-top: 12px;
}
.price-small_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #F50505;
}
.price-big_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.price-unit_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.cut-icon_31852 {
  display: inline-flex;
  background-color: #F50505;
  border-radius: 2px;
  width: 18px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 20px;
  transform: translateY(-3px);
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
}
.cut-value_31852 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #86909C;
  text-decoration: line-through solid #86909C;
}
.product-button_31852 {
  height: 44px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}
.product-button_31852:hover {
  background-color: #4281FF;
}
.product-button_31852:active {
  background-color: #0055FF;
}
@media screen and (max-width: 767px) {
  .product-spec-container_31852 {
    width: 100%;
  }
  .cards-panel_31852 {
    display: block;
  }
  .product-card-container_31852 {
    width: 100%;
  }
  .product-card-container_31852 + .product-card-container_31852 {
    margin-left: unset;
    margin-top: 20px;
  }
  .product-info-container_31852 {
    height: 84px;
  }
  .product-info_31852 {
    padding-top: 25px;
  }
  .des-container_31852 {
    display: none;
  }
  .line_31852 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-spec-container_31852 {
    width: 100%;
  }
  .cards-panel_31852 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .product-card-container_31852 {
    width: unset;
    padding: 32px;
  }
  .product-card-container_31852 + .product-card-container_31852 {
    margin-left: unset;
  }
}
@media screen and (min-width: 1680px) {
  .product-card-container_31852 {
    width: 345px;
    padding: 32px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec3/index_module.css */
body {
  position: relative;
}
.product-spec-container_8d080 {
  background-color: #FFFFFF;
  display: flow-root;
}
.product-spec-container_8d080,
.product-spec-container_8d080 * {
  box-sizing: border-box;
}
.product-spec-container_8d080 a,
.product-spec-container_8d080 a:link,
.product-spec-container_8d080 a:visited,
.product-spec-container_8d080 a:hover,
.product-spec-container_8d080 a:active {
  text-decoration: none;
  color: inherit;
}
.cards-panel_8d080 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 32px 20px;
  overflow: auto;
  padding: 21px;
  margin: -21px;
}
.product-card-container_8d080 {
  width: 285px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px rgba(51, 65, 101, 0.16);
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
}
.card-tag_8d080 {
  position: absolute;
  right: 0;
  top: 0;
  width: 78px;
  height: 22px;
  overflow: hidden;
}
.cardTag-trapezoid_8d080 {
  width: 78px;
  height: 29px;
  background: linear-gradient(270deg, #F71510 0%, #FF7C53 107.82%);
  position: absolute;
  border-radius: 7px;
  transform: matrix(1, 0, 0.3182, 1, 3, -7);
}
.cardTag-text_8d080 {
  width: 49px;
  height: 22px;
  position: absolute;
  left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #FFFFFF;
}
.product-panel_8d080 {
  margin-bottom: 18px;
}
.card-title_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.card-des_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-selector_8d080.arco-select.arco-select-single .arco-select-view {
  background-color: #F2F3F8;
  height: 40px;
  padding: 0 12px;
  line-height: unset;
}
.product-selector_8d080.arco-select.arco-select-single .arco-select-view:hover {
  border-color: #1664FF;
}
.product-selector_8d080.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
  display: inline-flex;
  align-items: center;
}
.product-selector_8d080.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #FFFFFF;
}
.product-selector_8d080.arco-select.arco-select-single svg {
  stroke: #181818;
  stroke-width: 6;
}
.product-selector_8d080.product-selector-single_8d080.arco-select.arco-select-single {
  cursor: unset;
}
.product-selector_8d080.product-selector-single_8d080.arco-select.arco-select-single .arco-select-view {
  border-color: transparent;
}
.product-selector_8d080.product-selector-single_8d080.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #F2F3F8;
}
.product-popup_8d080 {
  max-height: 144px !important;
}
.product-popup_8d080 .arco-select-option-hover {
  background-color: #F2F3F8;
}
.product-popup_8d080::-webkit-scrollbar {
  width: 4px;
}
.product-popup_8d080::-webkit-scrollbar-thumb {
  background-color: #DCDCDC;
  border-radius: 100px;
}
.option-panel_8d080 {
  display: flex;
  align-items: center;
  height: 36px;
}
.product-name_8d080 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #181818;
}
.tip_8d080 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.product-info-container_8d080 {
  height: 226px;
  position: relative;
  font-size: 0;
}
.product-info_8d080 {
  width: 100%;
  position: absolute;
  display: none;
}
.product-info_8d080.active_8d080 {
  display: block;
}
.des-container_8d080 {
  height: 126px;
  overflow: auto;
  font-size: 14px;
  padding: 20px 0 10px 0;
}
.des-panel_8d080 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.yes-icon_8d080 {
  flex: none;
  display: flex;
  align-items: center;
  height: 22px;
}
.des_8d080 {
  padding-left: 6px;
  white-space: pre-wrap;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.line_8d080 {
  height: 1px;
  margin-bottom: 10px;
  background-color: #EBEBEB;
}
.product-tag-container_8d080 {
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
}
.product-tag-container_8d080 .product-tag_8d080 + .product-tag_8d080 {
  margin-left: 4px;
}
.product-tag-container_8d080 .product-tag_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #4E5969;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  border: 1px solid rgba(169, 169, 171, 0.3);
  border-radius: 2px;
}
.price-panel_8d080 {
  margin-top: 12px;
}
.price-panel_8d080 .price-new_8d080 .price-small_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #F50505;
}
.price-panel_8d080 .price-new_8d080 .price-big_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.price-panel_8d080 .price-new_8d080 .price-unit_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.price-panel_8d080 .price-old_8d080 {
  margin-top: 8px;
}
.price-panel_8d080 .price-old_8d080 .cut-value_8d080 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #86909C;
  text-decoration: line-through solid #86909C;
}
.product-button_8d080 {
  height: 44px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}
.product-button_8d080:hover {
  background-color: #4281FF;
}
.product-button_8d080:active {
  background-color: #0055FF;
}
@media screen and (max-width: 767px) {
  .product-spec-container_8d080 {
    width: 100%;
  }
  .cards-panel_8d080 {
    display: block;
  }
  .product-card-container_8d080 {
    width: 100%;
  }
  .product-card-container_8d080 + .product-card-container_8d080 {
    margin-left: unset;
    margin-top: 20px;
  }
  .product-info-container_8d080 {
    height: 114px;
  }
  .product-info_8d080 {
    padding-top: 25px;
  }
  .des-container_8d080 {
    display: none;
  }
  .line_8d080 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-spec-container_8d080 {
    width: 100%;
  }
  .cards-panel_8d080 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .product-card-container_8d080 {
    width: unset;
    padding: 32px;
  }
}
@media screen and (min-width: 1680px) {
  .product-card-container_8d080 {
    width: 345px;
    padding: 32px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductDyna2/index_module.css */
.product-dyna-container_373a2 {
  background-color: #FFFFFF;
}
.product-dyna-container_373a2,
.product-dyna-container_373a2 * {
  box-sizing: border-box;
}
.product-dyna-container_373a2 a,
.product-dyna-container_373a2 a:link,
.product-dyna-container_373a2 a:visited,
.product-dyna-container_373a2 a:hover,
.product-dyna-container_373a2 a:active {
  text-decoration: none;
  color: inherit;
}
.product-dyna-card-container-pc_373a2 {
  display: block;
  width: 1200px;
  padding: 0 76px 5px;
}
.product-dyna-card-container-mobile_373a2 {
  display: none;
}
.product-dyna-carousel_373a2 {
  height: 153px;
  display: flow-root;
  margin-bottom: 26px;
  visibility: hidden;
}
.product-dyna-carousel_373a2 > .arco-carousel-slide {
  box-sizing: content-box;
  padding: 21px;
  margin: -21px;
}
.product-dyna-carousel_373a2 > .arco-carousel-slide > div {
  top: 21px;
  left: 21px;
  padding: 21px;
  margin: -21px;
  position: absolute;
}
.product-dyna-carousel_373a2 .arco-carousel-indicator-outer.arco-carousel-indicator-dot {
  bottom: -30px;
}
.product-dyna-carousel_373a2 .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item {
  background-color: rgba(22, 100, 255, 0.1);
}
.product-dyna-carousel_373a2 .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item-active,
.product-dyna-carousel_373a2 .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item:hover {
  background-color: #1664FF;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div {
  width: 46px;
  height: 46px;
  background-color: #F7F7F9;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div svg {
  color: #454545;
  stroke-width: 6;
  width: 20px;
  height: 20px;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div:hover {
  border: 1px solid #4281FD;
  background-color: #F7F7F9;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div:hover svg {
  color: #696969;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div:active {
  border: 1px solid #1664FF;
  background-color: #F7F7F9;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 > div:active svg {
  color: #454545;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 .arco-carousel-arrow-left {
  left: -76px;
}
.product-dyna-carousel_373a2 .product-dyna-carousel-arrow_373a2 .arco-carousel-arrow-right {
  right: -76px;
}
.dyna-card_373a2 {
  width: 336px;
  border: 1px solid #E5E8EF;
  border-radius: 6px;
  cursor: pointer;
  flex: none;
  transition: box-shadow 0.5s, border 0.5s;
}
.dyna-card_373a2 + .dyna-card_373a2 {
  margin-left: 20px;
}
.dyna-card_373a2:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.dyna-card_373a2:hover .dyna-card-date_373a2 {
  color: #1664FF;
}
.dyna-card_373a2 .dyna-card-a-tag_373a2 {
  display: block;
  width: 100%;
  height: 100%;
}
.dyna-card-empty_373a2 {
  width: 336px;
  flex: none;
  margin-left: 20px;
}
.dyna-card-date_373a2 {
  padding: 8px 16px;
  height: 41px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
  border-bottom: 1px solid #E5E8EF;
}
.dyna-card-tags-container_373a2 {
  padding: 12px 16px;
  height: 42px;
  display: flex;
  align-items: center;
}
.dyna-card-tag_373a2 {
  display: inline-flex;
  width: 61px;
  padding: 0 6px;
  background-color: rgba(22, 100, 255, 0.1);
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #1664FF;
}
.dyna-card-tag_373a2 + .dyna-card-tag_373a2 {
  margin-left: 6px;
}
.dyna-card-text_373a2 {
  padding: 0 16px 20px 16px;
  min-height: 64px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.dyna-card-group_373a2 {
  display: flex;
  background-color: #FFFFFF;
}
.product-dyna-card-mobile-outside_373a2 {
  display: flow-root;
}
.product-dyna-card-mobile-outer_373a2 {
  overflow: hidden;
  padding: 20px;
  margin: -20px;
  box-sizing: content-box;
  visibility: hidden;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.product-dyna-card-mobile-wrapper_373a2 {
  position: relative;
}
.product-dyna-card-mobile-fold-expand_373a2 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1664FF;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.product-dyna-card-mobile-fold-expand-icon_373a2 {
  padding-left: 6px;
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 767px) {
  .product-dyna-card-container-pc_373a2 {
    display: none;
  }
  .product-dyna-card-container-mobile_373a2 {
    display: block;
    width: 100%;
  }
  .product-dyna-card-container-mobile_373a2 .dyna-card_373a2 {
    width: 100%;
  }
  .product-dyna-card-container-mobile_373a2 .dyna-card_373a2 + .dyna-card_373a2 {
    margin-left: unset;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-dyna-card-container-pc_373a2 {
    display: none;
  }
  .product-dyna-card-container-mobile_373a2 {
    display: block;
    width: 100%;
  }
  .product-dyna-card-container-mobile_373a2 .product-dyna-card-mobile-wrapper_373a2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .dyna-card_373a2 {
    width: 100%;
  }
  .dyna-card_373a2 + .dyna-card_373a2 {
    margin-left: unset;
  }
}
@media screen and (min-width: 1680px) {
  .product-dyna-card-container-pc_373a2 {
    width: 1440px;
  }
  .dyna-card_373a2 {
    width: 416px;
    border-radius: 8px;
  }
  .dyna-card-empty_373a2 {
    width: 416px;
  }
  .dyna-card-date_373a2 {
    padding: 8px 24px;
  }
  .dyna-card-tags-container_373a2 {
    padding: 12px 24px;
  }
  .dyna-card-text_373a2 {
    padding: 0 24px 28px 24px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/DynamicButtons/index_module.css */
@media (max-width: 767.9px) {
  .desktop_89263 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .mobile_89263 {
    display: none !important;
  }
}
.btn-list_89263 {
  row-gap: 12px;
  column-gap: 16px;
  margin: 48px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .btn-list_89263 {
    width: 1200px;
  }
}
@media (max-width: 1023.9px) {
  .btn-list_89263 {
    padding: 0 24px;
  }
}
@media (max-width: 767.9px) {
  .btn-list_89263 {
    margin-top: 24px;
    padding: 0 12px;
  }
}
.btn_89263 {
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  transition:
    background 0.3s,
    color 0.3s,
    border-color 0.3s;
  font-size: 16px;
  height: 48px;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .btn_89263 {
    min-width: 240px;
  }
}
@media (max-width: 767.9px) {
  .btn_89263 {
    flex-basis: 100%;
    font-size: 14px;
    height: 36px;
  }
}
.primary_89263 {
  background: #1664FF;
  background: var(--ve-portal-primary-color-primary-1, #1664FF);
  color: white;
  color: var(--ve-portal-text-color-text-white, white);
}
.primary_89263:hover {
  background: #4281FF;
}
.primary_89263:active {
  background: #195BF6;
}
.secondary_89263 {
  color: #101010;
  background: white;
  background: var(--ve-portal-background-1, white);
  box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.05);
  border-color: #F3F3F3;
}
.secondary_89263:hover {
  border-color: #4281FD;
  color: #41464F;
  background: #F6F8FA;
}
.secondary_89263:active {
  border-color: #195BF6;
  color: #101010;
}
.button-text_89263 {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  justify-content: center;
  color: #1664ff;
  box-sizing: border-box;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .button-text_89263 {
    min-width: 240px;
  }
}
@media (max-width: 767.9px) {
  .button-text_89263 {
    line-height: 38px;
    font-size: 14px;
  }
}
.button-text_89263:hover {
  color: #4086ff;
}
.button-text_89263:active {
  color: #0e49d2;
}
.button-text_89263 .button-arrow_89263 {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0;
  transition: right 0.3s;
}
.button-text_89263 .button-arrow_89263 svg {
  flex: none;
  height: 14px;
  width: 14px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Banner/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
body {
  overscroll-behavior: none;
}
.banner-container_9531f {
  min-width: 1200px;
  position: relative;
  background-color: white;
}
.banner-container_9531f,
.banner-container_9531f * {
  box-sizing: border-box;
}
.banner-container_9531f a,
.banner-container_9531f a:link,
.banner-container_9531f a:visited,
.banner-container_9531f a:hover,
.banner-container_9531f a:active {
  text-decoration: none;
  color: inherit;
}
.banner-image-container_9531f {
  position: absolute;
  width: 100%;
  height: 740px;
  font-size: 0;
}
.banner-image-container_9531f.noButtonOrOpCard_9531f {
  height: 629px;
}
.banner-image-big_9531f {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-normal_9531f {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-image-small_9531f {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-mobile_9531f {
  display: none;
  padding-top: 48px;
}
.banner-image-img_9531f {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-content-container_9531f {
  padding-top: 188px;
  margin: 0 auto;
  width: 1200px;
  height: 740px;
  position: relative;
  z-index: 1;
}
.banner-content-container_9531f.noButtonOrOpCard_9531f {
  height: 629px;
}
.banner-title-container_9531f {
  display: flex;
  align-items: flex-end;
}
.banner-title-container_9531f.with-subtitle_9531f {
  flex-direction: column;
  align-items: flex-start;
}
.banner-title-container_9531f .banner-title_9531f {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0.002em;
  color: #282828;
  display: block;
  margin: 0;
  padding: 0;
}
.banner-title-container_9531f .banner-title-small-text_9531f {
  margin-left: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-title-container_9531f .banner-title-subtitle_9531f {
  margin: 0;
  margin-top: 12px;
  color: #282828;
  font-size: 36px;
  font-family: "PingFang SC";
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.002em;
}
@media screen and (max-width: 1023px) {
  .banner-title-container_9531f .banner-title-subtitle_9531f {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .banner-title-container_9531f .banner-title-subtitle_9531f {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
  }
}
.banner-title-container_9531f .banner-title-tag_9531f {
  margin-left: 8px;
  background: #eceded;
  border-radius: 2px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #41464f;
  padding: 0 6px;
  vertical-align: bottom;
  margin-bottom: 38px;
  display: inline-block;
}
.banner-des-items_9531f {
  margin-top: 20px;
}
.banner-des-items-pad_9531f {
  margin-top: 15px;
  display: none;
}
.des-panel_9531f {
  display: flex;
}
.des-panel_9531f + .des-panel_9531f {
  margin-top: 8px;
}
.yes-icon_9531f {
  height: 24px;
  display: flex;
  align-items: center;
}
.des_9531f {
  margin-left: 6px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-des-text_9531f {
  width: 480px;
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-des-text-pad_9531f {
  width: 320px;
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
  display: none;
}
.banner-params_9531f {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 767px) {
  .banner-params_9531f.for-merchant_9531f {
    justify-content: space-between;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .banner-params_9531f:not(.for-merchant_9531f) {
    display: none;
  }
}
.param-panel_9531f + .param-panel_9531f {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .param-panel_9531f + .param-panel_9531f {
    margin: 0;
  }
}
.param-value_9531f em {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 0.182143px;
  color: #181818;
}
.param-value_9531f small {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #181818;
}
.param-value_9531f span {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #181818;
}
@media (max-width: 767px) {
  .param-value_9531f > em,
  .param-value_9531f > small {
    letter-spacing: 0;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
  }
}
.param-name_9531f {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #768197;
  margin: 1px 0;
}
@media (max-width: 767px) {
  .param-name_9531f {
    line-height: 26px;
    font-size: 14px;
  }
}
.banner-buttons_9531f {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 767px) {
  .banner-buttons_9531f.has-params_9531f {
    margin-top: 28px;
  }
}
.button-a-tag_9531f {
  flex: none;
}
.button-a-tag_9531f + .button-a-tag_9531f {
  margin-left: 20px;
}
.button_9531f {
  height: 50px;
}
.button-primary_9531f {
  width: 158px;
  background-color: #1664ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #ffffff;
}
.button-primary_9531f:hover {
  background-color: #4281ff;
}
.button-primary_9531f:active {
  background-color: #0055ff;
}
.button-secondary_9531f {
  width: 158px;
  background-color: #ffffff;
  border: 1px solid #f3f3f3;
  box-shadow: 0px 3px 8px rgba(46, 70, 146, 0.15);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #101010;
}
.button-secondary_9531f:hover {
  background-color: #f6f8fa;
  border: 1px solid #4281fd;
  color: #41464f;
}
.button-secondary_9531f:active {
  background-color: #f6f8fa;
  border: 1px solid #1664ff;
}
.button-text_9531f {
  display: flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #101010;
}
.button-text_9531f .button-arrow_9531f {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.button-text_9531f .button-arrow_9531f svg {
  flex: none;
  height: 14px;
  width: 14px;
}
.button-text_9531f:hover {
  color: #4086ff;
}
.button-text_9531f:hover .button-arrow_9531f {
  right: -4px;
}
.button-text_9531f:active {
  color: #0e49d2;
}
.banner-opcard-container_9531f {
  width: 1200px;
  display: flex;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.banner-opcard-container_9531f .op-a-tag_9531f {
  display: block;
  flex: 1 1 100px;
  min-width: 0;
}
.banner-opcard-container_9531f .op-a-tag_9531f .op-card_9531f {
  height: 102px;
  padding: 24px 32px;
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  transition: box-shadow 0.5s, border 0.5s;
  position: relative;
  overflow: hidden;
}
.banner-opcard-container_9531f .op-a-tag_9531f .op-card_9531f .op-card-title_9531f {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-opcard-container_9531f .op-a-tag_9531f .op-card_9531f .op-card-des_9531f {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-opcard-container_9531f .op-a-tag_9531f .op-card_9531f:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.banner-opcard-container_9531f .op-a-tag_9531f .op-card_9531f:hover .op-card-title_9531f {
  color: #1664ff;
}
.banner-opcard-container_9531f .op-a-tag_9531f + .op-a-tag_9531f {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .banner-container_9531f {
    min-width: unset;
  }
  .banner-image-container_9531f {
    height: unset;
    position: unset;
  }
  .banner-image-container_9531f.noButtonOrOpCard_9531f {
    height: unset;
  }
  .banner-image-mobile_9531f {
    display: block;
  }
  .banner-image-normal_9531f {
    display: none;
  }
  .banner-image-img_9531f {
    object-fit: unset;
  }
  .banner-content-container_9531f {
    padding-top: unset;
    margin: 0 24px;
    width: auto;
    height: auto;
  }
  .banner-content-container_9531f.noButtonOrOpCard_9531f {
    height: auto;
  }
  .banner-title-container_9531f {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner-title-container_9531f.with-subtitle_9531f {
    align-items: center;
  }
  .banner-title-container_9531f .banner-title_9531f {
    font-size: 24px;
    line-height: 34px;
  }
  .banner-title-container_9531f .banner-title-tag_9531f {
    margin-left: 6px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 5px;
    margin-bottom: 13px;
  }
  .banner-title-container_9531f .banner-title-small-text_9531f {
    margin-left: 0;
    margin-top: 4px;
    font-size: 16px;
    line-height: 19px;
  }
  .yes-icon_9531f {
    height: 22px;
  }
  .des_9531f {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-des-text_9531f {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-buttons_9531f {
    margin-top: 36px;
    padding-bottom: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .button-a-tag_9531f {
    flex: none;
    width: 100%;
  }
  .button-a-tag_9531f + .button-a-tag_9531f {
    margin-left: unset;
    margin-top: 16px;
  }
  .button-primary_9531f {
    width: 100%;
  }
  .button-secondary_9531f {
    width: 100%;
  }
  .button-text_9531f {
    width: 100%;
    justify-content: center;
  }
  .banner-opcard-container_9531f {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-container_9531f {
    min-width: unset;
  }
  .banner-image-container_9531f {
    height: 410px;
  }
  .banner-image-container_9531f.noButtonOrOpCard_9531f {
    height: 392px;
  }
  .banner-image-normal_9531f {
    display: none;
  }
  .banner-image-small_9531f {
    display: block;
  }
  .banner-content-container_9531f {
    padding-top: 115px;
    margin: 0 42px;
    width: auto;
    height: 410px;
  }
  .banner-content-container_9531f.noButtonOrOpCard_9531f {
    height: 392px;
  }
  .banner-title-container_9531f .banner-title_9531f {
    font-size: 32px;
    line-height: 45px;
  }
  .banner-title-container_9531f .banner-title-small-text_9531f {
    font-size: 16px;
  }
  .banner-title-container_9531f .banner-title-tag_9531f {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 20px;
  }
  .banner-des-items_9531f {
    display: none;
  }
  .banner-des-items-pad_9531f {
    display: block;
  }
  .banner-des-items-pad-dark_9531f .des_9531f {
    color: #c9cdd4;
  }
  .yes-icon_9531f {
    height: 22px;
  }
  .des_9531f {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-des-text_9531f {
    display: none;
  }
  .banner-des-text-pad_9531f {
    display: block;
  }
  .banner-params_9531f {
    display: none;
  }
  .banner-buttons_9531f {
    margin-top: 38px;
  }
  .button_9531f {
    height: 44px;
  }
  .button-primary_9531f {
    width: 113px;
    line-height: 44px;
  }
  .button-secondary_9531f {
    width: 113px;
    line-height: 44px;
  }
  .button-text_9531f {
    line-height: 44px;
  }
  .banner-opcard-container_9531f {
    width: 100%;
    position: relative;
    padding: 0 42px 40px;
    bottom: unset;
    left: unset;
    transform: unset;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 1680px) {
  .banner-image-big_9531f {
    display: block;
  }
  .banner-image-normal_9531f {
    display: none;
  }
  .banner-content-container_9531f {
    padding-top: 193px;
    width: 1440px;
  }
  .banner-opcard-container_9531f {
    width: 1440px;
  }
}
.card-tag_9531f {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 13px 0 16px;
  height: 24px;
  overflow: hidden;
}
.card-tag_9531f .cardTag-trapezoid_9531f {
  width: 100%;
  height: 32px;
  background-image: linear-gradient(270deg, #f71510 0%, #ff7c53 107.82%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: matrix(1, 0, 0.3182, 1, 3, -8);
}
.card-tag_9531f .cardTag-text_9531f {
  height: 24px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Case/MobileRender/index_module.css */
.mobile_245ba {
  display: none;
}
.mobile_245ba a,
.mobile_245ba a:link,
.mobile_245ba a:visited,
.mobile_245ba a:hover,
.mobile_245ba a:active {
  text-decoration: none;
  color: inherit;
}
.carousel_245ba {
  height: 254px;
  overflow-x: hidden;
  background: #F8F9FE;
  border-radius: 8px;
}
.cases_245ba {
  height: 100%;
  white-space: nowrap;
  overflow-x: visible;
  transition: transform 1s;
}
.case_245ba {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding: 32px 40px;
}
.case_245ba img {
  height: 44px;
}
.case_245ba .context_245ba {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  white-space: pre-wrap;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.button_245ba {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  bottom: 32px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1664FF;
}
.button_245ba:hover {
  color: #4086FF;
}
.button_245ba:active {
  color: #0E49D2;
}
.button_245ba svg {
  font-size: 13px;
  stroke-width: 5;
  margin-left: 4px;
}
.capabilities-items_245ba {
  position: absolute;
  bottom: 12px;
  width: calc(100% - 48px);
  white-space: pre-wrap;
}
.capabilities-item_245ba {
  display: inline-block;
  background: #F2F3F8;
  padding: 7px 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-bottom: 12px;
  margin-right: 20px;
}
.capabilities-item_245ba:hover {
  font-weight: 500;
  color: #1664FF !important;
}
.dots_245ba {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}
.dot_245ba {
  cursor: pointer;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: rgba(22, 100, 255, 0.1);
}
.dot_245ba.active_245ba {
  background: #1664FF;
}
.dot_245ba + .dot_245ba {
  margin-left: 8px;
}
@media screen and (max-width: 1023px) {
  .mobile_245ba {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .case_245ba {
    padding: 24px;
  }
  .button_245ba {
    bottom: 24px;
  }
  .carousel_245ba.has_capabilities_245ba {
    height: 352px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Case/MoreCases/index_module.css */
.more_66403 {
  margin-top: 49px;
}
.more_66403 h3 {
  margin: 0;
  padding: 0;
}
.title_66403 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(78, 89, 105, 0.6);
}
.title_66403 span {
  margin: 0 37px;
  white-space: nowrap;
}
.deco_left_66403 {
  width: 528px;
  height: 1px;
  background: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #D5DCE8 96.75%);
}
.deco_right_66403 {
  width: 528px;
  height: 1px;
  background: linear-gradient(90deg, #D5DCE8 0%, rgba(242, 242, 242, 0) 96.75%);
}
.content_66403 {
  margin-top: 7px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
}
.content_66403 .img-wrap_66403 {
  height: 47px;
  width: 24%;
  margin: 25px 0;
  display: flex;
  justify-content: center;
}
.content_66403 img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .more_66403 {
    margin-top: 32px;
  }
  .title_66403 span {
    margin: 0 12px;
  }
  .deco_left_66403 {
    width: 109px;
  }
  .deco_right_66403 {
    width: 109px;
  }
}
@media screen and (max-width: 767px) {
  .content_66403 {
    margin-top: 20px;
    justify-content: space-between;
  }
  .content_66403 .img-wrap_66403 {
    width: 45%;
    margin: 12px 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Case/PcRender/index_module.css */
.pc_223c3 {
  background: #FFFFFF;
  box-shadow: 0px 1px 10px rgba(51, 65, 101, 0.05), 0px 3px 18px rgba(51, 65, 101, 0.15);
  border-radius: 12px;
  height: 400px;
  position: relative;
}
.pc_223c3 a,
.pc_223c3 a:link,
.pc_223c3 a:visited,
.pc_223c3 a:hover,
.pc_223c3 a:active {
  text-decoration: none;
  color: inherit;
}
.case_names_223c3 {
  position: absolute;
  left: 103px;
  top: 52px;
}
.case_names_223c3 span {
  padding: 0 15px;
  white-space: nowrap;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #86909C;
  cursor: pointer;
}
.case_names_223c3 span:hover {
  color: #80838A;
}
.case_names_223c3 .active_223c3 {
  font-weight: 500;
  color: #1664FF !important;
}
.case_names_223c3 .deco_223c3 {
  position: absolute;
  top: 36px;
  width: 601px;
  height: 1px;
  background: linear-gradient(90deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 96.75%);
}
.case_names_223c3 .line_223c3 {
  position: absolute;
  top: 35px;
  height: 2px;
  background: #1664FF;
  border-radius: 12px 12px 0 0;
  transition: width 0.5s, transform 0.5s;
}
.case_content_223c3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s;
  opacity: 0;
  pointer-events: none;
}
.case_content_223c3.active_223c3 {
  opacity: 1;
  pointer-events: all;
}
.left_part_223c3 {
  padding: 123px 0 0 100px;
  width: 500px;
}
.left_part_223c3 img {
  height: 48px;
}
.left_part_223c3 .context_223c3 {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  width: 500px;
}
.button_223c3 {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  margin-top: 30px;
  padding: 12px 31.5px;
  background: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.button_223c3:hover {
  background: #4281FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.button_223c3:active {
  background: #0055FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.capabilities_223c3 {
  margin-top: 34px;
}
.capabilities-title_223c3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #86909C;
}
.capabilities-items_223c3 {
  margin-top: 12px;
}
.capabilities-item_223c3 {
  display: inline-block;
  background: #F2F3F8;
  padding: 7px 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.capabilities-item_223c3:hover {
  font-weight: 500;
  color: #1664FF !important;
}
.capabilities-item_223c3 + .capabilities-item_223c3 {
  margin-left: 20px;
}
.right_img_223c3 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 580px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media screen and (max-width: 1679px) {
  .case_names_223c3 {
    left: 90px;
  }
  .left_part_223c3 {
    padding: 123px 0 0 87px;
  }
}
@media screen and (max-width: 1023px) {
  .pc_223c3 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Footer/index_module.css */
.footer_7222a {
  width: 100%;
  height: 325px;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.title_7222a {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 7.3px;
  color: #ffffff;
  white-space: nowrap;
  margin-top: 85px;
}
.desc_7222a {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  white-space: nowrap;
  margin-top: 8px;
}
.contact_7222a {
  margin-top: 28px;
}
.contactInput_7222a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: unset;
  border: 1px solid #e5e6eb;
  border-radius: 4px 0px 0px 4px;
  display: inline-flex;
  height: 56px;
  width: 288px !important;
  background-color: #ffffff;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #86909c;
  padding: 16px;
}
.contactInput_7222a.forceInputBgWhite_7222a {
  background-color: #ffffff !important;
}
.contactInput_7222a:hover {
  background-color: #ffffff !important;
}
.contactInput_7222a:focus {
  border: 1px solid #e5e6eb !important;
}
.contactButton_7222a {
  display: inline-block;
  border-radius: 0px 4px 4px 0px;
  padding: 0 34px;
  height: 56px;
  background: #1664ff;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 56px;
  color: #ffffff;
}
.contactButton_7222a,
.contactButton_7222a:link,
.contactButton_7222a:visited,
.contactButton_7222a:hover,
.contactButton_7222a:active {
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .footer_7222a {
    display: none;
  }
  .moFooter_7222a {
    display: flex;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene2/ApplicationScene2Pc/index_module.css */
.app-scene-2-pc-container_ed4b3 {
  width: 1200px;
  height: 480px;
  background-color: #ffffff;
  box-shadow:
    0px -1px 40px rgba(102, 112, 147, 0.1),
    0px 27px 30px rgba(193, 198, 215, 0.13),
    0px 19px 20px rgba(193, 198, 215, 0.11),
    0px 10px 30px rgba(193, 198, 215, 0.08);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 {
  flex: none;
  width: 171px;
  height: 100%;
  border-right: 1px solid #e7efff;
  display: flex;
  flex-direction: column;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 {
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3.with-title-icon_ed4b3 {
  justify-content: start;
  padding-left: 28px;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 .ring_ed4b3 {
  display: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 .tabs-header-title-icon_ed4b3 {
  margin-right: 8px;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 .tabs-header-title-icon_ed4b3 .normal_ed4b3 {
  display: block;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 .tabs-header-title-icon_ed4b3 .active_ed4b3 {
  display: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel_ed4b3 .tabs-header-title_ed4b3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel-active_ed4b3 {
  background-image: linear-gradient(90.58deg, #305dff 0.5%, #00d1ff 101.64%);
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel-active_ed4b3 .ring_ed4b3 {
  display: block;
  width: 72px;
  height: 72px;
  border: 14px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  left: -40px;
  top: -34px;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel-active_ed4b3 .tabs-header-title-icon_ed4b3 .normal_ed4b3 {
  display: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel-active_ed4b3 .tabs-header-title-icon_ed4b3 .active_ed4b3 {
  display: block;
}
.app-scene-2-pc-container_ed4b3 .tabs-header_ed4b3 .tabs-header-panel-active_ed4b3 .tabs-header-title_ed4b3 {
  font-weight: 600;
  color: #ffffff;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 {
  flex: none;
  width: 1029px;
  height: 100%;
  position: relative;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 {
  display: flex;
  width: 100%;
  height: 100%;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 {
  flex: none;
  width: 691px;
  height: 100%;
  padding: 56px 64px 0px 80px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 {
  height: 37px;
  position: relative;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .inner-tab-title-panel_ed4b3 {
  display: flex;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .inner-tab-title-panel_ed4b3 .inner-tab-title_ed4b3 + .inner-tab-title_ed4b3 {
  margin-left: 30px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .inner-tab-title-panel_ed4b3 .inner-tab-title_ed4b3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #86909c;
  cursor: pointer;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .inner-tab-title-panel_ed4b3 .inner-tab-title_ed4b3::after {
  display: block;
  content: attr(data-content);
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .inner-tab-title-panel_ed4b3 .inner-tab-title-active_ed4b3 {
  font-weight: 500;
  color: #1664ff;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .line_ed4b3 {
  width: 100%;
  height: 1px;
  margin-top: 16px;
  background-image: linear-gradient(90deg, #e0e0e0 30.74%, rgba(242, 242, 242, 0) 96.75%);
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-header_ed4b3 .indicator_ed4b3 {
  width: 56px;
  height: 2px;
  background-color: #1664ff;
  position: absolute;
  left: 0;
  top: 35px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  z-index: 1;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 {
  margin: 38px 85px 0px 0px;
  position: relative;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-title_ed4b3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 45px;
  letter-spacing: -0.02em;
  color: #181818;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-des_ed4b3 {
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #4e5969;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 {
  margin-top: 20px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 .inner-items-line_ed4b3 + .inner-items-line_ed4b3 {
  margin-top: 8px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 .inner-items-line_ed4b3 {
  font-size: 0;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 .inner-items-line_ed4b3 .yes-icon_ed4b3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
  background-color: rgba(21, 98, 255, 0.1);
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 .inner-items-line_ed4b3 .yes-icon_ed4b3 img {
  width: 10px;
  height: 10px;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-items_ed4b3 .inner-items-line_ed4b3 .inner-items-line-text_ed4b3 {
  display: inline-block;
  vertical-align: middle;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #282828;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-button_ed4b3 {
  margin-top: 42px;
  display: block;
  width: 128px;
  height: 50px;
  background-color: #1664ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #ffffff;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-button_ed4b3:hover {
  background-color: #4281ff;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel_ed4b3 .inner-tab-content-button_ed4b3:active {
  background-color: #0055ff;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-right_ed4b3 {
  flex: none;
  width: 338px;
  height: 100%;
  position: relative;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-right_ed4b3 .inner-tab-image_ed4b3 {
  width: 100%;
  height: 100%;
  padding: 38px 38px 38px 0px;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-right_ed4b3 .inner-tab-image_ed4b3 img {
  width: 100%;
  height: 100%;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel-active_ed4b3 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel-active_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 .inner-tab-content-panel-active_ed4b3 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel-active_ed4b3 .tab-content-container_ed4b3 .inner-tab-right_ed4b3 .inner-tab-image-active_ed4b3 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media screen and (min-width: 1680px) {
  .app-scene-2-pc-container_ed4b3 {
    width: 1440px;
  }
  .app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 {
    width: 1269px;
  }
  .app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 {
    width: 931px;
    padding: 56px 304px 0px 80px;
  }
  .app-scene-2-pc-container_ed4b3 .tabs-content_ed4b3 .tabs-content-panel_ed4b3 .tab-content-container_ed4b3 .inner-tab-left_ed4b3 .inner-tab-content_ed4b3 {
    margin: 38px 23px 0px 0px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene2/ApplicationScene2Mobile/index_module.css */
.app-scene-2-mobile-container_baf0e {
  width: 100%;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #F8F9FE;
  border: unset;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284C;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-content {
  background-color: #F8F9FE;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .mobile-tab-title_baf0e {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .mobile-tab-content_baf0e {
  padding: 14px 32px 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 28px 62px;
}
.card-container_baf0e {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-container_baf0e .card-top_baf0e .card-title_baf0e {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #181818;
}
.card-container_baf0e .card-top_baf0e .card-des_baf0e {
  margin-top: 10px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #4E5969;
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e {
  margin-top: 16px;
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e .inner-items-line_baf0e + .inner-items-line_baf0e {
  margin-top: 8px;
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e .inner-items-line_baf0e {
  font-size: 0;
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e .inner-items-line_baf0e .yes-icon_baf0e {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
  background-color: rgba(21, 98, 255, 0.1);
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e .inner-items-line_baf0e .yes-icon_baf0e img {
  width: 10px;
  height: 10px;
}
.card-container_baf0e .card-top_baf0e .card-items_baf0e .inner-items-line_baf0e .inner-items-line-text_baf0e {
  display: inline-block;
  vertical-align: middle;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #282828;
}
.card-container_baf0e .card-bottom_baf0e {
  width: 100%;
}
.card-container_baf0e .card-bottom_baf0e .card-image_baf0e {
  margin-top: 14px;
  width: 100%;
  font-size: 0;
}
.card-container_baf0e .card-bottom_baf0e .card-image_baf0e img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .mobile-tab-content_baf0e {
    padding: 14px 16px 16px;
    display: block;
  }
  .app-scene-2-mobile-container_baf0e .scene-2-mobile-collapse_baf0e .mobile-tab-content_baf0e .inner-tab-wrapper_baf0e + .inner-tab-wrapper_baf0e {
    margin-top: 28px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene2/index_module.css */
.application-scene-2-container_dc3aa,
.application-scene-2-container_dc3aa * {
  box-sizing: border-box;
}
.application-scene-2-container_dc3aa a,
.application-scene-2-container_dc3aa a:link,
.application-scene-2-container_dc3aa a:visited,
.application-scene-2-container_dc3aa a:hover,
.application-scene-2-container_dc3aa a:active {
  text-decoration: none;
  color: inherit;
}
.application-scene-2-pc_dc3aa {
  display: block;
}
.application-scene-2-mobile_dc3aa {
  display: none;
}
@media screen and (max-width: 1023px) {
  .application-scene-2-pc_dc3aa {
    display: none;
  }
  .application-scene-2-mobile_dc3aa {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CardContainerBlack/index_module.css */
.container_088ad {
  padding-top: 80px;
  padding-top: var(--volcfe-title-padding-top-md, 80px);
  padding-bottom: 80px;
  padding-bottom: var(--volcfe-card-container-padding-bottom-md, 80px);
  background-color: #ffffff;
  min-width: 1200px;
}
.container_088ad h2 {
  margin: 0;
  padding: 0;
}
.head_088ad {
  margin-bottom: 60px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--volcfe-card-container-title-align, center);
}
.head_088ad a,
.head_088ad a:link,
.head_088ad a:visited,
.head_088ad a:hover,
.head_088ad a:active {
  text-decoration: none;
  color: inherit;
}
.title_088ad {
  flex: none;
  font-style: normal;
  font-size: 40px;
  font-size: var(--volcfe-title-font-size, 40px);
  font-weight: 600;
  font-weight: var(--volcfe-title-font-weight, 600);
  line-height: 48px;
  line-height: var(--volcfe-title-line-height, 48px);
  text-align: center;
  letter-spacing: 0.002em;
  color: #ffffff;
}
.desc_088ad {
  flex: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: rgba(255, 255, 255, 0.7);
  width: 480px;
}
.title_088ad + .desc_088ad {
  margin-top: 12px;
}
.compWrap_088ad {
  margin: 0 auto;
  width: 1440px;
}
.link-a_088ad {
  flex: none;
  display: block;
  margin-top: 16px;
}
.link-a_088ad .link-panel_088ad {
  display: inline-flex;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.link-a_088ad .link-panel_088ad .link-arrow_088ad {
  flex: none;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.link-a_088ad .link-panel_088ad .link-arrow_088ad svg {
  height: 14px;
  width: 14px;
}
.link-a_088ad .link-panel_088ad:hover {
  color: #3888ff;
}
.link-a_088ad .link-panel_088ad:hover .link-arrow_088ad {
  right: -4px;
}
.link-a_088ad .link-panel_088ad:active {
  color: #014fe9;
}
@media screen and (max-width: 1679px) {
  .compWrap_088ad {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .container_088ad {
    padding-top: 48px;
    padding-bottom: 48px !important;
    min-width: unset;
  }
  .head_088ad {
    margin: 0 auto 32px auto;
  }
  .title_088ad {
    font-size: 24px;
    line-height: 34px;
  }
  .desc_088ad {
    font-size: 14px;
    line-height: 22px;
    width: 320px;
  }
  .title_088ad + .desc_088ad {
    margin-top: 8px;
  }
  .compWrap_088ad {
    padding: 0 24px;
    width: auto;
    margin: unset;
  }
  .link-a_088ad {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .desc_088ad {
    width: 280px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationSceneBlack/ApplicationSceneBlackPc/index_module.css */
.application-scene-pc-container_cccc1 {
  width: 1200px;
  position: relative;
}
.application-scene-pc-header_cccc1 {
  width: 100%;
  height: 122px;
  position: relative;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 {
  position: absolute;
  width: 100vw;
  height: 222px;
  min-width: 1200px;
  overflow: hidden;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 {
  width: 280px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.8s ease;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  flex: none;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #FFFFFF;
  transition: all 0.8s ease;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  flex: none;
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #999999;
  opacity: 1;
  transition: all 0.8s ease;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  display: block;
  margin-top: 16px;
  flex: none;
  opacity: 1;
  transition: all 0.8s ease;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1 {
  display: inline-flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664FF;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1 .link-arrow_cccc1 {
  flex: none;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1 .link-arrow_cccc1 svg {
  flex: none;
  height: 12px;
  width: 12px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1:hover {
  color: #3888FF;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1:hover .link-arrow_cccc1 {
  right: -4px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 .tab-link-panel_cccc1:active {
  color: #014FE9;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev4_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: -932px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev4_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev4_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev4_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev3_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: -598px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev3_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev3_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev3_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev2_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: -264px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev2_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev2_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev2_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev1_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: 70px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev1_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
  cursor: pointer;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev1_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev1_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-current_cccc1 .title-wrapper_cccc1 {
  top: 0px;
  left: 460px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next1_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: 849px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next1_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
  cursor: pointer;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next1_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next1_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next2_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: 1183px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next2_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next2_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next2_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next3_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: 1517px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next3_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next3_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next3_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next4_cccc1 .title-wrapper_cccc1 {
  top: 44px;
  left: 1851px;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next4_cccc1 .title-wrapper_cccc1 .tab-title_cccc1 {
  opacity: 0.3;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next4_cccc1 .title-wrapper_cccc1 .tab-description_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next4_cccc1 .title-wrapper_cccc1 .tab-link-a_cccc1 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-outside_cccc1 {
  display: none;
}
.application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-fade_cccc1 {
  width: 100%;
  height: 122px;
  position: relative;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000000 100%);
}
.application-scene-pc-image_cccc1 {
  margin-top: 38px;
  display: flex;
  justify-content: center;
  user-select: none;
}
.application-scene-pc-image_cccc1 .scene-image-container_cccc1 {
  width: 870px;
  height: 457px;
  flex: none;
  position: relative;
  font-size: 0;
}
.application-scene-pc-image_cccc1 .scene-image-container_cccc1 img {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.application-scene-pc-image_cccc1 .scene-image-container_cccc1 .incoming-image_cccc1 img {
  opacity: 1;
}
.application-scene-pc-button_cccc1 {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 306px;
  user-select: none;
}
.application-scene-pc-button_cccc1 .scene-button_cccc1 {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(247, 247, 249, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.application-scene-pc-button_cccc1 .scene-button_cccc1 svg {
  width: 28px;
  height: 28px;
  stroke-width: 5;
}
.application-scene-pc-button_cccc1 .scene-button_cccc1:hover {
  background-color: rgba(247, 247, 249, 0.3);
}
.application-scene-pc-button_cccc1 .scene-button_cccc1:active {
  background-color: rgba(247, 247, 249, 0.1);
}
@media screen and (min-width: 1680px) {
  .application-scene-pc-container_cccc1 {
    width: 1440px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 {
    width: 1440px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev4_cccc1 .title-wrapper_cccc1 {
    left: -943px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev3_cccc1 .title-wrapper_cccc1 {
    left: -576px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev2_cccc1 .title-wrapper_cccc1 {
    left: -209px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-prev1_cccc1 .title-wrapper_cccc1 {
    left: 158px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-current_cccc1 .title-wrapper_cccc1 {
    left: 580px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next1_cccc1 .title-wrapper_cccc1 {
    left: 1002px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next2_cccc1 .title-wrapper_cccc1 {
    left: 1369px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next3_cccc1 .title-wrapper_cccc1 {
    left: 1736px;
  }
  .application-scene-pc-header_cccc1 .header-content-wrapper_cccc1 .header-content_cccc1 .tab-panel-next4_cccc1 .title-wrapper_cccc1 {
    left: 2103px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationSceneBlack/ApplicationSceneBlackMobile/index_module.css */
.application-scene-mobile-container_c287d {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.application-scene-card_c287d {
  height: 100%;
  background: rgba(248, 249, 254, 0.1);
  border-radius: 8px;
  padding: 36px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.application-scene-card_c287d .card-content_c287d {
  flex: none;
}
.application-scene-card_c287d .card-content_c287d .card-title_c287d {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}
.application-scene-card_c287d .card-content_c287d .card-des_c287d {
  margin-top: 4px;
  padding: 0 35px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #999999;
}
.application-scene-card_c287d .card-content_c287d .card-link_c287d {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}
.application-scene-card_c287d .card-content_c287d .card-link_c287d .card-link-a_c287d {
  flex: none;
  display: block;
}
.application-scene-card_c287d .card-content_c287d .card-link_c287d .card-link-a_c287d .card-link-panel_c287d {
  display: inline-flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664FF;
}
.application-scene-card_c287d .card-content_c287d .card-link_c287d .card-link-a_c287d .card-link-panel_c287d .link-arrow_c287d {
  flex: none;
  margin-left: 5px;
}
.application-scene-card_c287d .card-content_c287d .card-link_c287d .card-link-a_c287d .card-link-panel_c287d .link-arrow_c287d svg {
  height: 14px;
  width: 14px;
}
.application-scene-card_c287d .card-image_c287d {
  flex: none;
  margin-top: 22px;
  padding: 0 8px;
  width: 100%;
  font-size: 0;
}
.application-scene-card_c287d .card-image_c287d img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .application-scene-mobile-container_c287d {
    display: block;
  }
  .application-scene-card_c287d + .application-scene-card_c287d {
    margin-top: 16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationSceneBlack/index_module.css */
.application-scene-container_cf1c9,
.application-scene-container_cf1c9 * {
  box-sizing: border-box;
}
.application-scene-container_cf1c9 a,
.application-scene-container_cf1c9 a:link,
.application-scene-container_cf1c9 a:visited,
.application-scene-container_cf1c9 a:hover,
.application-scene-container_cf1c9 a:active {
  text-decoration: none;
  color: inherit;
}
.application-scene-pc_cf1c9 {
  display: block;
}
.application-scene-mobile_cf1c9 {
  display: none;
}
@media screen and (max-width: 1023px) {
  .application-scene-pc_cf1c9 {
    display: none;
  }
  .application-scene-mobile_cf1c9 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage2/Card/index_module.css */
.card_c6295 {
  display: inline-flex;
  flex-direction: column;
  background: linear-gradient(117.86deg, #1085f2 3.62%, #7bc9fc 77.9%);
  width: 345px;
  border-radius: 12px;
  vertical-align: middle;
  flex-shrink: 0;
  user-select: text;
}
.card_c6295 + .card_c6295 {
  margin-left: 20px;
}
.card_c6295 .content_c6295 {
  flex-grow: 1;
  background: linear-gradient(180deg, rgba(22, 100, 255, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 5px 20px rgba(51, 78, 118, 0.15);
  border-radius: 12px;
  padding: 24px 32px 32px 32px;
}
.card_c6295:nth-child(2n) {
  background: linear-gradient(123.76deg, #3c9af1 0%, #6aabf8 80.03%);
}
.card_c6295:nth-child(2n) .content_c6295 {
  background: linear-gradient(180deg, rgba(97, 198, 242, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #ffffff;
}
.card_c6295:nth-child(3n) {
  background: linear-gradient(120.79deg, #29aaf3 1.82%, #7ecdff 79.22%);
}
.card_c6295:nth-child(3n) .content_c6295 {
  background: linear-gradient(180deg, rgba(97, 198, 242, 0.2) 0%, rgba(255, 255, 255, 0) 33.08%), #ffffff;
}
.card_c6295:nth-child(4n) {
  background: linear-gradient(121.91deg, #09b9f0 3.1%, #8fe4ff 77.63%);
}
.title_c6295 {
  padding: 24px 32px 25px 32px;
}
.title_c6295 .line1_c6295 {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  height: 49px;
  line-height: 49px;
  color: #ffffff;
  margin-top: 8px;
}
.title_c6295 .line1_c6295 em {
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
}
.title_c6295 .line1_c6295 small {
  font-size: inherit;
}
.title_c6295 .line1_c6295 span {
  font-weight: 600;
  font-size: 32px;
}
.title_c6295 .line2_c6295 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
}
.content_title_c6295 {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 7px;
}
.content_text_c6295 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
  margin: 5px 0;
  display: flex;
  align-items: flex-start;
  white-space: pre-wrap;
}
.content_text_c6295 svg {
  margin-right: 4px;
  flex-shrink: 0;
  height: 22px;
}
.text_c6295 {
  white-space: pre-wrap;
}
@media screen and (max-width: 1679px) {
  .card_c6295 {
    width: 285px;
  }
  .card_c6295 .content_c6295 {
    padding: 24px;
  }
  .title_c6295 {
    padding: 24px 24px 25px 24px;
  }
}
@media screen and (max-width: 1023px) {
  .card_c6295 {
    width: calc(50% - 10px);
    min-height: 264px;
    height: auto;
  }
  .card_c6295 + .card_c6295 {
    margin-left: unset;
  }
  .card_c6295:nth-child(n+3) {
    margin-top: 20px;
  }
  .card_c6295 .content_c6295 {
    padding: 20px 28px;
  }
  .title_c6295 {
    padding: 20px 28px 14px 28px;
  }
  .title_c6295 .line1_c6295 {
    margin-top: 2px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
  }
  .title_c6295 .line1_c6295 em {
    font-weight: 700;
    font-size: 32px;
  }
  .title_c6295 .line1_c6295 span {
    font-weight: 500;
    font-size: 18px;
  }
  .title_c6295 .line2_c6295 {
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .card_c6295 {
    width: 100%;
  }
  .card_c6295:nth-child(n+3) {
    margin-top: unset;
  }
  .card_c6295 + .card_c6295 {
    margin-top: 16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage2/PcRender/index_module.css */
.pc_26f94 {
  user-select: none;
}
.pc-content_26f94 {
  min-height: 329px;
  position: relative;
}
.cards_26f94 {
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: flex;
}
.card-list_26f94 {
  transition: transform 1s;
  display: flex;
}
.swipe_btn_26f94 {
  position: absolute;
  top: calc(50% - 32px);
  border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #f7f7f9;
  border: 1px solid #f7f7f9;
  color: #454545;
}
.swipe_btn_26f94 svg {
  stroke-width: 5;
  font-size: 28px;
}
.swipe_btn_26f94:hover {
  background: #f7f7f9;
  border: 1px solid #4281fd;
  color: #696969;
}
.swipe_btn_26f94:active {
  background: #f7f7f9;
  border: 1px solid #1664ff;
  color: #454545;
}
.left_26f94 {
  left: 40px;
}
.right_26f94 {
  right: 40px;
}
@media screen and (max-width: 1023px) {
  .pc_26f94 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage2/MobileRender/index_module.css */
.mobile_1df55 {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .mobile_1df55 {
    display: flex;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage2/index_module.css */
.container_76d6e {
  user-select: none;
}
.container_76d6e > * {
  user-select: text;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SingleFeature/index_module.css */
.single-feature-container_12932 {
  position: relative;
}
.single-feature-container_12932,
.single-feature-container_12932 * {
  box-sizing: border-box;
}
.single-feature-container_12932 a,
.single-feature-container_12932 a:link,
.single-feature-container_12932 a:visited,
.single-feature-container_12932 a:hover,
.single-feature-container_12932 a:active {
  text-decoration: none;
  color: inherit;
}
.single-feature-container_12932 .bg-circle-left_12932 {
  background: rgba(255, 149, 149, 0.7);
  filter: blur(50px);
  opacity: 0.3;
  will-change: transform;
  pointer-events: none;
  width: 203px;
  height: 203px;
  border-radius: 50%;
  position: absolute;
  top: 26px;
  left: 106px;
}
.single-feature-container_12932 .bg-circle-right_12932 {
  background: #3382FF;
  filter: blur(50px);
  opacity: 0.2;
  will-change: transform;
  pointer-events: none;
  width: 218px;
  height: 218px;
  border-radius: 50%;
  position: absolute;
  top: -13px;
  left: 982px;
}
.single-feature-container_12932 .video-container_12932 {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_12932 .video-container_12932 .video_12932 {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
.single-feature-container_12932 .image-container_12932 {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_12932 .image-container_12932 img {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .single-feature-container_12932 .bg-circle-left_12932 {
    display: none;
  }
  .single-feature-container_12932 .bg-circle-right_12932 {
    display: none;
  }
  .single-feature-container_12932 .video-container_12932 {
    width: 100%;
  }
  .single-feature-container_12932 .video-container_12932 .video_12932 {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
  .single-feature-container_12932 .image-container_12932 {
    width: 100%;
  }
  .single-feature-container_12932 .image-container_12932 img {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-feature-container_12932 .bg-circle-left_12932 {
    display: none;
  }
  .single-feature-container_12932 .bg-circle-right_12932 {
    display: none;
  }
  .single-feature-container_12932 .video-container_12932 {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_12932 .video-container_12932 .video_12932 {
    width: 100%;
    height: unset;
  }
  .single-feature-container_12932 .image-container_12932 {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_12932 .image-container_12932 img {
    width: 100%;
    height: unset;
  }
}
@media screen and (min-width: 1680px) {
  .single-feature-container_12932 .bg-circle-left_12932 {
    top: 26px;
    left: 174px;
  }
  .single-feature-container_12932 .bg-circle-right_12932 {
    top: -13px;
    left: 1049px;
  }
  .single-feature-container_12932 .video-container_12932 {
    width: 1440px;
  }
  .single-feature-container_12932 .image-container_12932 {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MultipleFeatures/MultipleFeaturesPc/index_module.css */
.multiple-features-pc-container_d0dcb {
  width: 1200px;
  display: flex;
  justify-content: center;
  position: relative;
}
.multiple-features-pc-container_d0dcb .bg-circle_d0dcb {
  background: rgba(255, 149, 149, 0.7);
  filter: blur(50px);
  opacity: 0.12;
  will-change: transform;
  pointer-events: none;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: -20px;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb {
  flex: none;
  width: 1080px;
  height: 444px;
  position: relative;
  z-index: 1;
  background-color: rgba(242, 243, 248, 0.08);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb {
  flex: none;
  width: 500px;
  height: 100%;
  padding: 60px 98px 0 50px;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb {
  height: 37px;
  position: relative;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb {
  display: flex;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb + .tab-title_d0dcb {
  margin-left: 30px;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #86909C;
  cursor: pointer;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb:hover {
  color: #E0E0E0;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb::after {
  display: block;
  content: attr(data-content);
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title-active_d0dcb {
  font-weight: 500;
  color: #FFFFFF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title-active_d0dcb:hover {
  color: #FFFFFF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .line_d0dcb {
  width: 100%;
  height: 1px;
  margin-top: 16px;
  background-image: linear-gradient(90deg, rgba(134, 144, 156, 0.4) 0%, rgba(255, 255, 255, 0) 96.75%);
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .indicator_d0dcb {
  width: 56px;
  height: 2px;
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 35px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  z-index: 1;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb {
  position: relative;
  width: 100%;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-text-panel_d0dcb {
  margin-top: 58px;
  width: 280px;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-text-panel_d0dcb .tab-content-text-line_d0dcb {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 45px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-button_d0dcb {
  margin-top: 78px;
  display: block;
  width: 128px;
  height: 50px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-button_d0dcb:hover {
  background-color: #4281FF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-button_d0dcb:active {
  background-color: #0055FF;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel-active_d0dcb {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb {
  flex: none;
  width: 580px;
  height: 100%;
  position: relative;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel_d0dcb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel_d0dcb .video-container_d0dcb {
  font-size: 0;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel_d0dcb .video-container_d0dcb .video_d0dcb {
  width: 100%;
  height: 100%;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel_d0dcb .image-container_d0dcb {
  font-size: 0;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel_d0dcb .image-container_d0dcb img {
  width: 100%;
  height: 100%;
}
.multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb .tab-right-panel-active_d0dcb {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .multiple-features-pc-container_d0dcb {
    width: 100%;
  }
  .multiple-features-pc-container_d0dcb .bg-circle_d0dcb {
    display: none;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb {
    width: 720px;
    height: 272px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb {
    width: 364px;
    padding: 40px 16px 0 44px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb {
    height: 25px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb + .tab-title_d0dcb {
    margin-left: 20px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb {
    font-size: 13px;
    line-height: 18px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .tab-title-panel_d0dcb .tab-title_d0dcb::after {
    font-size: 13px;
    line-height: 18px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .line_d0dcb {
    margin-top: 6px;
    background-image: linear-gradient(90deg, rgba(242, 242, 242, 0.36) 0%, rgba(255, 255, 255, 0) 96.75%);
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .indicator_d0dcb {
    width: 51px;
    top: 23px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-text-panel_d0dcb {
    margin-top: 36px;
    width: 188px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-text-panel_d0dcb .tab-content-text-line_d0dcb {
    font-size: 18px;
    line-height: 25px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-content_d0dcb .tab-content-panel_d0dcb .tab-content-button_d0dcb {
    margin-top: 40px;
    width: 86px;
    height: 34px;
    box-shadow: 0px 4px 5px rgba(46, 70, 146, 0.1);
    font-size: 12px;
    line-height: 34px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-right_d0dcb {
    width: 356px;
  }
}
@media screen and (min-width: 1680px) {
  .multiple-features-pc-container_d0dcb {
    width: 1440px;
  }
  .multiple-features-pc-container_d0dcb .bg-circle_d0dcb {
    top: 11px;
    left: 21px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb {
    width: 1220px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb {
    width: 640px;
    padding: 60px 240px 0 50px;
  }
  .multiple-features-pc-container_d0dcb .multiple-features-pc-tab_d0dcb .multiple-features-pc-tab-left_d0dcb .tab-header_d0dcb .line_d0dcb {
    background-image: linear-gradient(90deg, rgba(242, 242, 242, 0.36) 0%, rgba(255, 255, 255, 0) 96.75%);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MultipleFeatures/MultipleFeaturesMobile/index_module.css */
.multiple-features-mobile-container_2b9d6 {
  width: 100%;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: rgba(248, 249, 254, 0.1);
  border: unset;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #FFFFFF;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-content {
  background-color: rgba(248, 249, 254, 0.1);
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-tab-title_2b9d6 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 {
  padding: 8px 16px 16px;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .video-container_2b9d6 {
  font-size: 0;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .video-container_2b9d6 .video_2b9d6 {
  width: 100%;
  height: 100%;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .image-container_2b9d6 {
  font-size: 0;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .image-container_2b9d6 img {
  width: 100%;
  height: 100%;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .content-text-panel_2b9d6 {
  margin-top: 6px;
}
.multiple-features-mobile-container_2b9d6 .multiple-features-mobile-collapse_2b9d6 .mobile-content-container_2b9d6 .content-text-panel_2b9d6 .content-text-line_2b9d6 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MultipleFeatures/index_module.css */
.multiple-features-container_e265a,
.multiple-features-container_e265a * {
  box-sizing: border-box;
}
.multiple-features-container_e265a a,
.multiple-features-container_e265a a:link,
.multiple-features-container_e265a a:visited,
.multiple-features-container_e265a a:hover,
.multiple-features-container_e265a a:active {
  text-decoration: none;
  color: inherit;
}
.multiple-features-pc_e265a {
  display: block;
}
.multiple-features-mobile_e265a {
  display: none;
}
@media screen and (max-width: 767px) {
  .multiple-features-pc_e265a {
    display: none;
  }
  .multiple-features-mobile_e265a {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Templates/index_module.css */
.templates-container_a2d66 {
  width: 100%;
}
.templates-container_a2d66,
.templates-container_a2d66 * {
  box-sizing: border-box;
}
.templates-container_a2d66 a,
.templates-container_a2d66 a:link,
.templates-container_a2d66 a:visited,
.templates-container_a2d66 a:hover,
.templates-container_a2d66 a:active {
  text-decoration: none;
  color: inherit;
}
.templates-container_a2d66 .image-line1-container_a2d66 {
  height: 190px;
  width: 100%;
}
.templates-container_a2d66 .image-line1-container_a2d66 .image-line1-wrapper_a2d66 {
  white-space: nowrap;
  width: fit-content;
  will-change: transform;
  font-size: 0;
}
.templates-container_a2d66 .image-line2-container_a2d66 {
  height: 190px;
  width: 100%;
  margin-top: 16px;
}
.templates-container_a2d66 .image-line2-container_a2d66 .image-line2-wrapper_a2d66 {
  white-space: nowrap;
  width: fit-content;
  will-change: transform;
  font-size: 0;
}
.templates-container_a2d66 .image-wrapper-a_a2d66 {
  display: inline-block;
  position: relative;
  width: 320px;
  height: 190px;
  margin: 0 8px;
  font-size: 0;
  border-radius: 12px;
  transition: transform 0.3s ease-in-out;
  -webkit-touch-callout: none;
}
.templates-container_a2d66 .image-wrapper-a_a2d66:hover {
  transform: scale(1.05);
}
.templates-container_a2d66 .image-wrapper-a_a2d66:hover .hover-cover_a2d66 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.templates-container_a2d66 .image-wrapper-a_a2d66 img {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
}
.templates-container_a2d66 .image-wrapper-a_a2d66 .hover-cover_a2d66 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 26, 0.5);
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.templates-container_a2d66 .image-wrapper-a_a2d66 .hover-cover_a2d66 .hover-button_a2d66 {
  width: 97px;
  height: 39px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 39px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  user-select: none;
}
@media screen and (max-width: 1023px) {
  .templates-container_a2d66 {
    width: 100%;
  }
  .templates-container_a2d66,
  .templates-container_a2d66 * {
    box-sizing: border-box;
  }
  .templates-container_a2d66 a,
  .templates-container_a2d66 a:link,
  .templates-container_a2d66 a:visited,
  .templates-container_a2d66 a:hover,
  .templates-container_a2d66 a:active {
    text-decoration: none;
    color: inherit;
  }
  .templates-container_a2d66 .image-line1-container_a2d66 {
    height: 163px;
    width: 100%;
  }
  .templates-container_a2d66 .image-line1-container_a2d66 .image-line1-wrapper_a2d66 {
    white-space: nowrap;
    width: fit-content;
    will-change: transform;
    font-size: 0;
  }
  .templates-container_a2d66 .image-line2-container_a2d66 {
    height: 163px;
    width: 100%;
    margin-top: 12px;
  }
  .templates-container_a2d66 .image-line2-container_a2d66 .image-line2-wrapper_a2d66 {
    white-space: nowrap;
    width: fit-content;
    will-change: transform;
    font-size: 0;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66 {
    display: inline-block;
    position: relative;
    width: 274px;
    height: 163px;
    margin: 0 6px;
    font-size: 0;
    border-radius: 12px;
    transition: transform 0.3s ease-in-out;
    -webkit-touch-callout: none;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66:hover {
    transform: unset;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66:hover .hover-cover_a2d66 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66 img {
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66 .hover-cover_a2d66 {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 26, 26, 0.5);
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
  }
  .templates-container_a2d66 .image-wrapper-a_a2d66 .hover-cover_a2d66 .hover-button_a2d66 {
    width: 97px;
    height: 39px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 39px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    user-select: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Service/ServicePc/index_module.css */
.service-pc-container_c4a23 {
  width: 1200px;
  height: 480px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.29) 0%, #F8FBFF 100%);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 5px 20px rgba(46, 93, 243, 0.1);
  border-radius: 12px;
  position: relative;
  display: flex;
}
.service-pc-container_c4a23 .tabs-header_c4a23 {
  flex: none;
  width: 180px;
  height: 100%;
  border-right: 1px solid #E7EFFF;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 {
  flex: auto;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 .tabs-header-panel-icon_c4a23 {
  width: 18px;
  height: 18px;
  margin-left: 28px;
  margin-right: 8px;
  font-size: 0;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 .tabs-header-panel-icon_c4a23 .icon-normal_c4a23 {
  display: block;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 .tabs-header-panel-icon_c4a23 .icon-active_c4a23 {
  display: none;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 .tabs-header-panel-title_c4a23 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel-active_c4a23 {
  background-image: linear-gradient(90deg, #7379FA 0%, #50A0FE 47.92%, #50AAFE 100%);
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel-active_c4a23 .tabs-header-panel-icon_c4a23 .icon-normal_c4a23 {
  display: none;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel-active_c4a23 .tabs-header-panel-icon_c4a23 .icon-active_c4a23 {
  display: block;
}
.service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel-active_c4a23 .tabs-header-panel-title_c4a23 {
  font-weight: 500;
  color: #FFFFFF;
}
.service-pc-container_c4a23 .tabs-content_c4a23 {
  flex: none;
  width: 1018px;
  height: 100%;
  position: relative;
}
@keyframes fadeIn_c4a23 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut_c4a23 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 {
  flex: none;
  width: 481px;
  padding: 64px 45px 20px 66px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-title_c4a23 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 39px;
  letter-spacing: 0.002em;
  color: #181818;
  margin: 0;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-des_c4a23 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #4E5969;
  margin-top: 10px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 {
  background-color: #EBEFF4;
  border-radius: 8px;
  height: 40px;
  margin-top: 30px;
  padding: 4px;
  width: fit-content;
  position: relative;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 .inner-title_c4a23 {
  display: inline-block;
  height: 32px;
  padding: 0 14px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0.003em;
  color: #41464F;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 .inner-title_c4a23:hover {
  color: #80838A;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 .inner-title-active_c4a23 {
  color: #1664FF;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 .inner-title-active_c4a23:hover {
  color: #1664FF;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-title_c4a23 .inner-indicator_c4a23 {
  position: absolute;
  z-index: 1;
  height: 32px;
  top: 4px;
  left: 4px;
  background-color: #FFFFFF;
  box-shadow:
    0px 1.15625px 2.3125px rgba(0, 0, 0, 0.07),
    0px 0.578125px 1.15625px rgba(0, 0, 0, 0.05),
    0px 0px 0px 0.578125px rgba(213, 219, 227, 0.7);
  border-radius: 4px;
  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 {
  position: relative;
  margin-top: 24px;
  height: 80px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-des_c4a23 .inner-des-line_c4a23 + .inner-des-line_c4a23 {
  margin-top: 10px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-des_c4a23 .inner-des-line_c4a23 .yes-icon_c4a23 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
  background-color: rgba(21, 98, 255, 0.1);
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-des_c4a23 .inner-des-line_c4a23 .yes-icon_c4a23 img {
  width: 10px;
  height: 10px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-des_c4a23 .inner-des-line_c4a23 .inner-des-line-text_c4a23 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #282828;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-button_c4a23 {
  display: inline-block;
  margin-top: 56px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  height: 42px;
  padding: 0 24px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-button_c4a23:hover {
  background-color: #4281FF;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content_c4a23 .inner-content-button_c4a23:active {
  background-color: #0055FF;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 .tabs-content-left-inner-content_c4a23 .inner-content-active_c4a23 {
  display: block;
  animation: fadeIn_c4a23 0.5s;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-right_c4a23 {
  flex: none;
  padding: 19px 27px 19px 0;
  width: 537px;
  font-size: 0;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-right_c4a23 .inner-image_c4a23 {
  display: none;
  height: 100%;
  width: 100%;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-right_c4a23 .inner-image-active_c4a23 {
  display: block;
  animation: fadeIn_c4a23 0.5s;
}
.service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel-active_c4a23 {
  display: flex;
  animation: fadeIn_c4a23 0.5s;
}
@media screen and (min-width: 1680px) {
  .service-pc-container_c4a23 {
    width: 1440px;
  }
  .service-pc-container_c4a23 .tabs-header_c4a23 {
    width: 197px;
  }
  .service-pc-container_c4a23 .tabs-header_c4a23 .tabs-header-panel_c4a23 .tabs-header-panel-icon_c4a23 {
    margin-left: 36px;
  }
  .service-pc-container_c4a23 .tabs-content_c4a23 {
    width: 1241px;
  }
  .service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-left_c4a23 {
    width: 682px;
    padding: 64px 161px 20px 83px;
  }
  .service-pc-container_c4a23 .tabs-content_c4a23 .tabs-content-panel_c4a23 .tabs-content-right_c4a23 {
    padding: 19px 49px 19px 0;
    width: 559px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Service/ServicePad/index_module.css */
.service-pad-container_421ae {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.service-card_421ae {
  height: 100%;
  background-color: #F8F9FE;
  border-radius: 8px;
  padding: 45px 0 23px;
  display: flex;
  flex-direction: column;
}
.service-card_421ae .card-top_421ae {
  flex: none;
  height: 100px;
  padding: 0 25px;
}
.service-card_421ae .card-top_421ae .card-title_421ae {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
}
.service-card_421ae .card-top_421ae .card-des_421ae {
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4E5969;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.service-card_421ae .card-bottom_421ae {
  flex: none;
  margin-top: 12px;
  width: 100%;
  font-size: 0;
}
.service-card_421ae .card-bottom_421ae img {
  width: 100%;
  padding: 0 18px;
}
.service-card_421ae .card-bottom_421ae .related-products_421ae {
  padding: 0 25px;
}
.service-card_421ae .card-bottom_421ae .related-products_421ae .related-products-title_421ae {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #181818;
}
.service-card_421ae .card-bottom_421ae .related-products_421ae .related-products-panel_421ae {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 8px;
  margin-bottom: -8px;
  margin-right: -16px;
}
.service-card_421ae .card-bottom_421ae .related-products_421ae .related-products-panel_421ae .product_421ae {
  display: block;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 7px 12px;
  margin-bottom: 8px;
  margin-right: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Service/ServiceMobile/index_module.css */
.service-mobile-container_9f534 {
  width: 100%;
}
.service-mobile-collapse_9f534 .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #F8F9FE;
  border: unset;
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284C;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-content {
  background-color: #F8F9FE;
}
.service-mobile-collapse_9f534 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.service-mobile-collapse_9f534 .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.service-mobile-collapse_9f534 .mobile-tab-title_9f534 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 {
  padding: 0 16px 16px;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .mobile-tab-image_9f534 {
  width: 100%;
  font-size: 0;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .mobile-tab-image_9f534 img {
  width: 100%;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .mobile-tab-des_9f534 {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .related-products_9f534 .related-products-title_9f534 {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #181818;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .related-products_9f534 .related-products-panel_9f534 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 8px;
  margin-bottom: -8px;
  margin-right: -16px;
}
.service-mobile-collapse_9f534 .service-mobile-tab_9f534 .related-products_9f534 .related-products-panel_9f534 .product_9f534 {
  display: block;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 7px 12px;
  margin-bottom: 8px;
  margin-right: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Service/index_module.css */
.card-container_6c0c9 {
  background-image: linear-gradient(253.33deg, #F8FBFF 0%, #EDF5FF 50%, #F8F3F6 100%);
}
.service-container_6c0c9,
.service-container_6c0c9 * {
  box-sizing: border-box;
}
.service-container_6c0c9 a,
.service-container_6c0c9 a:link,
.service-container_6c0c9 a:visited,
.service-container_6c0c9 a:hover,
.service-container_6c0c9 a:active {
  text-decoration: none;
}
.service-pc_6c0c9 {
  display: block;
}
.service-pad_6c0c9 {
  display: none;
}
.service-mobile_6c0c9 {
  display: none;
}
@media screen and (max-width: 767px) {
  .card-container_6c0c9 {
    background-image: unset;
    background-color: #FFFFFF;
  }
  .service-pc_6c0c9 {
    display: none;
  }
  .service-mobile_6c0c9 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .card-container_6c0c9 {
    background-image: unset;
    background-color: #FFFFFF;
  }
  .service-pc_6c0c9 {
    display: none;
  }
  .service-pad_6c0c9 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene/ScenePc/index_module.css */
.scene-pc-container_d63f8 {
  width: 1200px;
}
.tabs-header_d63f8 {
  width: 100%;
  position: relative;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 {
  display: flex;
  justify-content: center;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title_d63f8 + .tabs-header-title_d63f8 {
  margin-left: 32px;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title_d63f8 {
  box-sizing: content-box;
  height: 53px;
  flex: none;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title_d63f8 .tabs-header-title-text_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #4e5969;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title_d63f8:hover .tabs-header-title-text_d63f8 {
  color: #80838a;
}
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title-active_d63f8 .tabs-header-title-text_d63f8,
.tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title-active_d63f8:hover .tabs-header-title-text_d63f8 {
  font-weight: 500;
  color: #1664ff;
}
.tabs-header_d63f8 .tabs-header-line_d63f8 {
  width: 100vw;
  min-width: 1200px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  top: 52px;
  left: 50%;
  transform: translateX(-50%);
}
.tabs-header_d63f8 .tabs-header-ink_d63f8 {
  background-color: #1664ff;
  height: 2px;
  position: absolute;
  top: 51px;
  z-index: 1;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.tabs-content_d63f8 {
  height: 480px;
  padding-top: 48px;
  position: relative;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 {
  position: absolute;
  display: none;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 {
  flex: none;
  width: 600px;
  height: 432px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 {
  flex: none;
  width: 600px;
  height: 432px;
  padding: 0 110px 0 72px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-title_d63f8 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.002em;
  color: #181818;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-des_d63f8 .des-line-text_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-des_d63f8 .des-line-text_d63f8:first-child {
  margin-top: 16px;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-des_d63f8 .des-line-subtitle_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #181818;
  margin: 12px 0 4px;
  display: flex;
  align-items: center;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-des_d63f8 .des-line-subtitle_d63f8 .dot_d63f8 {
  display: inline-block;
  height: 5px;
  width: 5px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #181818;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 {
  margin-top: 32px;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 {
  display: flex;
  align-items: flex-start;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-title_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  height: 32px;
  color: #86909c;
  margin-right: 6px;
  flex: none;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  margin-bottom: -12px;
  margin-right: -16px;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name_d63f8 {
  flex: none;
  border: 1px solid #c9cdd4;
  border-radius: 2px;
  padding: 4px 15px;
  margin-bottom: 12px;
  margin-right: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #4e5969;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name_d63f8 .multiple-active-corner-icon_d63f8 {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name_d63f8 .multiple-active-corner-icon_d63f8 .triangle_d63f8 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #1664ff transparent;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name_d63f8 .multiple-active-corner-icon_d63f8 .yes-icon_d63f8 {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name-single-active_d63f8 {
  border: 1px solid #1664ff;
  color: #1664ff;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name-multiple-active_d63f8 {
  border: 1px solid #1664ff;
  color: #1664ff;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-config_d63f8 .selection-config-name-panel_d63f8 .selection-config-name-multiple-active_d63f8 .multiple-active-corner-icon_d63f8 {
  display: block;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 {
  margin-top: 12px;
  display: flex;
  align-items: baseline;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-title_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #86909c;
  margin-right: 6px;
  display: inline-block;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-value-panel_d63f8 {
  display: inline-block;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-value-panel_d63f8 .selection-price-text_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #f50505;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-value-panel_d63f8 .selection-price-currency_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #f50505;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-value-panel_d63f8 .selection-price-value_d63f8 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.002em;
  color: #f50505;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-selection_d63f8 .tabs-content-selection-price_d63f8 .selection-price-value-panel_d63f8 .selection-price-unit_d63f8 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 {
  margin-top: 32px;
  display: flex;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 .tabs-content-tab-button_d63f8 {
  flex: none;
  display: block;
  width: 114px;
  height: 42px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0.002em;
  background-color: #1664ff;
  color: #ffffff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  position: relative;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 .tabs-content-tab-button_d63f8:hover {
  background-color: #4281ff;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 .tabs-content-tab-button_d63f8:active {
  background-color: #0055ff;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 .tabs-content-tab-button_d63f8 .button-tag_d63f8 {
  position: absolute;
  right: -5px;
  top: -9px;
  z-index: 1;
  height: 17px;
  font-size: 0;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 .tabs-content-tab-buttons_d63f8 .tabs-content-tab-button_d63f8 .button-tag_d63f8 img {
  display: block;
  height: 100%;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 {
  flex: none;
  width: 600px;
  height: 432px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 .tabs-content-tab-right_d63f8 {
  flex: none;
  width: 600px;
  height: 432px;
  overflow: hidden;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 .tabs-content-tab-right_d63f8 .tabs-content-tab-image_d63f8 {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 .tabs-content-tab-right_d63f8 img {
  width: 100%;
  height: 100%;
}
@keyframes appear_d63f8 {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes disappear_d63f8 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes fadeIn_d63f8 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut_d63f8 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.tabs-content_d63f8 .tabs-content-tab-active_d63f8 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabs-content_d63f8 .tabs-content-tab-active_d63f8 .tabs-content-tab-left_d63f8 {
  animation: fadeIn_d63f8 0.5s;
}
.tabs-content_d63f8 .tabs-content-tab-active_d63f8 .tabs-content-tab-right_d63f8 {
  animation: fadeIn_d63f8 0.5s;
}
@media screen and (min-width: 1680px) {
  .scene-pc-container_d63f8 {
    width: 1440px;
  }
  .tabs-header_d63f8 .tabs-header-title-panel_d63f8 .tabs-header-title_d63f8 + .tabs-header-title_d63f8 {
    margin-left: 40px;
  }
  .tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 {
    width: 770px;
  }
  .tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-left-container_d63f8 .tabs-content-tab-left_d63f8 {
    width: 770px;
    padding: 0 193px 0 70px;
  }
  .tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 {
    width: 670px;
  }
  .tabs-content_d63f8 .tabs-content-tab_d63f8 .tabs-content-tab-right-container_d63f8 .tabs-content-tab-right_d63f8 {
    width: 670px;
    padding-right: 70px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene/ScenePad/index_module.css */
.scene-pad-container_cf69d {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.scene-card_cf69d {
  height: 100%;
  background-color: #F8F9FE;
  border-radius: 8px;
  padding: 25px;
  display: flex;
  flex-direction: column;
}
.scene-card_cf69d .card-top_cf69d {
  flex: none;
  height: 152px;
}
.scene-card_cf69d .card-top_cf69d .card-title_cf69d {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
}
.scene-card_cf69d .card-top_cf69d .card-des_cf69d {
  margin-top: 8px;
  max-height: 88px;
  overflow: hidden;
}
.scene-card_cf69d .card-top_cf69d .card-des_cf69d .des-line_cf69d {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4E5969;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.scene-card_cf69d .card-top_cf69d .card-link_cf69d {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}
.scene-card_cf69d .card-top_cf69d .card-link_cf69d .card-link-a_cf69d {
  flex: none;
  display: block;
}
.scene-card_cf69d .card-top_cf69d .card-link_cf69d .card-link-a_cf69d .card-link-panel_cf69d {
  display: inline-flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664FF;
}
.scene-card_cf69d .card-top_cf69d .card-link_cf69d .card-link-a_cf69d .card-link-panel_cf69d .link-arrow_cf69d {
  flex: none;
  margin-left: 5px;
}
.scene-card_cf69d .card-top_cf69d .card-link_cf69d .card-link-a_cf69d .card-link-panel_cf69d .link-arrow_cf69d svg {
  height: 14px;
  width: 14px;
}
.scene-card_cf69d .card-bottom_cf69d {
  flex: none;
  margin-top: 20px;
  width: 100%;
  font-size: 0;
}
.scene-card_cf69d .card-bottom_cf69d img {
  width: 100%;
}
.scene-card_cf69d .card-bottom_cf69d .related-products_cf69d .related-products-title_cf69d {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #181818;
}
.scene-card_cf69d .card-bottom_cf69d .related-products_cf69d .related-products-panel_cf69d {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 8px;
  margin-bottom: -8px;
  margin-right: -16px;
}
.scene-card_cf69d .card-bottom_cf69d .related-products_cf69d .related-products-panel_cf69d .product_cf69d {
  display: block;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 7px 12px;
  margin-bottom: 8px;
  margin-right: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene/SceneMobile/index_module.css */
.scene-mobile-container_3d3e1 {
  width: 100%;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #F8F9FE;
  border: unset;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284C;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-content {
  background-color: #F8F9FE;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.scene-mobile-collapse_3d3e1 .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.scene-mobile-collapse_3d3e1 .mobile-tab-title_3d3e1 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 {
  padding: 0 16px 16px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-image_3d3e1 {
  width: 100%;
  font-size: 0;
  margin-bottom: 34px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-image_3d3e1 img {
  width: 100%;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-long-title_3d3e1 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-des_3d3e1 {
  margin-top: 12px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-des_3d3e1 .des-line_3d3e1 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 {
  margin-top: 12px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 {
  display: flex;
  align-items: flex-start;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  margin-bottom: -12px;
  margin-right: -16px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name_3d3e1 {
  flex: none;
  border: 1px solid #C9CDD4;
  border-radius: 2px;
  padding: 4px 15px;
  margin-bottom: 12px;
  margin-right: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #4E5969;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name_3d3e1 .multiple-active-corner-icon_3d3e1 {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name_3d3e1 .multiple-active-corner-icon_3d3e1 .triangle_3d3e1 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #1664FF transparent;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name_3d3e1 .multiple-active-corner-icon_3d3e1 .yes-icon_3d3e1 {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name-single-active_3d3e1 {
  border: 1px solid #1664FF;
  color: #1664FF;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name-multiple-active_3d3e1 {
  border: 1px solid #1664FF;
  color: #1664FF;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-config_3d3e1 .selection-config-name-panel_3d3e1 .selection-config-name-multiple-active_3d3e1 .multiple-active-corner-icon_3d3e1 {
  display: block;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 {
  margin-top: 18px;
  display: flex;
  align-items: baseline;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-title_3d3e1 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #86909C;
  margin-right: 6px;
  display: inline-block;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-value-panel_3d3e1 {
  display: inline-block;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-value-panel_3d3e1 .selection-price-text_3d3e1 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-value-panel_3d3e1 .selection-price-currency_3d3e1 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-value-panel_3d3e1 .selection-price-value_3d3e1 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .tabs-content-selection_3d3e1 .tabs-content-selection-price_3d3e1 .selection-price-value-panel_3d3e1 .selection-price-unit_3d3e1 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.scene-mobile-collapse_3d3e1 .scene-mobile-tab_3d3e1 .mobile-tab-button_3d3e1 {
  display: block;
  margin-top: 16px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  width: 100%;
  height: 42px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene/index_module.css */
.scene-container_77bd5,
.scene-container_77bd5 * {
  box-sizing: border-box;
}
.scene-container_77bd5 a,
.scene-container_77bd5 a:link,
.scene-container_77bd5 a:visited,
.scene-container_77bd5 a:hover,
.scene-container_77bd5 a:active {
  text-decoration: none;
}
.scene-pc_77bd5 {
  display: block;
}
.scene-pad_77bd5 {
  display: none;
}
.scene-mobile_77bd5 {
  display: none;
}
@media screen and (max-width: 767px) {
  .scene-pc_77bd5 {
    display: none;
  }
  .scene-mobile_77bd5 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .scene-pc_77bd5 {
    display: none;
  }
  .scene-pad_77bd5 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormHeader/index_module.css */
.form-header_d7fa5 {
  width: 100%;
  margin-bottom: 24px;
}
.form-header_d7fa5 .form-header-title_d7fa5 {
  width: 100%;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #020814;
  text-align: center;
}
.form-header_d7fa5 .form-header-subtitle_d7fa5 {
  width: 100%;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4E5969;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .form-header_d7fa5 {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-header_d7fa5 {
    margin-bottom: 8px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/Input/index_module.css */
.form-input_b815a.arco-form-item .arco-form-label-item-left {
  flex: auto;
  width: 19.03669725%;
  padding-right: 0;
  line-height: 48px;
}
.form-input_b815a.arco-form-item .arco-form-label-item-left label {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #474B53;
}
.form-input_b815a.arco-form-item .arco-form-item-wrapper {
  flex: auto;
  width: 80.96330275%;
}
.form-input_b815a.arco-form-item .arco-input {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
  border-radius: 2px;
}
.form-input_b815a.arco-form-item .arco-input::placeholder {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #828282;
  opacity: 0.6;
}
.form-input_b815a.arco-form-item .arco-input:hover,
.form-input_b815a.arco-form-item .arco-input:focus {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-input_b815a.arco-form-item .arco-input-inner-wrapper {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
}
.form-input_b815a.arco-form-item .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-input_b815a.arco-form-item .arco-input-group > * {
  border-radius: 0;
}
.form-input_b815a.arco-form-item .arco-input-group > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-input_b815a.arco-form-item .arco-input-group > :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-input_b815a.arco-form-item .arco-input-group-addafter {
  background-color: white;
  padding: 0;
  border: 1px solid #DBE1E9;
  border-left: none;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.form-input_b815a.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
  width: 116px;
  height: 100%;
  padding: 0;
  text-align: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.002em;
}
.form-input_b815a.arco-form-item .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
  color: #A8AAAE;
}
.form-input_b815a.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
  color: #006EFF;
}
.form-input_b815a.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
  background-color: white;
  color: #4281FF;
}
.form-input_b815a.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
  background-color: white;
  color: #0055FF;
}
.form-input_b815a.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper,
.form-input_b815a.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-input_b815a.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-input_b815a.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-input_b815a.arco-form-item .arco-input-group:hover .arco-input-group-addafter,
.form-input_b815a.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #006EFF;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .form-input_b815a.arco-form-item {
    flex-direction: column;
  }
  .form-input_b815a.arco-form-item .arco-form-label-item-left {
    width: 100%;
    margin-bottom: 8px;
    line-height: 20px;
  }
  .form-input_b815a.arco-form-item .arco-form-item-wrapper {
    width: 100%;
  }
  .form-input_b815a.arco-form-item .arco-input {
    height: 36px;
  }
  .form-input_b815a.arco-form-item .arco-input::placeholder {
    font-size: 12px;
  }
  .form-input_b815a.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
  .form-input_b815a.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    width: 106px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-input_b815a.arco-form-item .arco-form-label-item-left {
    line-height: 36px;
  }
  .form-input_b815a.arco-form-item .arco-input {
    height: 36px;
  }
  .form-input_b815a.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
}
.form-input_b815a.arco-form-item-status-error .arco-input {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-input_b815a.arco-form-item-status-error .arco-input:hover,
.form-input_b815a.arco-form-item-status-error .arco-input:focus {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-input_b815a.arco-form-item-status-error .arco-input-inner-wrapper {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-input_b815a.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-input_b815a.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group-addafter {
  background-color: #FEECED;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-input_b815a.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled {
  background-color: #FEECED;
}
.form-input_b815a.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: #FEECED;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper,
.form-input_b815a.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-input_b815a.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter,
.form-input_b815a.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled,
.form-input_b815a.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
}
.form-input_b815a.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled),
.form-input_b815a.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
}
.form-input_b815a.arco-form-item-status-error .arco-form-message {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #DB373F;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/Phone/index_module.css */
.form-phone_d7c60.arco-form-item .arco-form-label-item-left {
  flex: auto;
  width: 19.03669725%;
  padding-right: 0;
  line-height: 48px;
}
.form-phone_d7c60.arco-form-item .arco-form-label-item-left label {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #474B53;
}
.form-phone_d7c60.arco-form-item .arco-form-item-wrapper {
  flex: auto;
  width: 80.96330275%;
}
.form-phone_d7c60.arco-form-item .arco-input {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
  border-radius: 2px;
}
.form-phone_d7c60.arco-form-item .arco-input::placeholder {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #828282;
  opacity: 0.6;
}
.form-phone_d7c60.arco-form-item .arco-input:hover,
.form-phone_d7c60.arco-form-item .arco-input:focus {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-phone_d7c60.arco-form-item .arco-input-inner-wrapper {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
}
.form-phone_d7c60.arco-form-item .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-phone_d7c60.arco-form-item .arco-input-group > * {
  border-radius: 0;
}
.form-phone_d7c60.arco-form-item .arco-input-group > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-phone_d7c60.arco-form-item .arco-input-group > :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-phone_d7c60.arco-form-item .arco-input-group-addafter {
  background-color: white;
  padding: 0;
  border: 1px solid #DBE1E9;
  border-left: none;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.form-phone_d7c60.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
  width: 116px;
  height: 100%;
  padding: 0;
  text-align: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.002em;
}
.form-phone_d7c60.arco-form-item .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
  color: #A8AAAE;
}
.form-phone_d7c60.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
  color: #006EFF;
}
.form-phone_d7c60.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
  background-color: white;
  color: #4281FF;
}
.form-phone_d7c60.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
  background-color: white;
  color: #0055FF;
}
.form-phone_d7c60.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper,
.form-phone_d7c60.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-phone_d7c60.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-phone_d7c60.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-phone_d7c60.arco-form-item .arco-input-group:hover .arco-input-group-addafter,
.form-phone_d7c60.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #006EFF;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .form-phone_d7c60.arco-form-item {
    flex-direction: column;
  }
  .form-phone_d7c60.arco-form-item .arco-form-label-item-left {
    width: 100%;
    margin-bottom: 8px;
    line-height: 20px;
  }
  .form-phone_d7c60.arco-form-item .arco-form-item-wrapper {
    width: 100%;
  }
  .form-phone_d7c60.arco-form-item .arco-input {
    height: 36px;
  }
  .form-phone_d7c60.arco-form-item .arco-input::placeholder {
    font-size: 12px;
  }
  .form-phone_d7c60.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
  .form-phone_d7c60.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    width: 106px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-phone_d7c60.arco-form-item .arco-form-label-item-left {
    line-height: 36px;
  }
  .form-phone_d7c60.arco-form-item .arco-input {
    height: 36px;
  }
  .form-phone_d7c60.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
}
.form-phone_d7c60.arco-form-item-status-error .arco-input {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input:hover,
.form-phone_d7c60.arco-form-item-status-error .arco-input:focus {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-inner-wrapper {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group-addafter {
  background-color: #FEECED;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-phone_d7c60.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled {
  background-color: #FEECED;
}
.form-phone_d7c60.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: #FEECED;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper,
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter,
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled,
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
}
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled),
.form-phone_d7c60.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
}
.form-phone_d7c60.arco-form-item-status-error .arco-form-message {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #DB373F;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/Captcha/index_module.css */
.form-captcha_9a864.arco-form-item .arco-form-label-item-left {
  flex: auto;
  width: 19.03669725%;
  padding-right: 0;
  line-height: 48px;
}
.form-captcha_9a864.arco-form-item .arco-form-label-item-left label {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #474B53;
}
.form-captcha_9a864.arco-form-item .arco-form-item-wrapper {
  flex: auto;
  width: 80.96330275%;
}
.form-captcha_9a864.arco-form-item .arco-input {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
  border-radius: 2px;
}
.form-captcha_9a864.arco-form-item .arco-input::placeholder {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #828282;
  opacity: 0.6;
}
.form-captcha_9a864.arco-form-item .arco-input:hover,
.form-captcha_9a864.arco-form-item .arco-input:focus {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-captcha_9a864.arco-form-item .arco-input-inner-wrapper {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
}
.form-captcha_9a864.arco-form-item .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-captcha_9a864.arco-form-item .arco-input-group > * {
  border-radius: 0;
}
.form-captcha_9a864.arco-form-item .arco-input-group > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-captcha_9a864.arco-form-item .arco-input-group > :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-captcha_9a864.arco-form-item .arco-input-group-addafter {
  background-color: white;
  padding: 0;
  border: 1px solid #DBE1E9;
  border-left: none;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.form-captcha_9a864.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
  width: 116px;
  height: 100%;
  padding: 0;
  text-align: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.002em;
}
.form-captcha_9a864.arco-form-item .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
  color: #A8AAAE;
}
.form-captcha_9a864.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
  color: #006EFF;
}
.form-captcha_9a864.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
  background-color: white;
  color: #4281FF;
}
.form-captcha_9a864.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
  background-color: white;
  color: #0055FF;
}
.form-captcha_9a864.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper,
.form-captcha_9a864.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-captcha_9a864.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-captcha_9a864.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-captcha_9a864.arco-form-item .arco-input-group:hover .arco-input-group-addafter,
.form-captcha_9a864.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #006EFF;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .form-captcha_9a864.arco-form-item {
    flex-direction: column;
  }
  .form-captcha_9a864.arco-form-item .arco-form-label-item-left {
    width: 100%;
    margin-bottom: 8px;
    line-height: 20px;
  }
  .form-captcha_9a864.arco-form-item .arco-form-item-wrapper {
    width: 100%;
  }
  .form-captcha_9a864.arco-form-item .arco-input {
    height: 36px;
  }
  .form-captcha_9a864.arco-form-item .arco-input::placeholder {
    font-size: 12px;
  }
  .form-captcha_9a864.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
  .form-captcha_9a864.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    width: 106px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-captcha_9a864.arco-form-item .arco-form-label-item-left {
    line-height: 36px;
  }
  .form-captcha_9a864.arco-form-item .arco-input {
    height: 36px;
  }
  .form-captcha_9a864.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
}
.form-captcha_9a864.arco-form-item-status-error .arco-input {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input:hover,
.form-captcha_9a864.arco-form-item-status-error .arco-input:focus {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-inner-wrapper {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group-addafter {
  background-color: #FEECED;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-captcha_9a864.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled {
  background-color: #FEECED;
}
.form-captcha_9a864.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: #FEECED;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper,
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter,
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled,
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
}
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled),
.form-captcha_9a864.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
}
.form-captcha_9a864.arco-form-item-status-error .arco-form-message {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #DB373F;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/CompanyName/index_module.css */
.form-company-name_68795.arco-form-item .arco-form-label-item-left {
  flex: auto;
  width: 19.03669725%;
  padding-right: 0;
  line-height: 48px;
}
.form-company-name_68795.arco-form-item .arco-form-label-item-left label {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #474B53;
}
.form-company-name_68795.arco-form-item .arco-form-item-wrapper {
  flex: auto;
  width: 80.96330275%;
}
.form-company-name_68795.arco-form-item .arco-input {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
  border-radius: 2px;
}
.form-company-name_68795.arco-form-item .arco-input::placeholder {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #828282;
  opacity: 0.6;
}
.form-company-name_68795.arco-form-item .arco-input:hover,
.form-company-name_68795.arco-form-item .arco-input:focus {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-company-name_68795.arco-form-item .arco-input-inner-wrapper {
  height: 48px;
  background-color: white;
  border: 1px solid #DBE1E9;
}
.form-company-name_68795.arco-form-item .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-company-name_68795.arco-form-item .arco-input-group > * {
  border-radius: 0;
}
.form-company-name_68795.arco-form-item .arco-input-group > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-company-name_68795.arco-form-item .arco-input-group > :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-company-name_68795.arco-form-item .arco-input-group-addafter {
  background-color: white;
  padding: 0;
  border: 1px solid #DBE1E9;
  border-left: none;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.form-company-name_68795.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
  width: 116px;
  height: 100%;
  padding: 0;
  text-align: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.002em;
}
.form-company-name_68795.arco-form-item .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
  color: #A8AAAE;
}
.form-company-name_68795.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
  color: #006EFF;
}
.form-company-name_68795.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
  background-color: white;
  color: #4281FF;
}
.form-company-name_68795.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
  background-color: white;
  color: #0055FF;
}
.form-company-name_68795.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper,
.form-company-name_68795.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #006EFF;
}
.form-company-name_68795.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-company-name_68795.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-company-name_68795.arco-form-item .arco-input-group:hover .arco-input-group-addafter,
.form-company-name_68795.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #006EFF;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .form-company-name_68795.arco-form-item {
    flex-direction: column;
  }
  .form-company-name_68795.arco-form-item .arco-form-label-item-left {
    width: 100%;
    margin-bottom: 8px;
    line-height: 20px;
  }
  .form-company-name_68795.arco-form-item .arco-form-item-wrapper {
    width: 100%;
  }
  .form-company-name_68795.arco-form-item .arco-input {
    height: 36px;
  }
  .form-company-name_68795.arco-form-item .arco-input::placeholder {
    font-size: 12px;
  }
  .form-company-name_68795.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
  .form-company-name_68795.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    width: 106px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-company-name_68795.arco-form-item .arco-form-label-item-left {
    line-height: 36px;
  }
  .form-company-name_68795.arco-form-item .arco-input {
    height: 36px;
  }
  .form-company-name_68795.arco-form-item .arco-input-inner-wrapper {
    height: 36px;
  }
}
.form-company-name_68795.arco-form-item-status-error .arco-input {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-company-name_68795.arco-form-item-status-error .arco-input:hover,
.form-company-name_68795.arco-form-item-status-error .arco-input:focus {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-inner-wrapper {
  background-color: #FEECED;
  border: 1px solid #DB373F;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group-addafter {
  background-color: #FEECED;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-company-name_68795.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled {
  background-color: #FEECED;
}
.form-company-name_68795.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: #FEECED;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper,
.form-company-name_68795.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper {
  background-color: white;
  border: 1px solid #DB373F;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child),
.form-company-name_68795.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child) {
  border-right: 1px solid #DBE1E9;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter,
.form-company-name_68795.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter {
  background-color: white;
  border: 1px solid #DB373F;
  border-left: none;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled,
.form-company-name_68795.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled {
  background-color: #F7F8FA;
}
.form-company-name_68795.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled),
.form-company-name_68795.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled) {
  background-color: white;
}
.form-company-name_68795.arco-form-item-status-error .arco-form-message {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #DB373F;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/Agreement/index_module.css */
.form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f {
  margin-left: 10px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #020814;
}
.form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f a:link {
  color: #1664FF;
}
.form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f a:visited {
  color: #1664FF;
}
.form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f a:hover {
  color: #4281FF;
}
.form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f a:active {
  color: #0055FF;
}
.form-agreement_c518f .arco-form-item-wrapper {
  flex: auto;
  width: 100%;
  position: relative;
  left: -3px;
}
.form-agreement_c518f .arco-form-item-control {
  min-height: 22px;
}
@media screen and (max-width: 767px) {
  .form-agreement_c518f .custom-checkbox_c518f .form-agreement-content_c518f {
    font-size: 12px;
    line-height: 20px;
  }
  .form-agreement_c518f .arco-form-item-wrapper {
    left: -5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-agreement_c518f::before {
    content: "";
    width: calc(19.03669725% - 5px);
  }
  .form-agreement_c518f .arco-form-item-wrapper {
    width: 80.96330275%;
    left: 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormBody/RenderedFormItem/SubmitButton/index_module.css */
.form-submit-button_07aa5 .arco-form-item-wrapper {
  flex: auto;
  width: 100%;
}
.form-submit-button_07aa5 .arco-btn-primary {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #006EFF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.form-submit-button_07aa5 .arco-btn-primary:hover {
  background-color: #4281FF;
}
.form-submit-button_07aa5 .arco-btn-primary:active {
  background-color: #0055FF;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/FormFooter/index_module.css */
.hotline_ef609 {
  width: 100%;
  text-align: center;
  line-height: 20px;
  height: 20px;
}
.hotline_ef609 .hotline-text_ef609 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #474B53;
}
.hotline_ef609 .hotline-tel_ef609 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #1664FF;
}
.hotline_ef609 .hotline-tel_ef609:link,
.hotline_ef609 .hotline-tel_ef609:visited {
  color: #1664FF;
}
.hotline_ef609 .hotline-tel_ef609:hover {
  color: #4281FF;
}
.hotline_ef609 .hotline-tel_ef609:active {
  color: #0055FF;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/FormBlock/index_module.css */
.form-block_a67c9 {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 36px 77px 0;
}
.form-block_a67c9 .form-footer-container-mobile_a67c9 {
  display: none;
}
.form-block_a67c9 .form-footer-container-pc_a67c9 {
  display: block;
  width: calc(100% - 77px * 2);
  position: absolute;
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  .form-block_a67c9 {
    padding: 36px 24px 0;
  }
  .form-block_a67c9 .form-footer-container-mobile_a67c9 {
    display: block;
    margin-bottom: 22px;
  }
  .form-block_a67c9 .form-footer-container-pc_a67c9 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-block_a67c9 {
    padding: 36px 32px 0;
  }
  .form-block_a67c9 .form-footer-container-mobile_a67c9 {
    display: block;
    margin-bottom: 30px;
  }
  .form-block_a67c9 .form-footer-container-pc_a67c9 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/SuccessBlock/index_module.css */
.success-block_4f781 {
  padding-top: 142px;
  width: 100%;
  height: 100%;
  position: relative;
}
.success-block_4f781 .success-header-container-mobile_4f781 {
  display: none;
}
.success-block_4f781 .success-footer-container-mobile_4f781 {
  display: none;
}
.success-block_4f781 .success-image-container_4f781 {
  width: 100%;
  text-align: center;
  font-size: 0;
}
.success-block_4f781 .success-image-container_4f781 img {
  width: 207px;
  height: 154px;
}
.success-block_4f781 .success-info-container_4f781 {
  width: 100%;
  margin-top: 20px;
}
.success-block_4f781 .success-info-container_4f781 .success-info-line_4f781 {
  width: 100%;
  text-align: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #4E5969;
}
.success-block_4f781 .success-footer-container-pc_4f781 {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .success-block_4f781 {
    padding-top: 36px;
  }
  .success-block_4f781 .success-header-container-mobile_4f781 {
    display: block;
  }
  .success-block_4f781 .success-footer-container-mobile_4f781 {
    display: block;
  }
  .success-block_4f781 .success-image-container_4f781 {
    margin-top: 108px;
  }
  .success-block_4f781 .success-footer-container-pc_4f781 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .success-block_4f781 {
    padding-top: 36px;
  }
  .success-block_4f781 .success-header-container-mobile_4f781 {
    display: block;
  }
  .success-block_4f781 .success-footer-container-mobile_4f781 {
    display: block;
  }
  .success-block_4f781 .success-image-container_4f781 {
    margin-top: 70px;
  }
  .success-block_4f781 .success-footer-container-pc_4f781 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FormBanner/index_module.css */
body {
  overscroll-behavior: none;
}
.banner-container_8cac5 {
  min-width: 1200px;
  position: relative;
  background-color: white;
}
.banner-container_8cac5,
.banner-container_8cac5 * {
  box-sizing: border-box;
}
.banner-container_8cac5 a,
.banner-container_8cac5 a:link,
.banner-container_8cac5 a:visited,
.banner-container_8cac5 a:hover,
.banner-container_8cac5 a:active {
  text-decoration: none;
  color: inherit;
}
.banner-container_8cac5 .banner-wrapper_8cac5 {
  overflow: hidden;
  height: 740px;
  position: relative;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-1_8cac5 {
  background-color: rgba(255, 149, 149, 0.7);
  filter: blur(50px);
  opacity: 0.09;
  will-change: transform;
  pointer-events: none;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  position: absolute;
  top: 160px;
  left: 500px;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-2_8cac5 {
  background-color: #3382FF;
  filter: blur(50px);
  opacity: 0.09;
  will-change: transform;
  pointer-events: none;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 750px;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 {
  margin: 0 auto;
  width: 1200px;
  display: flex;
  height: 595px;
  padding-top: 85px;
  position: relative;
  z-index: 1;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 {
  flex: none;
  width: 610px;
  height: 100%;
  padding-right: 68px;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 {
  display: block;
  margin-top: 65px;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 .banner-title_8cac5 {
  width: 100%;
  display: block;
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.002em;
  color: #181818;
  text-align: center;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 .banner-des_8cac5 {
  width: 100%;
  margin-top: 29px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4E5969;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 .banner-image-pc_8cac5 {
  width: 618px;
  height: 299px;
  margin-top: 20px;
  position: relative;
  left: -38px;
  font-size: 0;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 .banner-image-pc_8cac5 img {
  width: 100%;
  height: 100%;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 {
  display: none;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 {
  display: none;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-right_8cac5 {
  flex: none;
  width: 590px;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  transition: box-shadow 0.5s;
}
.banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-right_8cac5:hover {
  box-shadow: 0px 15px 35px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.banner-container_8cac5 .banner-opcard-container_8cac5 {
  width: 1200px;
  display: flex;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 {
  display: block;
  flex: 1 1 100px;
  min-width: 0;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 .op-card_8cac5 {
  height: 102px;
  padding: 24px 32px;
  background: #FFFFFF;
  border: 1px solid #E5E6EB;
  border-radius: 12px;
  transition: box-shadow 0.5s, border 0.5s;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 .op-card_8cac5 .op-card-title_8cac5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 .op-card_8cac5 .op-card-des_8cac5 {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 .op-card_8cac5:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 .op-card_8cac5:hover .op-card-title_8cac5 {
  color: #1664FF;
}
.banner-container_8cac5 .banner-opcard-container_8cac5 .op-a-tag_8cac5 + .op-a-tag_8cac5 {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .banner-container_8cac5 {
    min-width: unset;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 {
    padding-bottom: 48px;
    height: auto;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 {
    margin: 0 24px;
    width: auto;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-1_8cac5 {
    width: 250px;
    height: 250px;
    top: 150px;
    left: -110px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-2_8cac5 {
    width: 350px;
    height: 350px;
    top: -50px;
    left: 200px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 {
    margin: 0 24px;
    width: auto;
    display: block;
    height: auto;
    padding-top: 68px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 {
    width: 100%;
    height: auto;
    padding-right: 0;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 {
    display: none;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 {
    display: block;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 .banner-image-mobile_8cac5 {
    width: 100%;
    font-size: 0;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 .banner-image-mobile_8cac5 img {
    width: 100%;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 .banner-title_8cac5 {
    width: 100%;
    display: block;
    margin: unset;
    margin-top: 24px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.002em;
    color: #282828;
    text-align: center;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-mobile_8cac5 .banner-des_8cac5 {
    width: 100%;
    margin-top: 12px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.002em;
    color: #4E5969;
    text-align: left;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-right_8cac5 {
    width: 100%;
    height: 561px;
    margin-top: 24px;
    border-radius: 16px;
  }
  .banner-container_8cac5 .banner-opcard-container_8cac5 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-container_8cac5 {
    min-width: unset;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 {
    padding-bottom: 28px;
    height: auto;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 {
    margin: 0 42px;
    width: auto;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-1_8cac5 {
    width: 250px;
    height: 250px;
    top: 150px;
    left: -110px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-2_8cac5 {
    width: 350px;
    height: 350px;
    top: -50px;
    left: 200px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 {
    margin: 0 42px;
    width: auto;
    display: block;
    height: auto;
    padding-top: 110px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 {
    width: 100%;
    height: auto;
    padding-right: 0;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pc_8cac5 {
    display: none;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 {
    display: flex;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 .banner-left-left_8cac5 {
    flex: none;
    width: 320px;
    padding-top: 60px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 .banner-left-left_8cac5 .banner-title_8cac5 {
    width: 100%;
    display: block;
    margin: unset;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 0.002em;
    color: #282828;
    text-align: left;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 .banner-left-left_8cac5 .banner-des_8cac5 {
    width: 100%;
    margin-top: 8px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.002em;
    color: #4E5969;
    text-align: left;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 .banner-image-pad_8cac5 {
    flex: auto;
    font-size: 0;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 .banner-left-pad_8cac5 .banner-image-pad_8cac5 img {
    width: 100%;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-right_8cac5 {
    width: 100%;
    height: 449px;
    margin-top: 6px;
    border-radius: 16px;
  }
  .banner-container_8cac5 .banner-opcard-container_8cac5 {
    width: 100%;
    position: relative;
    padding: 0 42px 40px;
    bottom: unset;
    left: unset;
    transform: unset;
    background-color: #FFFFFF;
  }
}
@media screen and (min-width: 1680px) {
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 {
    width: 1440px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-1_8cac5 {
    left: 600px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-bg-container_8cac5 .bg-circle-2_8cac5 {
    left: 850px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 {
    width: 1440px;
  }
  .banner-container_8cac5 .banner-wrapper_8cac5 .banner-content-container_8cac5 .banner-left_8cac5 {
    width: 850px;
    padding-right: 308px;
  }
  .banner-container_8cac5 .banner-opcard-container_8cac5 {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CarouselCapa/CarouselCapaPc/index_module.css */
.carousel-capa-pc-container_f4acf {
  width: 1200px;
  height: 430px;
  background-color: white;
  display: flex;
}
.carousel-capa-pc-container_f4acf .container-left_f4acf {
  margin-right: 16px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf {
  flex: none;
  width: 464px;
  height: fit-content;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .hr_f4acf {
  height: 1px;
  background: transparent;
  width: 100%;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .hr_f4acf.active_f4acf {
  background: #eeebea;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf {
  height: 64px;
  overflow: hidden;
  padding: 20px 24px;
  border-radius: 4px;
  position: relative;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  cursor: pointer;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .progress-bar_f4acf {
  width: 1px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .progress-bar_f4acf .filler_f4acf {
  width: 100%;
  height: 0%;
  background-color: #3073f2;
}
@keyframes progress-bar-animation_f4acf {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-title_f4acf {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #181818;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-icon_f4acf {
  position: absolute;
  top: 21px;
  right: 24px;
  width: 16px;
  height: 16px;
  color: #181818;
  stroke-width: 5;
  transform: rotate(90deg);
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf {
  opacity: 0;
  pointer-events: none;
  margin-top: 10px;
  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-des_f4acf .card-des-line_f4acf {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #4e5969;
  display: flex;
  align-items: flex-start;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-des_f4acf .card-des-line_f4acf .img-wrapper_f4acf {
  display: inline-flex;
  height: 20px;
  font-size: 0;
  align-items: center;
  margin-right: 8px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-des_f4acf .card-des-line_f4acf .img-wrapper_f4acf img {
  width: 14px;
  height: 14px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-des_f4acf .card-des-line_f4acf:not(:first-child) {
  margin-top: 6px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf {
  margin-top: 28px;
  display: flex;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-a-tag_f4acf {
  flex: none;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-a-tag_f4acf:not(:first-child) {
  margin-left: 24px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button_f4acf {
  height: 34px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-primary_f4acf {
  padding: 0 18px;
  width: fit-content;
  background-color: #1664ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #ffffff;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-primary_f4acf:hover {
  background-color: #4281ff;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-primary_f4acf:active {
  background-color: #0055ff;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf {
  display: flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf .button-arrow_f4acf {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf .button-arrow_f4acf svg {
  flex: none;
  height: 14px;
  width: 14px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf:hover {
  color: #4086ff;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf:hover .button-arrow_f4acf {
  right: -4px;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf .card-content_f4acf .card-buttons_f4acf .button-text_f4acf:active {
  color: #0e49d2;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf.active_f4acf {
  height: 209px;
  padding-bottom: 24px;
  background-color: #f8f9fe;
  cursor: auto;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf.active_f4acf .card-icon_f4acf {
  transform: rotate(-90deg);
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf.active_f4acf .card-content_f4acf {
  opacity: 1;
  pointer-events: auto;
}
.carousel-capa-pc-container_f4acf .carousel-container_f4acf .card_f4acf.active_f4acf .progress-bar_f4acf {
  background-color: #f8f9fe;
}
.carousel-capa-pc-container_f4acf .image-container_f4acf {
  flex: none;
  width: 720px;
  height: 100%;
  font-size: 0;
  position: relative;
}
.carousel-capa-pc-container_f4acf .image-container_f4acf img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.carousel-capa-pc-container_f4acf .image-container_f4acf img.active_f4acf {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 1680px) {
  .carousel-capa-pc-container_f4acf {
    width: 1440px;
    padding: 0 60px;
  }
  .carousel-capa-pc-container_f4acf .container-left_f4acf {
    margin-right: 90px;
  }
  .carousel-capa-pc-container_f4acf .carousel-container_f4acf {
    width: 510px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CarouselCapa/CarouselCapaPad/index_module.css */
.carousel-capa-pad-container_446b9 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 {
  height: 100%;
  background-color: #F8F9FE;
  border-radius: 8px;
  padding: 45px 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 {
  flex: none;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-title_446b9 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-des_446b9 {
  margin-top: 8px;
  padding: 0 20px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-des_446b9 .card-des-line_446b9 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.003em;
  color: #4E5969;
  display: flex;
  align-items: flex-start;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-des_446b9 .card-des-line_446b9 .img-wrapper_446b9 {
  display: inline-flex;
  height: 18px;
  font-size: 0;
  align-items: center;
  margin-right: 8px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-des_446b9 .card-des-line_446b9 .img-wrapper_446b9 img {
  width: 14px;
  height: 14px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-des_446b9 .card-des-line_446b9:not(:first-child) {
  margin-top: 6px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-button_446b9 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-button_446b9 .card-link-a_446b9 {
  flex: none;
  display: block;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-button_446b9 .card-link-a_446b9 .card-link-panel_446b9 {
  display: inline-flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664FF;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-button_446b9 .card-link-a_446b9 .card-link-panel_446b9 .link-arrow_446b9 {
  flex: none;
  margin-left: 5px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-content_446b9 .card-button_446b9 .card-link-a_446b9 .card-link-panel_446b9 .link-arrow_446b9 svg {
  height: 14px;
  width: 14px;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-image_446b9 {
  flex: none;
  margin-top: 40px;
  padding: 0 8px;
  width: 100%;
  font-size: 0;
}
.carousel-capa-pad-container_446b9 .carousel-capa-card_446b9 .card-image_446b9 img {
  width: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CarouselCapa/CarouselCapaMobile/index_module.css */
.carousel-capa-mobile-container_ea58b {
  width: 100%;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #F8F9FE;
  border: unset;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284C;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-content {
  background-color: #F8F9FE;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .mobile-tab-title_ea58b {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-image_ea58b {
  width: 100%;
  padding: 0px 4px;
  font-size: 0;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-image_ea58b img {
  width: 100%;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-des_ea58b {
  padding: 8px 20px 16px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-des_ea58b .card-des-line_ea58b {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.003em;
  color: #4E5969;
  display: flex;
  align-items: flex-start;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-des_ea58b .card-des-line_ea58b .img-wrapper_ea58b {
  display: inline-flex;
  height: 18px;
  font-size: 0;
  align-items: center;
  margin-right: 8px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-des_ea58b .card-des-line_ea58b .img-wrapper_ea58b img {
  width: 14px;
  height: 14px;
}
.carousel-capa-mobile-container_ea58b .carousel-capa-mobile-collapse_ea58b .carousel-capa-mobile-card_ea58b .mobile-tab-des_ea58b .card-des-line_ea58b:not(:first-child) {
  margin-top: 6px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CarouselCapa/index_module.css */
.carousel-capa-container_0d6ba,
.carousel-capa-container_0d6ba * {
  box-sizing: border-box;
}
.carousel-capa-container_0d6ba a,
.carousel-capa-container_0d6ba a:link,
.carousel-capa-container_0d6ba a:visited,
.carousel-capa-container_0d6ba a:hover,
.carousel-capa-container_0d6ba a:active {
  text-decoration: none;
  color: inherit;
}
.carousel-capa-pc_0d6ba {
  display: block;
}
.carousel-capa-pad_0d6ba {
  display: none;
}
.carousel-capa-mobile_0d6ba {
  display: none;
}
@media screen and (max-width: 767px) {
  .carousel-capa-pc_0d6ba {
    display: none;
  }
  .carousel-capa-mobile_0d6ba {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .carousel-capa-pc_0d6ba {
    display: none;
  }
  .carousel-capa-pad_0d6ba {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/LatestNews/index_module.css */
.latest-news-container_a36af {
  width: 1200px;
  overflow: hidden;
  display: flex;
}
.latest-news-container_a36af,
.latest-news-container_a36af * {
  box-sizing: border-box;
}
.latest-news-container_a36af a,
.latest-news-container_a36af a:link,
.latest-news-container_a36af a:visited,
.latest-news-container_a36af a:hover,
.latest-news-container_a36af a:active {
  text-decoration: none;
  color: inherit;
}
.latest-news-container_a36af .news-item_a36af {
  flex: none;
  width: 285px;
}
.latest-news-container_a36af .news-item_a36af:not(:first-child) {
  margin-left: 20px;
}
.latest-news-container_a36af .news-item_a36af .item-image_a36af {
  width: 100%;
  height: 168px;
  border-radius: 8px;
  overflow: hidden;
  font-size: 0;
  position: relative;
}
.latest-news-container_a36af .news-item_a36af .item-image_a36af img {
  width: 100%;
  height: 100%;
  transition: transform 0.25s;
}
.latest-news-container_a36af .news-item_a36af .item-title_a36af {
  margin-top: 16px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.003em;
  color: #282828;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.latest-news-container_a36af .news-item_a36af:hover .item-image_a36af img {
  transform: scale(1.1);
}
.latest-news-container_a36af .news-item_a36af:hover .item-title_a36af {
  color: #1664ff;
}
@media screen and (max-width: 767px) {
  .latest-news-container_a36af {
    width: 100%;
    display: block;
  }
  .latest-news-container_a36af .news-item_a36af {
    display: flex;
    width: 100%;
  }
  .latest-news-container_a36af .news-item_a36af:not(:first-child) {
    margin-left: 0;
    padding-top: 16px;
  }
  .latest-news-container_a36af .news-item_a36af:not(:last-child) .item-image_a36af {
    margin-bottom: 16px;
  }
  .latest-news-container_a36af .news-item_a36af:not(:last-child) .item-title_a36af {
    border-bottom: 1px solid #dde2e9;
    padding-bottom: 16px;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af {
    order: 1;
    flex: auto;
    margin-left: 10px;
    width: 96px;
    height: auto;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af .card-tag_a36af {
    display: none;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af img {
    width: 100%;
    height: auto;
  }
  .latest-news-container_a36af .news-item_a36af .item-title_a36af {
    order: 0;
    flex: auto;
    width: 224px;
    margin-top: 0;
    padding-right: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #020814;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .latest-news-container_a36af {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 58px;
  }
  .latest-news-container_a36af .news-item_a36af {
    display: flex;
    width: 100%;
  }
  .latest-news-container_a36af .news-item_a36af:not(:first-child) {
    margin-left: 0;
  }
  .latest-news-container_a36af .news-item_a36af:nth-last-child(-n+2) {
    padding-top: 16px;
  }
  .latest-news-container_a36af .news-item_a36af:nth-child(-n+2) .item-image_a36af {
    margin-bottom: 16px;
  }
  .latest-news-container_a36af .news-item_a36af:nth-child(-n+2) .item-title_a36af {
    border-bottom: 1px solid #dde2e9;
    padding-bottom: 16px;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af {
    order: 1;
    flex: auto;
    margin-left: 14px;
    width: 96px;
    height: auto;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af .card-tag_a36af {
    display: none;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af img {
    width: 100%;
    height: auto;
  }
  .latest-news-container_a36af .news-item_a36af .item-title_a36af {
    order: 0;
    flex: auto;
    width: 224px;
    margin-top: 0;
    padding-right: 6px;
    font-size: 14px;
    line-height: 22px;
    color: #020814;
    display: block;
  }
}
@media screen and (min-width: 1680px) {
  .latest-news-container_a36af {
    width: 1440px;
  }
  .latest-news-container_a36af .news-item_a36af {
    width: 345px;
  }
  .latest-news-container_a36af .news-item_a36af .item-image_a36af {
    height: 203px;
  }
}
.card-tag_a36af {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 16px 0 12px;
  height: 24px;
  overflow: hidden;
}
.card-tag_a36af .cardTag-trapezoid_a36af {
  width: 100%;
  height: 32px;
  background-color: rgba(2, 8, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: matrix(1, 0, 0.3182, 1, -3, 0);
}
.card-tag_a36af .cardTag-text_a36af {
  height: 24px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/TrustFromCompanies/Card/index_module.css */
.card_be6f8 {
  width: 458px;
  height: 558px;
  font-family: "PingFang SC";
  position: relative;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
}
.card_be6f8:hover .banner_be6f8 {
  box-shadow: 0px 5px 20px rgba(51, 78, 118, 0.2);
}
.card_be6f8:hover .detail_be6f8 {
  box-shadow: 0px 5px 20px rgba(51, 78, 118, 0.2);
}
.card_be6f8:hover .detail-link_be6f8 {
  color: #4086ff;
}
.card_be6f8:hover .detail-link_be6f8 > svg {
  fill: #4086ff;
  transform: translate3d(4px, 0, 0);
}
.banner_be6f8 {
  height: 283px;
  box-sizing: border-box;
  border-radius: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: box-shadow 0.2s;
  padding: 69px 0 0 39px;
}
.tag_be6f8 {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 24px;
  border-top-right-radius: 12px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/starry/products4.0/trust-from-companies-card-tag-bg.svg);
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
}
.metric_be6f8 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.metric-value_be6f8 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  margin-top: 4px;
}
.detail_be6f8 {
  position: absolute;
  top: 257px;
  bottom: 0px;
  backdrop-filter: blur(20px);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), #fff 15%);
  border-radius: 12px;
  box-shadow: 0px 5px 20px rgba(51, 78, 118, 0.1);
  transition: box-shadow 0.25s;
  width: 100%;
  box-sizing: border-box;
  padding: 26px 36px 36px 36px;
}
.logo_be6f8 {
  display: block;
  height: 48px;
}
.desc_be6f8 {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  color: #57637d;
  margin-top: 22px;
  height: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.detail-link_be6f8 {
  display: flex;
  align-items: center;
  margin-top: 28px;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #1664ff;
}
.detail-link_be6f8 > svg {
  margin-left: 4px;
  transition: transform 0.3s;
}
@media screen and (max-width: 1679px) {
  .card_be6f8 {
    width: 381px;
    height: 514px;
  }
  .banner_be6f8 {
    height: 238px;
    padding: 55px 0 0 39px;
  }
  .detail_be6f8 {
    top: 214px;
    padding: 26px 32px 36px 32px;
  }
}
@media screen and (max-width: 1023px) {
  .card_be6f8 {
    width: 229px;
    height: 343px;
  }
  .banner_be6f8 {
    height: 238px;
    padding: 38px 0 0 25px;
  }
  .detail_be6f8 {
    top: 117px;
    padding: 12px 16px 20px 16px;
  }
  .logo_be6f8 {
    height: 32px;
  }
  .desc_be6f8 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    height: 110px;
    -webkit-line-clamp: 5;
  }
  .detail-link_be6f8 {
    margin-top: 27px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .card_be6f8 {
    width: 293px;
    height: 343px;
  }
  .banner_be6f8 {
    height: 238px;
    padding: 39px 0 0 26px;
  }
  .detail_be6f8 {
    top: 138px;
    padding: 20px;
    padding-top: 12px;
  }
  .desc_be6f8 {
    height: 88px;
    -webkit-line-clamp: 4;
  }
  .detail-link_be6f8 {
    margin-top: 28px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/TrustFromCompanies/Pagination/index_module.css */
.pagination_384a7 {
  display: flex;
  justify-content: center;
}
.left_384a7 {
  margin-right: 28px;
}
.left_384a7,
.right_384a7 {
  flex: none;
  cursor: pointer;
}
.left_384a7.disabled_384a7,
.right_384a7.disabled_384a7 {
  cursor: default;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/TrustFromCompanies/MoreCustomers/index_module.css */
.title_7cfab {
  display: flex;
  align-items: center;
}
.title__text_7cfab {
  flex: none;
  font-size: 18px;
  line-height: 26px;
  color: #4e5969;
  margin: 0 50px;
}
.title__hr-left_7cfab {
  flex: auto;
  height: 1px;
  background: linear-gradient(270deg, #d5e0e8 -4.24%, rgba(213, 220, 232, 0) 94.21%);
}
.title__hr-right_7cfab {
  flex: auto;
  height: 1px;
  background: linear-gradient(90deg, #d5e0e8 -4.24%, rgba(213, 220, 232, 0) 94.21%);
}
.logos_7cfab {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 75px;
  align-items: center;
  justify-items: center;
}
.logos_7cfab > img {
  height: 47px;
}
@media screen and (max-width: 1023px) {
  .title__text_7cfab {
    font-size: 16px;
  }
  .logos_7cfab {
    margin-top: 32px;
    grid-auto-rows: 58px;
  }
  .logos_7cfab > img {
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .title__text_7cfab {
    font-size: 13px;
    line-height: 22px;
  }
  .logos_7cfab {
    margin-top: 28px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 42px;
  }
  .logos_7cfab > img {
    height: 26px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/TrustFromCompanies/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
.business-trust_544c5 > div:nth-child(2) {
  overflow: hidden;
}
.business-trust_544c5 > div:nth-child(2) > div {
  padding: 0;
}
.cards_544c5 {
  margin-bottom: 32px;
}
.cards-rail_544c5 {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.2s;
}
.card_544c5 {
  flex: none;
  margin-left: 32px;
}
.card_544c5:first-child {
  margin: 0;
}
.more-customers_544c5 {
  margin-top: 56px;
}
@media screen and (max-width: 1679px) {
  .card_544c5 {
    margin-left: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .more-customers_544c5 {
    margin-top: 48px;
  }
  .cards-rail_544c5 {
    padding-left: calc((100% - 718px) / 2);
  }
  .card_544c5 {
    margin-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .pagination_544c5.pagination_544c5 {
    display: none;
  }
  .cards_544c5 {
    overflow: auto;
    padding-bottom: 45px;
    margin-bottom: 0;
  }
  .cards_544c5::-webkit-scrollbar {
    display: none;
  }
  .cards-rail_544c5 {
    padding-left: 24px;
  }
  .cards-rail_544c5::after {
    content: "";
    flex: none;
    width: 24px;
  }
  .more-customers_544c5 {
    margin-top: 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Comparison/Table/index_module.css */
.table-container_fa77e {
  width: 100%;
  transition: height 0.2s ease-in-out;
  overflow: hidden;
  border: 1px solid #F6F7FA;
  border-radius: 4px;
}
.table-container_fa77e:not(:first-child) {
  margin-top: 20px;
}
.table-container_fa77e .table-title_fa77e {
  margin: 0;
  padding: 0;
  height: 40px;
  padding-left: 60px;
  position: relative;
  background-color: #F4F7FC;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.002em;
  color: #282828;
  transition: background-color 0.1s ease-in-out;
}
.table-container_fa77e .table-title_fa77e:hover {
  background-color: #EDF2F9;
}
.table-container_fa77e .table-title_fa77e .icon-wrapper_fa77e {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.table-container_fa77e .table-title_fa77e .icon-wrapper_fa77e svg {
  stroke: #7A8494;
  width: 12px;
  transition: transform 0.2s ease-in-out;
}
.table-container_fa77e .table-row_fa77e {
  display: flex;
  box-sizing: content-box;
  height: 40px;
}
.table-container_fa77e .table-row_fa77e:not(:last-child) {
  border-bottom: 1px solid #F6F7FA;
}
.table-container_fa77e .table-row_fa77e :not(:first-child) {
  margin-left: 16px;
}
.table-container_fa77e .table-row_fa77e .table-row-title_fa77e {
  flex: none;
  width: 280px;
  padding-left: 60px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.table-container_fa77e .table-row_fa77e .table-row-td_fa77e {
  flex: auto;
  width: 214px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-container_fa77e .table-row_fa77e .table-row-td_fa77e .table-row-td-text_fa77e {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #86909C;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.table-container_fa77e.folded_fa77e .table-title_fa77e .icon-wrapper_fa77e svg {
  transform: rotate(-180deg);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .table-container_fa77e:not(:first-child) {
    margin-top: 16px;
  }
  .table-container_fa77e .table-title_fa77e {
    padding-left: 30px;
    font-size: 14px;
  }
  .table-container_fa77e .table-title_fa77e .icon-wrapper_fa77e {
    left: 14px;
  }
  .table-container_fa77e .table-row_fa77e {
    height: 36px;
  }
  .table-container_fa77e .table-row_fa77e :not(:first-child) {
    margin-left: 12px;
  }
  .table-container_fa77e .table-row_fa77e .table-row-title_fa77e {
    width: 165px;
    padding-left: 30px;
    font-size: 12px;
    line-height: 36px;
  }
  .table-container_fa77e .table-row_fa77e .table-row-td_fa77e .table-row-td-text_fa77e {
    font-size: 12px;
    line-height: 17px;
  }
}
@media screen and (min-width: 1680px) {
  .table-container_fa77e .table-title_fa77e {
    padding-left: 76px;
  }
  .table-container_fa77e .table-title_fa77e .icon-wrapper_fa77e {
    left: 56px;
  }
  .table-container_fa77e .table-row_fa77e .table-row-title_fa77e {
    width: 400px;
    padding-left: 76px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Comparison/index_module.css */
.comparison-card-container_7e151 {
  background-color: white;
}
.comparison-card-container_7e151 > [class*=head] {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .comparison-card-container_7e151 > [class*=head] {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .comparison-card-container_7e151 {
    display: none;
  }
}
.withRoot-add_7e151 {
  overflow: unset;
}
.comparison-container_7e151 {
  width: 100%;
  min-width: 1200px;
}
.comparison-container_7e151,
.comparison-container_7e151 * {
  box-sizing: border-box;
}
.comparison-container_7e151 a,
.comparison-container_7e151 a:link,
.comparison-container_7e151 a:visited,
.comparison-container_7e151 a:hover,
.comparison-container_7e151 a:active {
  text-decoration: none;
  color: inherit;
}
.comparison-container_7e151 .head_7e151 {
  width: 100%;
  height: 86px;
  padding: 0 calc((100% - 1200px) / 2);
  display: flex;
  align-items: center;
  position: sticky;
  top: 50px;
  background-color: white;
  z-index: 1;
}
.comparison-container_7e151 .head_7e151.is-sticky_7e151 {
  box-shadow: 0px 8px 30px rgba(209, 221, 235, 0.4);
}
.comparison-container_7e151 .head_7e151 :not(:first-child) {
  margin-left: 16px;
}
.comparison-container_7e151 .head_7e151 .head-title_7e151 {
  margin: 0;
  padding: 0;
  flex: none;
  width: 280px;
  padding-left: 60px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.003em;
  color: #282828;
}
.comparison-container_7e151 .head_7e151 .button_7e151 {
  flex: auto;
  display: block;
  width: 214px;
  height: 38px;
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.002em;
}
.comparison-container_7e151 .head_7e151 .button_7e151.primary_7e151 {
  background-color: #1664FF;
  box-shadow: 0px 3px 8px rgba(46, 70, 146, 0.1);
  color: #FFFFFF;
}
.comparison-container_7e151 .head_7e151 .button_7e151.primary_7e151:hover {
  background-color: #4281FF;
}
.comparison-container_7e151 .head_7e151 .button_7e151.primary_7e151:active {
  background-color: #0055FF;
}
.comparison-container_7e151 .head_7e151 .button_7e151.secondary_7e151 {
  background-color: #FFFFFF;
  border: 1px solid #1664FF;
  color: #1664FF;
}
.comparison-container_7e151 .head_7e151 .button_7e151.secondary_7e151:hover {
  background-color: #F6F8FA;
  border: 1px solid #4281FF;
  color: #4281FF;
}
.comparison-container_7e151 .head_7e151 .button_7e151.secondary_7e151:active {
  background-color: #F6F8FA;
  border: 1px solid #0055FF;
  color: #0055FF;
}
.comparison-container_7e151 .tables_7e151 {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .comparison-container_7e151 {
    min-width: unset;
  }
  .comparison-container_7e151 .head_7e151 {
    padding: 0 24px;
    top: 60px;
  }
  .comparison-container_7e151 .head_7e151 :not(:first-child) {
    margin-left: 12px;
  }
  .comparison-container_7e151 .head_7e151 .head-title_7e151 {
    width: 165px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 22px;
  }
  .comparison-container_7e151 .head_7e151 .button_7e151 {
    font-size: 14px;
  }
  .comparison-container_7e151 .tables_7e151 {
    width: 100%;
    margin: 0;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1680px) {
  .comparison-container_7e151 .head_7e151 {
    padding: 0 calc((100% - 1440px) / 2);
  }
  .comparison-container_7e151 .head_7e151 .head-title_7e151 {
    width: 400px;
    padding-left: 76px;
  }
  .comparison-container_7e151 .tables_7e151 {
    width: 1440px;
    margin: 0 auto;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpecThreeCard/index_module.css */
body {
  position: relative;
}
.product-spec-three-card-container_6b355 {
  background-color: #FFFFFF;
  display: flow-root;
}
.product-spec-three-card-container_6b355,
.product-spec-three-card-container_6b355 * {
  box-sizing: border-box;
}
.product-spec-three-card-container_6b355 a,
.product-spec-three-card-container_6b355 a:link,
.product-spec-three-card-container_6b355 a:visited,
.product-spec-three-card-container_6b355 a:hover,
.product-spec-three-card-container_6b355 a:active {
  text-decoration: none;
  color: inherit;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 {
  display: flex;
  overflow: auto;
  padding: 21px;
  margin: -21px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 {
  width: 381px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 3px 18px rgba(51, 78, 118, 0.15);
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355:not(:first-child) {
  margin-left: 28px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .card-title_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .card-des_6b355 {
  height: 22px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355 {
  margin-top: 16px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.arco-select.arco-select-single .arco-select-view {
  background-color: #EFF2FA;
  border-radius: 4px;
  height: 40px;
  padding: 0 12px;
  line-height: unset;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.arco-select.arco-select-single .arco-select-view:hover {
  border-color: #1664FF;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
  display: inline-flex;
  align-items: center;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #FFFFFF;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.arco-select.arco-select-single svg {
  stroke: #181818;
  stroke-width: 6;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.product-selector-single_6b355.arco-select.arco-select-single {
  cursor: unset;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.product-selector-single_6b355.arco-select.arco-select-single .arco-select-view {
  border-color: transparent;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355.product-selector-single_6b355.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #EFF2FA;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 {
  position: relative;
  font-size: 0;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355.active_6b355 {
  display: block;
  position: relative;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .des-container_6b355 {
  height: 126px;
  overflow: auto;
  font-size: 14px;
  padding: 20px 0 10px 0;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .des-container_6b355 .des-panel_6b355 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .des-container_6b355 .des-panel_6b355 .yes-icon_6b355 {
  flex: none;
  display: flex;
  align-items: center;
  height: 22px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .des-container_6b355 .des-panel_6b355 .des_6b355 {
  padding-left: 6px;
  white-space: pre-wrap;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .line_6b355 {
  height: 1px;
  background-color: #EBEBEB;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-tag-container_6b355 {
  height: 18px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-tag-container_6b355 .product-tag_6b355 + .product-tag_6b355 {
  margin-left: 4px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-tag-container_6b355 .product-tag_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #4E5969;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  border: 1px solid rgba(169, 169, 171, 0.3);
  border-radius: 2px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 {
  margin-top: 12px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-new_6b355 {
  height: 30px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-new_6b355 .price-text_6b355.small_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-new_6b355 .price-text_6b355.big_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-new_6b355 .price-text_6b355.text_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.002em;
  color: #F50505;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-new_6b355 .price-text_6b355.gray_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-old_6b355 {
  margin-top: 8px;
  height: 20px;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .price-panel_6b355 .price-old_6b355 .cut-value_6b355 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: rgba(78, 89, 105, 0.5);
  text-decoration: line-through solid #AFB4BB;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-button_6b355 {
  display: block;
  height: 44px;
  margin-top: 16px;
  background-color: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #FFFFFF;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-button_6b355:hover {
  background-color: #4281FF;
}
.product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .product-button_6b355:active {
  background-color: #0055FF;
}
@media screen and (max-width: 767px) {
  .product-spec-three-card-container_6b355 .cards-panel_6b355 {
    display: block;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 {
    width: 100%;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-selector_6b355 {
    margin-bottom: 14px;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .des-container_6b355 {
    display: none;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .product-info-container_6b355 .product-info_6b355 .line_6b355 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-spec-three-card-container_6b355 .cards-panel_6b355 {
    flex-wrap: nowrap;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 {
    flex: none;
    width: 311px;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355:not(:first-child) {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1680px) {
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 {
    width: 456px;
    padding: 32px;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355:not(:first-child) {
    margin-left: 36px;
  }
  .product-spec-three-card-container_6b355 .cards-panel_6b355 .product-card-container_6b355 .product-panel_6b355 .card-title_6b355 {
    font-size: 20px;
  }
}
.product-popup_6b355 {
  max-height: 144px !important;
}
.product-popup_6b355 .arco-select-option-hover {
  background-color: #EFF2FA;
}
.product-popup_6b355::-webkit-scrollbar {
  width: 4px;
}
.product-popup_6b355::-webkit-scrollbar-thumb {
  background-color: #DCDCDC;
  border-radius: 100px;
}
.option-panel_6b355 {
  display: flex;
  align-items: center;
  height: 36px;
}
.product-name_6b355 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #181818;
}
.tip_6b355 {
  display: inline-block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.card-tag_6b355 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 13px 0 16px;
  height: 24px;
  overflow: hidden;
}
.card-tag_6b355 .cardTag-trapezoid_6b355 {
  width: 100%;
  height: 32px;
  background-image: linear-gradient(270deg, #F71510 0%, #FF7C53 107.82%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: matrix(1, 0, 0.3182, 1, 3, -8);
}
.card-tag_6b355 .cardTag-text_6b355 {
  height: 24px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AccessProcess/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
.access-process-container_7b34d {
  width: 100%;
  display: flex;
}
.access-process-container_7b34d,
.access-process-container_7b34d * {
  box-sizing: border-box;
}
.access-process-container_7b34d a,
.access-process-container_7b34d a:link,
.access-process-container_7b34d a:visited,
.access-process-container_7b34d a:hover,
.access-process-container_7b34d a:active {
  text-decoration: none;
  color: inherit;
}
.access-process-container_7b34d .line-wrapper_7b34d {
  flex: auto;
  padding: 0 8px;
}
.access-process-container_7b34d .line-wrapper_7b34d:first-child {
  display: none;
}
.access-process-container_7b34d .line-wrapper_7b34d .line_7b34d {
  width: 100%;
  height: 1px;
  background-color: #909090;
  opacity: 0.3;
  position: relative;
  top: 42px;
}
.access-process-container_7b34d .process-item-container_7b34d {
  flex: none;
  width: 169px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.access-process-container_7b34d .process-item-container_7b34d .series_7b34d {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.003em;
  background-image: linear-gradient(180deg, rgba(22, 100, 255, 0.5) 12.5%, rgba(22, 100, 255, 0) 66.67%);
  background-clip: text;
  color: transparent;
  margin-bottom: -18px;
}
.access-process-container_7b34d .process-item-container_7b34d .title_7b34d {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.003em;
  color: #181818;
}
.access-process-container_7b34d .process-item-container_7b34d .description_7b34d {
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #4E5969;
  text-align: center;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 767px) {
  .access-process-container_7b34d {
    display: block;
  }
  .access-process-container_7b34d .line-wrapper_7b34d {
    display: none;
  }
  .access-process-container_7b34d .process-item-container_7b34d {
    width: 100%;
    display: block;
  }
  .access-process-container_7b34d .process-item-container_7b34d:not(:first-child) {
    margin-top: 24px;
  }
  .access-process-container_7b34d .process-item-container_7b34d .title_7b34d {
    font-size: 16px;
  }
  .access-process-container_7b34d .process-item-container_7b34d .description_7b34d {
    margin-top: 3px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .access-process-container_7b34d {
    display: block;
    padding: 0 36px;
  }
  .access-process-container_7b34d .line-wrapper_7b34d {
    display: none;
  }
  .access-process-container_7b34d .process-item-container_7b34d {
    width: 100%;
    display: block;
  }
  .access-process-container_7b34d .process-item-container_7b34d:not(:first-child) {
    margin-top: 24px;
  }
  .access-process-container_7b34d .process-item-container_7b34d .title_7b34d {
    font-size: 16px;
  }
  .access-process-container_7b34d .process-item-container_7b34d .description_7b34d {
    margin-top: 3px;
    text-align: left;
  }
}
@media screen and (min-width: 1680px) {
  .access-process-container_7b34d .line-wrapper_7b34d {
    padding: 0 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure2/MobileRender/index_module.css */
.mobile_7d10e {
  display: none;
  width: 100%;
}
.mobile_7d10e a,
.mobile_7d10e a:link,
.mobile_7d10e a:visited,
.mobile_7d10e a:hover,
.mobile_7d10e a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_7d10e {
  width: 100%;
  height: 350px;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 8px;
  overflow-x: scroll;
}
.frame_7d10e {
  height: 98%;
  padding: 24px;
  box-sizing: border-box;
}
.sub_content_7d10e {
  margin: 24px 0 16px 0;
}
.sub_title_7d10e {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1A202C;
}
.sub_desc_7d10e {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.sub_desc_7d10e svg {
  margin-right: 8px;
}
.product_content_7d10e {
  border-top: 1px solid #E5E8EF;
  border-bottom: 1px solid #E5E8EF;
  padding: 16px 0;
}
.product_a_7d10e:nth-child(2n+1) {
  margin-left: 10px;
}
.product_btn_7d10e {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 5px);
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_7d10e:hover {
  border: 1px solid #4281FD;
}
.product_btn_7d10e:active {
  border: 1px solid #1664FF;
}
.product_btn_7d10e img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #F8F9FE;
  border: unset;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284C;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-content {
  background-color: #F8F9FE;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .mobile-tab-title_7d10e {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .structure-2-mobile-tab_7d10e {
  padding: 0 16px 20px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .structure-2-mobile-tab_7d10e .mobile_7d10e .frameWrap_7d10e {
  border-radius: 2px;
}
.mobile-container_7d10e .structure-2-mobile-collapse_7d10e .structure-2-mobile-tab_7d10e .mobile_7d10e .product_content_7d10e {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .mobile_7d10e {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure2/Frame/index_module.css */
.frameWrap_35bfc {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px 0 0 12px;
  background: #F2F3F8;
}
.frameWrap_35bfc .tools_35bfc {
  z-index: 3;
  position: absolute;
  left: 47px;
  bottom: 23px;
}
.frameWrap_35bfc .tools_35bfc button {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 10px;
  border: 1px solid #E5E6E8;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.frameWrap_35bfc .tools_35bfc button:hover {
  box-shadow: 0px 4px 6px rgba(40, 40, 40, 0.25);
}
.frameWrap_35bfc .tools_35bfc button span {
  margin-left: 7px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4E5969;
}
.frameWrap_35bfc .tools_35bfc .disable_35bfc {
  cursor: not-allowed;
}
.frameWrap_35bfc .tools_35bfc .plus_35bfc {
  font-size: 24px;
}
.frameWrap_35bfc .tools_35bfc .reset_35bfc {
  margin-bottom: 12px;
  position: relative;
}
.frameWrap_35bfc .tools_35bfc .pop-over_35bfc {
  position: absolute;
  left: -140px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.frameWrap_35bfc .tools_35bfc .pop-over_35bfc.hidden_35bfc {
  opacity: 0;
  visibility: hidden;
}
.frameWrap_35bfc .tools_35bfc .pop-over_35bfc.hidden_35bfc.show_35bfc {
  opacity: 1;
  visibility: visible;
}
.frameWrap_35bfc .tools_35bfc .pop-content_35bfc {
  width: fit-content;
  white-space: nowrap;
  padding: 8px;
  color: #4e5969;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #c9cdd4;
}
.frameWrap_35bfc .tools_35bfc .rhombus_35bfc {
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  margin-left: -4px;
  border: 1px solid #c9cdd4;
  background-color: #fff;
  border-bottom: none;
  border-left: none;
  border-bottom-right-radius: 2px;
}
.frameWrap_35bfc .tools_35bfc .iconFullscreen_35bfc {
  color: #4E5969;
  width: 16px;
  height: 16px;
  stroke-width: 6;
}
.frameWrap_35bfc .tools_35bfc .minusSymbol_35bfc {
  margin: auto;
  width: 12px;
  height: 2.4px;
  border-radius: 0.5px;
  background-color: #fff;
}
.frameWrap_35bfc .zoom-wrapper_35bfc {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_35bfc .zoom-content_35bfc {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_35bfc .innerWrap_35bfc {
  width: 100%;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameWrap_35bfc .innerWrap_35bfc .picture_35bfc {
  max-width: min(100%, 820px);
  max-height: 100%;
  object-fit: contain;
}
.isPcZoom_35bfc {
  cursor: zoom-in;
}
@media screen and (max-width: 1023px) {
  .frameWrap_35bfc {
    border-radius: 8px;
    height: fit-content;
  }
  .frameWrap_35bfc .innerWrap_35bfc {
    box-sizing: border-box;
  }
}
.modal-wrap_35bfc {
  width: fit-content;
  background-color: #F7F7F9;
}
.modal-wrap_35bfc .picture_35bfc {
  width: 90vw;
  max-height: 90vh;
  max-width: 90vw;
  object-fit: contain;
}
.modal-wrap_35bfc .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-wrap_35bfc .arco-icon-hover:hover::before {
  width: 26px;
  height: 26px;
}
.modal-wrap_35bfc .arco-icon-close {
  width: 20px;
  height: 20px;
}
.arco-modal-wrapper {
  z-index: 3001;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure2/PadRender/index_module.css */
.pad_2a0ba {
  display: none;
  width: 100%;
}
.pad_2a0ba a,
.pad_2a0ba a:link,
.pad_2a0ba a:visited,
.pad_2a0ba a:hover,
.pad_2a0ba a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_2a0ba {
  width: 100%;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 8px;
}
.content_2a0ba {
  width: 100%;
  padding-top: 24px;
  display: flex;
}
.sub_content_2a0ba {
  width: 263px;
  flex-shrink: 0;
}
.sub_title_2a0ba {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1A202C;
}
.sub_desc_2a0ba {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.sub_desc_2a0ba svg {
  margin-right: 8px;
}
.product_content_2a0ba {
  flex-grow: 1;
  border-left: 1px solid #E5E8EF;
  padding-left: 32px;
}
.product_a_2a0ba:nth-child(2n+1) {
  margin-left: 12px;
}
.product_btn_2a0ba {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 6px);
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_2a0ba:hover {
  border: 1px solid #4281FD;
}
.product_btn_2a0ba:active {
  border: 1px solid #1664FF;
}
.product_btn_2a0ba img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
@media screen and (max-width: 1023px) {
  .pad_2a0ba {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pad_2a0ba {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure2/PcRender/index_module.css */
.pc_fc09d {
  width: 1440px;
  height: 660px;
  background: #F7F7F9;
  border: 1px solid #E5E6EB;
  border-radius: 12px;
  display: flex;
}
.pc_fc09d a,
.pc_fc09d a:link,
.pc_fc09d a:visited,
.pc_fc09d a:hover,
.pc_fc09d a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_fc09d {
  height: 100%;
  flex-grow: 1;
}
.content_fc09d {
  width: 277px;
  flex-shrink: 0;
  background: #FFFFFF;
  border-radius: 0 12px 12px 0;
  padding: 32px 28px;
}
.sub_fc09d + .sub_fc09d {
  margin-top: 19px;
}
.sub_title_fc09d {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #181818;
  margin-bottom: 7px;
}
.sub_desc_fc09d {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4E5969;
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.sub_desc_fc09d svg {
  margin-right: 4px;
}
.button_fc09d {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  background: #1664FF;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 19px 0 5px 0;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.button_fc09d:hover {
  background: #4281FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.button_fc09d:active {
  background: #0055FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.cutting_line_fc09d {
  width: 100%;
  height: 1px;
  background: #E5E8EF;
  margin: 19px 0 24px 0;
}
.product_btn_fc09d {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  display: flex;
  margin: 8px 0 4px 0;
  width: 150px;
  height: 36px;
  background: #F2F3F8;
  border: 1px solid #F2F3F8;
  cursor: pointer;
  align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_fc09d:hover {
  border: 1px solid #4281FD;
}
.product_btn_fc09d:active {
  border: 1px solid #1664FF;
}
.product_btn_fc09d img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
@media screen and (max-width: 1679px) {
  .pc_fc09d {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .pc_fc09d {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure2/index_module.css */
.structure2-container_8d2b2 {
  width: 100%;
}
.structure2-container_8d2b2,
.structure2-container_8d2b2 * {
  box-sizing: border-box;
}
.structure2-container_8d2b2 a,
.structure2-container_8d2b2 a:link,
.structure2-container_8d2b2 a:visited,
.structure2-container_8d2b2 a:hover,
.structure2-container_8d2b2 a:active {
  text-decoration: none;
  color: inherit;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 {
  display: block;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 {
  width: 100%;
  height: 52px;
  display: flex;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2 {
  flex: auto;
  height: 100%;
  background: #F6F7FB;
  border: 1px solid #E5E6EB;
  border-right: none;
  position: relative;
  transition: background 0.1s ease-in-out;
  cursor: pointer;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2:last-child {
  border-right: 1px solid #E5E6EB;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2 .active-indicator_8d2b2 {
  width: 100%;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #1664FF;
  display: none;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2 .tab-title_8d2b2 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.002em;
  color: #86909C;
  text-align: center;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2.active_8d2b2 {
  background: #FFFFFF;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2.active_8d2b2 .active-indicator_8d2b2 {
  display: block;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2.active_8d2b2 .tab-title_8d2b2 {
  color: #1A202C;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 {
  width: 100%;
  display: grid;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 {
  grid-area: 1 / 1 / 2 / 2;
  opacity: 0;
  pointer-events: none;
}
.structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2.active_8d2b2 {
  opacity: 1;
  pointer-events: auto;
}
.structure2-container_8d2b2 .mobile_8d2b2 {
  display: none;
}
.structure2-container_8d2b2.disable-info_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-radius: 12px;
}
.structure2-container_8d2b2.multiple-tab_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pc] {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.structure2-container_8d2b2.multiple-tab_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-top-left-radius: 0;
}
.structure2-container_8d2b2.multiple-tab_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pc] > [class*=content] {
  border-top-right-radius: 0;
}
.structure2-container_8d2b2.multiple-tab_8d2b2.disable-info_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media screen and (max-width: 767px) {
  .structure2-container_8d2b2 .pc-and-pad_8d2b2 {
    display: none;
  }
  .structure2-container_8d2b2 .mobile_8d2b2 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 {
    height: 44px;
  }
  .structure2-container_8d2b2 .pc-and-pad_8d2b2 .tabs-header-container_8d2b2 .tab-header_8d2b2 .tab-title_8d2b2 {
    line-height: 42px;
  }
  .structure2-container_8d2b2.multiple-tab_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pad] > [class*=frameWrap] {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .structure2-container_8d2b2.multiple-tab_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 > [class*=pad] > [class*=frameWrap] > [class*=frameWrap] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 1680px) {
  .structure2-container_8d2b2.disable-info_8d2b2 .pc-and-pad_8d2b2 .tabs-content-container_8d2b2 .tab-content_8d2b2 [class*=innerWrap] > [class*=picture] {
    max-width: min(100%, 1100px);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SingleFeature2/index_module.css */
.single-feature-container_088ba {
  position: relative;
}
.single-feature-container_088ba,
.single-feature-container_088ba * {
  box-sizing: border-box;
}
.single-feature-container_088ba a,
.single-feature-container_088ba a:link,
.single-feature-container_088ba a:visited,
.single-feature-container_088ba a:hover,
.single-feature-container_088ba a:active {
  text-decoration: none;
  color: inherit;
}
.single-feature-container_088ba .bg-circle-left_088ba {
  background: rgba(255, 149, 149, 0.7);
  filter: blur(50px);
  opacity: 0.3;
  will-change: transform;
  pointer-events: none;
  width: 203px;
  height: 203px;
  border-radius: 50%;
  position: absolute;
  top: 26px;
  left: 106px;
}
.single-feature-container_088ba .bg-circle-right_088ba {
  background: #3382FF;
  filter: blur(50px);
  opacity: 0.2;
  will-change: transform;
  pointer-events: none;
  width: 218px;
  height: 218px;
  border-radius: 50%;
  position: absolute;
  top: -13px;
  left: 982px;
}
.single-feature-container_088ba .video-container_088ba {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_088ba .video-container_088ba .video_088ba {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
.single-feature-container_088ba .play_088ba {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(https://portal.volccdn.com/obj/volcfe/charity/play_v2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.single-feature-container_088ba .image-container_088ba {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_088ba .image-container_088ba img {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .single-feature-container_088ba .bg-circle-left_088ba {
    display: none;
  }
  .single-feature-container_088ba .bg-circle-right_088ba {
    display: none;
  }
  .single-feature-container_088ba .video-container_088ba {
    width: 100%;
  }
  .single-feature-container_088ba .video-container_088ba .video_088ba {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
  .single-feature-container_088ba .play_088ba {
    width: 40px;
    height: 40px;
  }
  .single-feature-container_088ba .image-container_088ba {
    width: 100%;
  }
  .single-feature-container_088ba .image-container_088ba img {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-feature-container_088ba .bg-circle-left_088ba {
    display: none;
  }
  .single-feature-container_088ba .bg-circle-right_088ba {
    display: none;
  }
  .single-feature-container_088ba .video-container_088ba {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_088ba .video-container_088ba .video_088ba {
    width: 100%;
    height: unset;
  }
  .single-feature-container_088ba .play_088ba {
    width: 40px;
    height: 40px;
  }
  .single-feature-container_088ba .image-container_088ba {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_088ba .image-container_088ba img {
    width: 100%;
    height: unset;
  }
}
@media screen and (min-width: 1680px) {
  .single-feature-container_088ba .bg-circle-left_088ba {
    top: 26px;
    left: 174px;
  }
  .single-feature-container_088ba .bg-circle-right_088ba {
    top: -13px;
    left: 1049px;
  }
  .single-feature-container_088ba .video-container_088ba {
    width: 1440px;
  }
  .single-feature-container_088ba .image-container_088ba {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Partners/index_module.css */
.partners_6ac03 {
  flex-wrap: wrap;
  justify-content: space-between;
}
.partners_6ac03 img {
  width: 288px;
  height: 54px;
  flex-shrink: 0;
  object-fit: contain;
}
.partners_6ac03 img:nth-child(n+6) {
  margin-top: 32px;
}
@media screen and (max-width: 1679px) {
  .partners_6ac03 img {
    width: 240px;
  }
}
@media screen and (max-width: 1023px) {
  .partners_6ac03 {
    justify-content: center;
  }
  .partners_6ac03 img {
    width: 25%;
    height: 37px;
  }
  .partners_6ac03 img:nth-child(n+5) {
    margin-top: 43px;
  }
}
@media screen and (max-width: 767px) {
  .partners_6ac03 {
    justify-content: space-between;
  }
  .partners_6ac03 img {
    width: 50%;
    height: 37px;
  }
  .partners_6ac03 img:nth-child(n+3) {
    margin-top: 24px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MktAppbar/index_module.css */
@font-face {
  font-family: "Byte Sans";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/ByteSans-Bold.ttf);
}
.mkt-appbar-body_884ca #appbar {
  display: none;
}
.top-bar_884ca {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PingFang SC;
  padding: 0 32px 0 34px;
  position: fixed;
  z-index: 1001;
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, white, white), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  transition: transform 0.2s ease;
  box-sizing: border-box;
}
.top-bar_884ca[data-hidden=true] {
  transform: translateY(-100%);
}
@media (max-width: 1023px) {
  .top-bar_884ca {
    height: 40px;
    padding: 0 20px 0 16px;
  }
}
.logo-link_884ca {
  height: 100%;
  display: block;
}
.logo_884ca {
  cursor: pointer;
  object-fit: contain;
  display: block;
  height: 100%;
  width: 100px;
}
@media (max-width: 1023px) {
  .logo_884ca {
    width: 90px;
  }
}
.dial-wrap_884ca {
  display: flex;
  align-items: center;
  height: 100%;
}
.dial-text_884ca {
  color: #42464e;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .dial-text_884ca {
    font-size: 10px;
  }
}
.phone-number_884ca {
  font-family: "Byte Sans";
  font-size: 18px;
  color: #1664FF;
  text-decoration: none;
  padding: 4px 0;
}
@media (max-width: 1023px) {
  .phone-number_884ca {
    font-size: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MktFooter/index_module.css */
.mkt-footer-body_b2d4f #app-footer #volcfe-footer .volcfe-footer-adv-pc,
.mkt-footer-body_b2d4f #app-footer #volcfe-footer .volcfe-footer-adv-mob,
.mkt-footer-body_b2d4f #app-footer #volcfe-footer .volcfe-footer-pc,
.mkt-footer-body_b2d4f #app-footer #volcfe-footer .volcfe-footer-mobile {
  display: none;
}
.arco-affix-outer_b2d4f .arco-affix {
  z-index: 600;
}
.mkt-footer_b2d4f {
  width: 100%;
  min-width: 1200px;
  height: 80px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 264px;
}
.mkt-footer_b2d4f,
.mkt-footer_b2d4f * {
  box-sizing: border-box;
}
.mkt-footer_b2d4f a,
.mkt-footer_b2d4f a:link,
.mkt-footer_b2d4f a:visited,
.mkt-footer_b2d4f a:hover,
.mkt-footer_b2d4f a:active {
  text-decoration: none;
  color: inherit;
}
.mkt-footer_b2d4f .footer-text-container_b2d4f .text-line_b2d4f {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f {
  width: 385px;
  height: 50px;
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .arco-input-group .arco-input-inner-wrapper {
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 4px 4px 4px 16px;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .arco-input-group .arco-input-inner-wrapper .arco-input {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .arco-input-group .arco-input-inner-wrapper .arco-input::placeholder {
  color: #86909C;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .footer-button-pc_b2d4f {
  display: block;
  height: 42px;
  padding: 0 24px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  letter-spacing: 0.003em;
  color: #FFFFFF;
  background-color: #1664FF;
  border-radius: 2px;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .footer-button-pc_b2d4f:hover {
  background-color: #4281FF;
}
.mkt-footer_b2d4f .footer-contact-container-pc_b2d4f .footer-input-pc_b2d4f .footer-button-pc_b2d4f:active {
  background-color: #0055FF;
}
.mkt-footer_b2d4f .footer-contact-container-mobile_b2d4f {
  display: none;
}
@media screen and (max-width: 1023.99999px) {
  .mkt-footer_b2d4f {
    min-width: unset;
    height: 58px;
    padding: 0 32px;
  }
  .mkt-footer_b2d4f .footer-text-container_b2d4f .text-line_b2d4f {
    font-size: 12px;
    line-height: 17px;
  }
  .mkt-footer_b2d4f .footer-contact-container-pc_b2d4f {
    display: none;
  }
  .mkt-footer_b2d4f .footer-contact-container-mobile_b2d4f {
    display: block;
  }
  .mkt-footer_b2d4f .footer-contact-container-mobile_b2d4f .footer-button-mobile_b2d4f {
    display: block;
    width: 110px;
    height: 32px;
    padding: 0 26px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.003em;
    color: #226CFF;
    background-color: #FFFFFF;
    border-radius: 2px;
  }
}
@media screen and (min-width: 1680px) {
  .mkt-footer_b2d4f {
    padding: 0 464px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/EcoPanorama/index_module.css */
.container_c4ff4 {
  padding-top: 80px;
  font-family: "PingFang SC";
  position: relative;
}
.title_c4ff4 {
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
  color: #181818;
  text-align: center;
  margin: 0;
}
.lottie-container_c4ff4 {
  position: relative;
  width: 100%;
  height: 560px;
}
.lottie-svg_c4ff4 {
  width: 100%;
  height: 100%;
}
.lottie-cover_c4ff4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .container_c4ff4 {
    padding-top: 48px;
  }
  .title_c4ff4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
  }
  .lottie-container_c4ff4 {
    height: 330px;
  }
}
@media screen and (max-width: 767px) {
  .lottie-scroll-container_c4ff4 {
    width: 100%;
    text-align: center;
    overflow-x: auto;
  }
  .lottie-container_c4ff4 {
    display: inline-block;
    height: 240px;
    width: 500px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/index_module.css */
.feat-panorama_8fe8a {
  display: block;
}
.pc_8fe8a {
  display: block;
}
.pad_8fe8a {
  display: none;
}
.mobile_8fe8a {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_8fe8a {
    display: none;
  }
  .mobile_8fe8a {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pc_8fe8a {
    display: none;
  }
  .pad_8fe8a {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/index_module.css */
.feat-panorama_13528 {
  width: 100%;
  height: 760px;
  position: relative;
  background-color: #fafcff;
}
.bg_13528 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bg_13528 > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/Card/index_module.css */
.card_65a1a {
  position: absolute;
  margin-left: 120px;
  margin-top: 120px;
  width: 316px;
}
.title_65a1a {
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
  color: #181818;
}
.scenes_65a1a {
  margin-top: 42px;
  position: relative;
  margin-left: 20px;
  height: 262px;
}
.marker-rail_65a1a {
  width: 1px;
  background: #e7eaef;
  position: absolute;
  top: -8px;
  left: -16px;
  bottom: -6px;
}
.marker_65a1a {
  width: 3px;
  background: #1664ff;
  position: absolute;
  top: 1px;
  left: -17px;
  height: 22px;
}
.scenes-title_65a1a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.003em;
  color: #1d2129;
  cursor: pointer;
  transition: color 0.2s;
}
.scenes-title_65a1a.active_65a1a {
  color: #1664ff;
}
.scenes-title_65a1a:hover {
  color: #1664ff;
}
.scenes-desc_65a1a {
  font-size: 14px;
  line-height: 22px;
  color: #454646;
  margin-top: 9px;
}
.scene_65a1a {
  position: relative;
}
.scene__title_65a1a {
  margin-top: 18px;
  margin-left: 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #1d2129;
  cursor: pointer;
  transition: color 0.2s;
}
.scene__title_65a1a:hover {
  color: #1664ff;
}
.scene__title_65a1a.active_65a1a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1664ff;
}
.scene__desc_65a1a {
  font-size: 14px;
  line-height: 22px;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 8px;
  margin-bottom: 18px;
  margin-left: 12px;
}
.contact-btn_65a1a.arco-btn {
  border-radius: 5px;
  margin-top: 70px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: 158px;
  height: 50px;
}
@media screen and (min-width: 1680px) {
  .card_65a1a {
    margin-left: 240px;
  }
}
@media screen and (max-width: 1439px) {
  .card_65a1a {
    margin-left: 60px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/Scene/index_module.css */
.container_b118b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bg-grid_b118b {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lottie-container_b118b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lottie-container_b118b svg {
  display: block;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/TopRightBtns/index_module.css */
.top-right-btns_061cb {
  position: absolute;
  top: 60px;
  right: 90px;
  display: flex;
}
.button_061cb {
  width: 48px;
  height: 48px;
  background: #ffffff;
  box-shadow: 0px 15px 35px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  cursor: pointer;
  color: #737a87;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.button_061cb:hover {
  color: #1664ff;
}
.button_061cb.disabled_061cb {
  color: #c7ccd6;
  cursor: default;
  pointer-events: none;
}
.button_061cb.active_061cb {
  color: #1664ff;
}
.button__home_061cb {
  margin-right: 24px;
}
.button__up_061cb {
  margin-right: 12px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/Popup/index_module.css */
.popup_6c747 {
  color: #42464e;
  font-size: 14px;
  font-family: "PingFang SC";
  line-height: 22px;
  letter-spacing: 0.042px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  cursor: pointer;
}
.popup_6c747:hover .rect_6c747,
.popup_6c747.is-hover_6c747 .rect_6c747 {
  color: #1664ff;
}
.popup-round_6c747 {
  cursor: default;
}
.appear_6c747 {
  opacity: 0;
}
.appear-active_6c747 {
  transition: opacity 0.2s;
  opacity: 1;
}
.rect_6c747 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7.725px 11.588px;
  border-radius: 3.863px;
  border: 0.483px solid #dde2e9;
  background: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
  transition: color 0.2s;
}
.arrow_6c747 svg {
  position: relative;
  top: -2px;
  display: block;
}
.round_6c747 {
  display: flex;
  padding: 3.862px 11.587px;
  justify-content: center;
  align-items: center;
  border-radius: 96.558px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
  transition: color 0.2s;
}
.stick_6c747 {
  height: 25px;
  width: 1px;
  background: linear-gradient(180deg, #cfd1e8 0%, rgba(231, 232, 245, 0) 100%);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PCRender/HotSpot/index_module.css */
.hot-spot_3d97c {
  cursor: pointer;
  position: absolute;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/PadRender/index_module.css */
.container_6a84d {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.container_6a84d,
.container_6a84d * {
  box-sizing: border-box;
}
.card_6a84d {
  height: 100%;
  background-color: #f8f9fe;
  border-radius: 8px;
  padding: 45px 0 23px;
  display: flex;
  flex-direction: column;
}
.card_6a84d .card-top_6a84d {
  flex: none;
  height: 100px;
  padding: 0 25px;
}
.card_6a84d .card-top_6a84d .card-title_6a84d {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
}
.card_6a84d .card-top_6a84d .card-des_6a84d {
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4e5969;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card_6a84d .card-top_6a84d .card-link_6a84d {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}
.card_6a84d .card-top_6a84d .card-link_6a84d .card-link-a_6a84d {
  flex: none;
  display: block;
}
.card_6a84d .card-top_6a84d .card-link_6a84d .card-link-a_6a84d .card-link-panel_6a84d {
  display: inline-flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.card_6a84d .card-top_6a84d .card-link_6a84d .card-link-a_6a84d .card-link-panel_6a84d .link-arrow_6a84d {
  flex: none;
  margin-left: 5px;
}
.card_6a84d .card-top_6a84d .card-link_6a84d .card-link-a_6a84d .card-link-panel_6a84d .link-arrow_6a84d svg {
  height: 14px;
  width: 14px;
}
.card_6a84d .card-bottom_6a84d {
  flex: none;
  margin-top: 12px;
  width: 100%;
  font-size: 0;
}
.card_6a84d .card-bottom_6a84d img {
  width: 100%;
  padding: 0 18px;
  box-sizing: border-box;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/FeatPanorama/MobileRender/index_module.css */
.service-mobile-container_cee71 {
  width: 100%;
}
.service-mobile-collapse_cee71 .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #f8f9fe;
  border: unset;
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-content {
  background-color: #f8f9fe;
}
.service-mobile-collapse_cee71 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.service-mobile-collapse_cee71 .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.service-mobile-collapse_cee71 .mobile-tab-title_cee71 {
  margin: unset;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.service-mobile-collapse_cee71 .service-mobile-tab_cee71 {
  padding: 0 16px 16px;
}
.service-mobile-collapse_cee71 .service-mobile-tab_cee71 .mobile-tab-image_cee71 {
  width: 100%;
  font-size: 0;
}
.service-mobile-collapse_cee71 .service-mobile-tab_cee71 .mobile-tab-image_cee71 img {
  width: 100%;
}
.service-mobile-collapse_cee71 .service-mobile-tab_cee71 .mobile-tab-des_cee71 {
  margin-top: 12px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MAAS/Banner/index_module.css */
body {
  overscroll-behavior: none;
}
.maas-banner_7c981 {
  font-family: "PingFang SC";
  min-width: 1200px;
  height: 580px;
  position: relative;
  background-color: white;
}
.maas-banner_7c981,
.maas-banner_7c981 * {
  box-sizing: border-box;
}
.maas-banner_7c981 a,
.maas-banner_7c981 a:link,
.maas-banner_7c981 a:visited,
.maas-banner_7c981 a:hover,
.maas-banner_7c981 a:active {
  text-decoration: none;
}
.image-container_7c981 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-container_7c981 > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-pc_7c981 {
  display: block;
}
.image-pad_7c981 {
  display: none;
}
.image-mobile_7c981 {
  display: none;
  padding-top: 48px;
}
.content_7c981 {
  position: relative;
  padding-top: 152px;
  padding-left: 120px;
}
.title_7c981 {
  color: #282828;
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0.084px;
}
.sub-title_7c981 {
  margin-top: 16px;
  color: #282828;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.056px;
}
.desc-arr_7c981 {
  margin-top: 20px;
}
.show-on-pad_7c981 {
  display: none;
}
.desc-row_7c981 {
  margin-top: 7px;
}
.icon_7c981 {
  margin-right: 6px;
  font-size: 0;
  display: inline-block;
  vertical-align: -4px;
}
.desc_7c981 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.032px;
}
@media (min-width: 768px) {
  .button-list_7c981 {
    display: flex;
  }
}
.button_7c981 {
  margin-top: 40px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: 158px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: unset;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
@media (min-width: 768px) {
  .button_7c981:not(:first-child) {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .button_7c981:not(:first-child) {
    margin-top: 16px;
  }
}
.button_7c981.primary_7c981 {
  color: white;
  background-color: #1664ff;
}
.button_7c981.primary_7c981:hover {
  background-color: rgb(64, 134, 255);
}
.button_7c981.secondary_7c981 {
  background-color: white;
  border: 1px solid white;
  box-shadow: 0 3px 8px rgba(46, 70, 146, 0.15);
}
.button_7c981.secondary_7c981:hover {
  border: 1px solid #4281fd;
  background-color: #f6f8fa;
}
@media screen and (max-width: 1023px) {
  .image-pc_7c981 {
    display: none;
  }
  .image-pad_7c981 {
    display: block;
  }
  .maas-banner_7c981 {
    min-width: unset;
    height: 300px;
  }
  .content_7c981 {
    padding-top: 82px;
    padding-left: 42px;
  }
  .title_7c981 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.056px;
  }
  .sub-title_7c981 {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.032px;
  }
  .desc-arr_7c981 {
    margin-top: 10.4px;
  }
  .show-on-pad_7c981 {
    display: block;
  }
  .hide-on-pad_7c981 {
    display: none;
  }
  .desc-row_7c981 {
    margin-top: 8.6px;
  }
  .desc_7c981 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.028px;
  }
  .icon_7c981 {
    margin-right: 8px;
  }
  .icon_7c981 > svg {
    width: 16px;
    height: 16px;
  }
  .button_7c981 {
    margin-top: 16px;
    width: 94.8px;
    height: 30.4px;
    font-size: 9.6px;
    line-height: 15.6px;
    letter-spacing: 0.096px;
  }
}
@media screen and (max-width: 767px) {
  .maas-banner_7c981 {
    height: unset;
  }
  .image-container_7c981 {
    position: relative;
    height: unset;
  }
  .image-container_7c981 > img {
    height: unset;
  }
  .image-pad_7c981 {
    display: none;
  }
  .image-mobile_7c981 {
    display: block;
  }
  .content_7c981 {
    padding: 30px 24px 28px 24px;
    display: flex;
    flex-direction: column;
  }
  .title_7c981 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.048px;
    align-self: center;
  }
  .sub-title_7c981 {
    display: none;
  }
  .desc-arr_7c981 {
    margin-top: 28px;
  }
  .desc-row_7c981 {
    margin-top: 8px;
  }
  .desc-row_7c981:first-child {
    margin-top: 0;
  }
  .button_7c981 {
    margin-top: 36px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SafetyTrust/index_module.css */
.container_1c070 {
  display: flex;
  font-family: "PingFang SC";
  align-items: center;
}
.safety-trust_1c070 > div:first-child > div {
  padding: 0 24px;
}
.items-and-button_1c070 {
  flex: auto;
  margin-left: 30px;
}
.item_1c070 {
  margin-top: 40px;
}
.item_1c070:first-child {
  margin-top: 0;
}
.item__title_1c070 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.003em;
  color: #181818;
  margin-bottom: 24px;
}
.item__desc_1c070 {
  margin-top: 6px;
  display: flex;
  align-items: start;
}
.item__desc__text_1c070 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.003em;
  text-align: left;
  color: #4e5969;
}
.yes-icon_1c070 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: 2px;
  background-color: rgba(21, 98, 255, 0.1);
}
.yes-icon_1c070 img {
  width: 10px;
  height: 10px;
  display: block;
}
.button_1c070.arco-btn {
  border-radius: 4px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.01em;
  width: 128px;
  height: 50px;
}
.image_1c070 {
  flex: none;
  width: 630px;
}
.image_1c070 > img {
  width: 100%;
}
@media screen and (min-width: 1680px) {
  .items-and-button_1c070 {
    margin-left: 50px;
  }
  .image_1c070 {
    margin-right: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .container_1c070 {
    margin-top: 0;
  }
  .image_1c070 {
    width: 460px;
  }
  .button_1c070 {
    display: none;
  }
  .items-and-button_1c070 {
    margin-left: 0;
  }
  .item_1c070 {
    margin-top: 10px;
  }
  .item__title_1c070 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .item__desc_1c070 {
    margin-top: 4px;
  }
  .item__desc__text_1c070 {
    width: 260px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .container_1c070 {
    flex-direction: column-reverse;
    align-items: start;
  }
  .items-and-button_1c070 {
    margin-top: 20px;
  }
  .item__desc__text_1c070 {
    width: unset;
  }
  .image_1c070 {
    width: 100%;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Logos/index_module.css */
.pc_b18f3 {
  display: block;
}
.mobile_b18f3 {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_b18f3 {
    display: none;
  }
  .mobile_b18f3 {
    display: block;
  }
}
.wrap_b18f3 {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.wrap_b18f3 * {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.box_b18f3 {
  padding: 0 2px 4px;
}
.card_b18f3 {
  width: 100%;
  padding: 36px 16px;
  position: relative;
  background-color: #fff;
}
.logo_b18f3 {
  width: 100%;
  margin: 0 auto;
  max-width: 224px;
}
.logo_b18f3 img {
  width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .box_b18f3 {
    padding: 0 8px 16px;
  }
  .card-mob_b18f3 {
    padding: 12px 10px;
    background-color: #fff;
  }
  .card-mob_b18f3 .logo-mob_b18f3 {
    width: 100%;
    margin: 0 auto;
    max-width: 188px;
  }
  .card-mob_b18f3 .logo-mob_b18f3 img {
    width: 100%;
    object-fit: contain;
  }
  .card_b18f3:not(:last-child) {
    margin-right: unset;
    margin-bottom: 26px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ActivityBanner/index_module.css */
.banner-container_a965e {
  position: relative;
  height: 460px;
  min-width: 1200px;
  width: 100%;
}
.banner-image-container_a965e {
  position: absolute;
  width: 100%;
  height: 100%;
}
.banner-image-big_a965e {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-image-normal_a965e {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-small_a965e {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-mobile_a965e {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-img_a965e {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-content-container_a965e {
  width: 1440px;
  margin: 0 auto;
  padding-top: 146px;
  position: relative;
  box-sizing: border-box;
}
.logo_a965e {
  height: 24px;
  object-fit: contain;
}
.title_a965e {
  margin: unset;
  margin-top: 10px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0.03em;
  color: #020814;
}
.desc_a965e {
  margin-top: 10px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #020814;
  opacity: 0.6;
}
.buttons_a965e {
  margin-top: 40px;
}
.buttons_a965e a,
.buttons_a965e a:link,
.buttons_a965e a:visited,
.buttons_a965e a:hover,
.buttons_a965e a:active {
  text-decoration: none;
  color: inherit;
}
.buttons_a965e button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  background: #1664FF;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  padding: 12px 38.5px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
@media screen and (max-width: 1679px) {
  .banner-image-big_a965e {
    display: none;
  }
  .banner-image-normal_a965e {
    display: block;
  }
  .banner-content-container_a965e {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .banner-container_a965e {
    min-width: unset;
  }
  .banner-image-normal_a965e {
    display: none;
  }
  .banner-image-small_a965e {
    display: block;
  }
  .banner-content-container_a965e {
    width: 100%;
    margin: unset;
    padding: 0 50px;
    padding-top: 115px;
  }
  .logo_a965e {
    height: 18px;
  }
  .title_a965e {
    margin-top: 8px;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 0.002em;
    color: #282828;
  }
  .desc_a965e {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #4E5969;
    opacity: 1;
  }
  .buttons_a965e {
    margin-top: 32px;
  }
  .buttons_a965e button {
    padding: 9px 16px;
  }
}
@media screen and (max-width: 767px) {
  .banner-image-small_a965e {
    display: none;
  }
  .banner-image-mobile_a965e {
    display: block;
  }
  .banner-content-container_a965e {
    padding: 0 24px;
    padding-top: 88px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Resource/index_module.css */
.items-container_b0fb8 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.items-container_b0fb8 a,
.items-container_b0fb8 a:link,
.items-container_b0fb8 a:visited,
.items-container_b0fb8 a:hover,
.items-container_b0fb8 a:active {
  text-decoration: none;
  color: inherit;
}
.item_b0fb8 {
  display: block;
  padding: 32px;
  width: 467px;
  height: 124px;
  background: #FFFFFF;
  border: 1px solid #DDE2E9;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.item_b0fb8 h3 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.003em;
  color: #020814;
  margin: unset;
}
.item_b0fb8:nth-child(n+4) {
  margin-top: 20px;
}
.item_b0fb8:hover {
  box-shadow: 0px 15px 35px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.item_b0fb8:hover h3 {
  color: #1664FF;
}
.item_b0fb8 img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.desc_b0fb8 {
  margin-top: 8px;
  height: 24px;
  width: 327px;
  word-wrap: break-word;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.003em;
  color: #80838A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 1679px) {
  .item_b0fb8 {
    width: 387px;
  }
  .desc_b0fb8 {
    width: 247px;
  }
}
@media screen and (max-width: 1023px) {
  .items-container_b0fb8 {
    flex-direction: column;
  }
  .item_b0fb8 {
    width: 100%;
    justify-content: flex-start;
  }
  .item_b0fb8:nth-child(n+2) {
    margin-top: 20px;
  }
  .item_b0fb8 img {
    margin-right: 16px;
  }
  .item_b0fb8 > div {
    width: 0;
    flex: 1 1;
  }
  .desc_b0fb8 {
    width: unset;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCard/index_module.css */
.cardContainer_d2c1f {
  position: relative;
  width: 345px;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 20px 20px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}
.cardContainer_d2c1f .divider_d2c1f {
  width: 100%;
  height: 1px;
  background: #E4E4E4;
}
.cardContainer_d2c1f .divider_d2c1f.marginTop_d2c1f {
  margin-top: 12px;
}
.cardContainer_d2c1f:hover {
  background: linear-gradient(163.92deg, #E9EFFF -19.63%, #FFFFFF 41.05%);
  box-shadow: 0px 12px 20px rgba(20, 14, 53, 0.1);
  transition: box-shadow 0.3s;
}
.cardContainer_d2c1f .badge_d2c1f {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 75px;
  height: 22px;
  text-align: right;
  padding-right: 11px;
  background: linear-gradient(270deg, #F71510 0%, #FF7C53 107.82%);
  border-radius: 0 0 0 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(//portal.volccdn.com/obj/volcfe/activity/cdn2023/card-badge.png);
  transform: translateY(-1px);
}
.cardContainer_d2c1f .badge_d2c1f .text_d2c1f {
  position: relative;
  height: 100%;
  z-index: 1;
  color: #FFF;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
}
.cardContainer_d2c1f .title_d2c1f {
  min-height: 20px;
  font-size: 22px;
  line-height: 20px;
  font-weight: 500;
  color: #333;
}
.cardContainer_d2c1f .description_d2c1f {
  margin-top: 12px;
  font-size: 12px;
  line-height: 20px;
  max-height: 40px;
  color: #666;
  font-weight: 400;
  overflow: hidden;
}
.cardContainer_d2c1f .goodsSelector_d2c1f {
  margin-top: 12px;
  box-sizing: border-box;
  border: 1px solid #EFF2FA;
  padding: 8px 38px 8px 20px;
  position: relative;
  height: 38px;
  background: #EFF2FA;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
}
.cardContainer_d2c1f .goodsSelector_d2c1f.open_d2c1f {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cardContainer_d2c1f .goodsSelector_d2c1f:hover {
  border: 1px solid #1664FF;
}
.cardContainer_d2c1f .goodsSelectorText_d2c1f {
  box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #333333;
}
.cardContainer_d2c1f .goodsSelectorParam_d2c1f {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #333333;
  opacity: 0.3;
}
.cardContainer_d2c1f .goodsSelectorArrow_d2c1f {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.cardContainer_d2c1f .goodsSelectorMenu_d2c1f {
  background: #FFFFFF;
  z-index: 100;
  width: 100%;
  position: absolute;
  top: 38px;
  left: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  max-height: 171px;
  overflow-y: auto;
  scrollbar-width: 3px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
}
.cardContainer_d2c1f .goodsSelectorMenu_d2c1f::-webkit-scrollbar {
  width: 3px;
}
.cardContainer_d2c1f .goodsSelectorMenu_d2c1f::-webkit-scrollbar-thumb {
  background-color: #a0a0a0;
}
.cardContainer_d2c1f .goodsMenuItem_d2c1f {
  width: 100%;
  height: 38px;
  padding: 8px 38px 8px 20px;
  display: flex;
  justify-content: space-between;
}
.cardContainer_d2c1f .goodsMenuItem_d2c1f:hover {
  background: #E8F0FF;
}
.cardContainer_d2c1f .params_d2c1f {
  display: flex;
  margin-top: 24px;
  padding: 0 8px;
}
.cardContainer_d2c1f .params_d2c1f .param_d2c1f {
  flex: 1 1;
}
.cardContainer_d2c1f .params_d2c1f .param_d2c1f .title_d2c1f {
  font-weight: 500;
  font-size: 22px;
  line-height: 16px;
  color: #333333;
}
.cardContainer_d2c1f .params_d2c1f .param_d2c1f .text_d2c1f {
  margin-top: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #474747;
}
.cardContainer_d2c1f .goodsAdvantages_d2c1f {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cardContainer_d2c1f .goodsAdvantages_d2c1f .goodsAdvantage_d2c1f {
  margin-top: 10px;
  height: 18px;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.cardContainer_d2c1f .goodsAdvantages_d2c1f .goodsAdvantage_d2c1f .goodsAdvantageIcon_d2c1f {
  width: 12px;
  margin-right: 6px;
}
.cardContainer_d2c1f .goodsAdvantages_d2c1f .goodsAdvantage_d2c1f .goodsAdvantageText_d2c1f {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #474747;
}
.cardContainer_d2c1f .goodsAdvantages_d2c1f .goodsAdvantage_d2c1f:first-child {
  margin-top: 12px;
}
.cardContainer_d2c1f .tags_d2c1f {
  margin-top: 16px;
}
.cardContainer_d2c1f .tags_d2c1f .tag_d2c1f {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  box-sizing: border-box;
  margin-right: 8px;
  padding: 0 6px;
  border: 1px solid rgba(219, 55, 63, 0.3);
  font-weight: 400;
  font-size: 12px;
  color: #DB373F;
  border-radius: 4px;
}
.cardContainer_d2c1f .currentPrice_d2c1f {
  margin-top: 8px;
  height: 32px;
  color: #F50505;
  display: flex;
  align-items: baseline;
}
.cardContainer_d2c1f .currentPrice_d2c1f .symbol_d2c1f {
  font-weight: 600;
  font-size: 18px;
}
.cardContainer_d2c1f .currentPrice_d2c1f .int_d2c1f {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
}
.cardContainer_d2c1f .currentPrice_d2c1f .decimals_d2c1f {
  font-weight: 600;
  font-size: 24px;
}
.cardContainer_d2c1f .currentPrice_d2c1f .unit_d2c1f {
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  color: #474747;
  margin-left: 6px;
}
.cardContainer_d2c1f .originalPrice_d2c1f {
  text-decoration: line-through;
  margin-top: 7px;
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #B5B5B5;
}
.cardContainer_d2c1f .goodsButtons_d2c1f {
  display: flex;
  margin-top: 12px;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .pad_d2c1f {
  width: 11px;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f {
  flex: 1 1;
  height: 44px;
  letter-spacing: 0.02em;
  line-height: 42px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f.btnLoading_d2c1f {
  cursor: default;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f.detailBtn_d2c1f {
  border: 1px solid;
  color: #1664FF;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f.detailBtn_d2c1f:hover {
  opacity: 0.7;
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f:last-child {
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  color: #fff;
  background: linear-gradient(54.69deg, #1664FF 32.77%, #6D9FFF 93.5%);
}
.cardContainer_d2c1f .goodsButtons_d2c1f .goodsButton_d2c1f:last-child:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1679px) {
  .cardContainer_d2c1f {
    width: 285px;
  }
}
@media screen and (max-width: 1023px) {
  .cardContainer_d2c1f {
    width: 100%;
  }
  .cardContainer_d2c1f .goodsSelector_d2c1f.open_d2c1f {
    filter: none;
  }
  .cardContainer_d2c1f .goodsSelectorMenu_d2c1f {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  }
  .cardContainer_d2c1f .priceHelper_d2c1f .currentPrice_d2c1f .symbol_d2c1f {
    font-size: 14px;
    line-height: 20px;
  }
  .cardContainer_d2c1f .priceHelper_d2c1f .currentPrice_d2c1f .int_d2c1f {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
  }
  .cardContainer_d2c1f .priceHelper_d2c1f .currentPrice_d2c1f .decimals_d2c1f {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
  .cardContainer_d2c1f .priceHelper_d2c1f .currentPrice_d2c1f .unit_d2c1f {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .cardContainer_d2c1f .priceHelper_d2c1f .originalPrice_d2c1f {
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductMultCard/index_module.css */
.cardContainer_1f36d {
  position: relative;
  width: 345px;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 20px 20px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}
.cardContainer_1f36d .divider_1f36d {
  width: 100%;
  height: 1px;
  background: #E4E4E4;
}
.cardContainer_1f36d .divider_1f36d.marginTop_1f36d {
  margin-top: 12px;
}
.cardContainer_1f36d:hover {
  background: linear-gradient(163.92deg, #E9EFFF -19.63%, #FFFFFF 41.05%);
  box-shadow: 0px 12px 20px rgba(20, 14, 53, 0.1);
  transition: box-shadow 0.3s;
}
.cardContainer_1f36d .badge_1f36d {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 75px;
  height: 22px;
  text-align: right;
  padding-right: 11px;
  background: linear-gradient(270deg, #F71510 0%, #FF7C53 107.82%);
  border-radius: 0 0 0 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(//portal.volccdn.com/obj/volcfe/activity/cdn2023/card-badge.png);
  transform: translateY(-1px);
}
.cardContainer_1f36d .badge_1f36d .text_1f36d {
  position: relative;
  height: 100%;
  z-index: 1;
  color: #FFF;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
}
.cardContainer_1f36d .title_1f36d {
  min-height: 20px;
  font-size: 22px;
  line-height: 20px;
  font-weight: 500;
  color: #333;
}
.cardContainer_1f36d .description_1f36d {
  margin-top: 12px;
  font-size: 12px;
  line-height: 20px;
  max-height: 40px;
  color: #666;
  font-weight: 400;
  overflow: hidden;
}
.cardContainer_1f36d .options_1f36d .option_1f36d {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
}
.cardContainer_1f36d .options_1f36d .option_1f36d .optionTitle_1f36d {
  display: block;
  flex: 0 0 65px;
  width: 65px;
  height: 38px;
  font-weight: 400;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 0.003em;
  color: #80838A;
}
.cardContainer_1f36d .options_1f36d .option_1f36d .optionText_1f36d {
  flex: 1 1;
  padding: 8px 38px 8px 20px;
  position: relative;
  height: 38px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #333333;
}
.cardContainer_1f36d .goodsSelector_1f36d {
  flex: 1 1;
  box-sizing: border-box;
  padding: 8px 38px 8px 20px;
  border: 1px solid #EFF2FA;
  position: relative;
  height: 38px;
  background: #EFF2FA;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
}
.cardContainer_1f36d .goodsSelector_1f36d.open_1f36d {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cardContainer_1f36d .goodsSelector_1f36d:hover {
  border: 1px solid #1664FF;
}
.cardContainer_1f36d .goodsSelectorText_1f36d {
  box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #333333;
}
.cardContainer_1f36d .goodsSelectorParam_1f36d {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #333333;
  opacity: 0.3;
}
.cardContainer_1f36d .goodsSelectorArrow_1f36d {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.cardContainer_1f36d .goodsSelectorMenu_1f36d {
  background: #FFFFFF;
  z-index: 100;
  width: 100%;
  position: absolute;
  top: 38px;
  left: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  max-height: 171px;
  overflow-y: auto;
  scrollbar-width: 3px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
}
.cardContainer_1f36d .goodsSelectorMenu_1f36d::-webkit-scrollbar {
  width: 3px;
}
.cardContainer_1f36d .goodsSelectorMenu_1f36d::-webkit-scrollbar-thumb {
  background-color: #a0a0a0;
}
.cardContainer_1f36d .goodsMenuItem_1f36d {
  background: #FFF;
  width: 100%;
  height: 38px;
  padding: 8px 38px 8px 20px;
  display: flex;
  justify-content: space-between;
}
.cardContainer_1f36d .goodsMenuItem_1f36d:hover {
  background: #E8F0FF;
}
.cardContainer_1f36d .params_1f36d {
  display: flex;
  margin-top: 24px;
  padding: 0 8px;
}
.cardContainer_1f36d .params_1f36d .param_1f36d {
  flex: 1 1;
}
.cardContainer_1f36d .params_1f36d .param_1f36d .title_1f36d {
  font-weight: 500;
  font-size: 22px;
  line-height: 16px;
  color: #333333;
}
.cardContainer_1f36d .params_1f36d .param_1f36d .text_1f36d {
  margin-top: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #474747;
}
.cardContainer_1f36d .goodsAdvantages_1f36d {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.cardContainer_1f36d .goodsAdvantages_1f36d .goodsAdvantage_1f36d {
  margin-top: 12px;
  height: 18px;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.cardContainer_1f36d .goodsAdvantages_1f36d .goodsAdvantage_1f36d .goodsAdvantageIcon_1f36d {
  width: 12px;
  margin-right: 6px;
}
.cardContainer_1f36d .goodsAdvantages_1f36d .goodsAdvantage_1f36d .goodsAdvantageText_1f36d {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #474747;
}
.cardContainer_1f36d .tags_1f36d {
  margin-top: 16px;
}
.cardContainer_1f36d .tags_1f36d .tag_1f36d {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  box-sizing: border-box;
  margin-right: 8px;
  padding: 0 6px;
  border: 1px solid rgba(219, 55, 63, 0.3);
  font-weight: 400;
  font-size: 12px;
  color: #DB373F;
  border-radius: 4px;
}
.cardContainer_1f36d .currentPrice_1f36d {
  margin-top: 8px;
  height: 32px;
  color: #F50505;
  display: flex;
  align-items: baseline;
}
.cardContainer_1f36d .currentPrice_1f36d .symbol_1f36d {
  font-weight: 600;
  font-size: 18px;
}
.cardContainer_1f36d .currentPrice_1f36d .int_1f36d {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
}
.cardContainer_1f36d .currentPrice_1f36d .decimals_1f36d {
  font-weight: 600;
  font-size: 24px;
}
.cardContainer_1f36d .currentPrice_1f36d .unit_1f36d {
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  color: #474747;
  margin-left: 6px;
}
.cardContainer_1f36d .originalPrice_1f36d {
  text-decoration: line-through;
  margin-top: 7px;
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #B5B5B5;
}
.cardContainer_1f36d .goodsButtons_1f36d {
  display: flex;
  margin-top: 12px;
}
.cardContainer_1f36d .goodsButtons_1f36d .pad_1f36d {
  width: 11px;
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d {
  flex: 1 1;
  height: 44px;
  letter-spacing: 0.02em;
  line-height: 42px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d.btnLoading_1f36d {
  cursor: default;
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d.detailBtn_1f36d {
  border: 1px solid;
  color: #1664FF;
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d.detailBtn_1f36d:hover {
  opacity: 0.7;
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d:last-child {
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  color: #fff;
  background: linear-gradient(54.69deg, #1664FF 32.77%, #6D9FFF 93.5%);
}
.cardContainer_1f36d .goodsButtons_1f36d .goodsButton_1f36d:last-child:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1679px) {
  .cardContainer_1f36d {
    width: 285px;
  }
}
@media screen and (max-width: 1023px) {
  .cardContainer_1f36d {
    width: 100%;
  }
  .cardContainer_1f36d .goodsSelector_1f36d.open_1f36d {
    filter: none;
  }
  .cardContainer_1f36d .goodsSelectorMenu_1f36d {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  }
  .cardContainer_1f36d .priceHelper_1f36d .currentPrice_1f36d .symbol_1f36d {
    font-size: 14px;
    line-height: 20px;
  }
  .cardContainer_1f36d .priceHelper_1f36d .currentPrice_1f36d .int_1f36d {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
  }
  .cardContainer_1f36d .priceHelper_1f36d .currentPrice_1f36d .decimals_1f36d {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
  .cardContainer_1f36d .priceHelper_1f36d .currentPrice_1f36d .unit_1f36d {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .cardContainer_1f36d .priceHelper_1f36d .originalPrice_1f36d {
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/VediBanner/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
.vedi-banner-body_e1d71 {
  overscroll-behavior: none;
  min-width: 1200px;
}
.vedi-banner-body_e1d71 .volcano-engine-page-container {
  background-color: #ffffff;
}
.banner-container_e1d71 {
  min-width: 1200px;
  position: relative;
  background-color: white;
}
.banner-container_e1d71,
.banner-container_e1d71 * {
  box-sizing: border-box;
}
.banner-container_e1d71 a,
.banner-container_e1d71 a:link,
.banner-container_e1d71 a:visited,
.banner-container_e1d71 a:hover,
.banner-container_e1d71 a:active {
  text-decoration: none;
}
.banner-image-container_e1d71 {
  position: absolute;
  width: 100%;
  height: 669px;
  font-size: 0;
}
.banner-image-big_e1d71 {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-normal_e1d71 {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-image-small_e1d71 {
  display: none;
  width: 100%;
  height: 100%;
}
.banner-image-mobile_e1d71 {
  display: none;
  padding-top: 48px;
}
.banner-image-img_e1d71 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-additional-bg_e1d71 {
  position: absolute;
  top: 669px;
  height: 120px;
  width: 100%;
  background-color: #ffffff;
}
.banner-content-container_e1d71 {
  padding-top: 160px;
  margin: 0 auto;
  width: 1200px;
  height: 789px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner-title_e1d71 {
  flex: none;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 78px;
  letter-spacing: 0.002em;
  text-align: center;
  color: #282828;
  display: block;
  width: 100%;
  margin: unset;
}
.banner-des_e1d71 {
  flex: none;
  width: 495px;
  margin-top: 8px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4e5969;
  text-align: center;
}
.banner-params_e1d71 {
  flex: none;
  margin-top: 26px;
  display: flex;
}
.banner-params_e1d71 .param-panel_e1d71 + .param-panel_e1d71 {
  margin-left: 36px;
}
.banner-params_e1d71 .param-panel_e1d71 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 em {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #101010;
}
.banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 small {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #181818;
}
.banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 span {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #181818;
}
.banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 b {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #282828;
}
.banner-params_e1d71 .param-panel_e1d71 .param-name_e1d71 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #768197;
  margin-top: 2px;
  text-align: center;
}
.banner-button_e1d71 {
  flex: none;
  display: block;
  margin-top: 36px;
  width: 158px;
  height: 50px;
  background-color: #1664ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #ffffff;
}
.banner-button_e1d71:hover {
  background-color: #4281ff;
}
.banner-button_e1d71:active {
  background-color: #0055ff;
}
.banner-opcard-container-pc_e1d71 {
  display: flex;
  width: 1200px;
  position: absolute;
  top: 592px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-title_e1d71 {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.002em;
  color: #282828;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-title-tag-container_e1d71 {
  display: flex;
  align-items: center;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-tag_e1d71 {
  padding: 2px 0;
  background: #f65159;
  border-radius: 2px;
  margin-left: 6px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-tag_e1d71 > span {
  display: inline-block;
  transform: scale(0.83);
  transform-origin: center;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-des_e1d71 {
  margin-top: 7px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-button_e1d71 {
  display: block;
  width: 87px;
  height: 34px;
  margin-top: 14px;
  border: 1px solid #1664ff;
  filter: drop-shadow(0px 3px 8px rgba(46, 70, 146, 0.05));
  border-radius: 4px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #1664ff;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-button_e1d71:hover {
  color: #4281ff;
  border: 1px solid #4281ff;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-button_e1d71:active {
  color: #0055ff;
  border: 1px solid #0055ff;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-first_e1d71 {
  flex: none;
  width: 367px;
  height: 154px;
  border: 1px solid #ffffff;
  border-radius: 12px;
  box-shadow: 0px 2px 15px rgba(7, 7, 7, 0.1);
  position: relative;
  overflow: hidden;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-first_e1d71 .opcard-pc-first-bg_e1d71 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-first_e1d71 .opcard-pc-first-content_e1d71 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 23px 0 0 27px;
  width: 100%;
  height: 100%;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-others_e1d71 {
  flex: none;
  display: flex;
  width: 813px;
  height: 154px;
  margin-left: 20px;
  padding: 23px 0 0 27px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 2px 15px rgba(7, 7, 7, 0.1);
  border-radius: 12px;
}
.banner-opcard-container-pc_e1d71 .opcard-pc-others_e1d71 .opcard-pc-others-content_e1d71 {
  width: 252px;
}
.banner-opcard-container-pad_e1d71 {
  display: none;
  width: 100%;
  position: absolute;
  top: 485px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding: 0 24px;
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71 {
  display: block;
  flex: auto;
  min-width: 0;
  height: 102px;
  padding: 24px 20px;
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  transition: box-shadow 0.5s, border 0.5s;
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71 .opcard-title_e1d71 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71 .opcard-des_e1d71 {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71:hover .opcard-title_e1d71 {
  color: #1664ff;
}
.banner-opcard-container-pad_e1d71 .opcard-a-tag_e1d71 + .opcard-a-tag_e1d71 {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .vedi-banner-body_e1d71 {
    min-width: unset;
  }
  .banner-container_e1d71 {
    min-width: unset;
  }
  .banner-image-container_e1d71 {
    height: unset;
    position: unset;
  }
  .banner-image-mobile_e1d71 {
    display: block;
  }
  .banner-image-normal_e1d71 {
    display: none;
  }
  .banner-image-img_e1d71 {
    object-fit: unset;
  }
  .banner-opcard-container-pc_e1d71 {
    display: none;
  }
  .banner-opcard-container-pad_e1d71 {
    display: none;
  }
  .banner-additional-bg_e1d71 {
    display: none;
  }
  .banner-content-container_e1d71 {
    padding: 0 24px 48px;
    margin: 0;
    width: auto;
    height: auto;
  }
  .banner-title_e1d71 {
    margin-top: 30px;
    font-size: 24px;
    line-height: 34px;
  }
  .banner-des_e1d71 {
    width: 100%;
    margin-top: 12px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-params_e1d71 .param-panel_e1d71 + .param-panel_e1d71 {
    margin-left: 28px;
  }
  .banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 em {
    font-size: 28px;
    line-height: 33px;
  }
  .banner-params_e1d71 .param-panel_e1d71 .param-value_e1d71 small {
    font-size: 14px;
    line-height: 16px;
  }
  .banner-params_e1d71 .param-panel_e1d71 .param-name_e1d71 {
    font-size: 14px;
    line-height: 22px;
  }
  .banner-button_e1d71 {
    flex: none;
    margin-top: 52px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .vedi-banner-body_e1d71 {
    min-width: unset;
  }
  .banner-container_e1d71 {
    min-width: unset;
  }
  .banner-image-container_e1d71 {
    height: 536px;
  }
  .banner-image-normal_e1d71 {
    display: none;
  }
  .banner-image-small_e1d71 {
    display: block;
  }
  .banner-additional-bg_e1d71 {
    top: 536px;
    height: 63px;
  }
  .banner-content-container_e1d71 {
    padding-top: 135px;
    width: auto;
    height: 599px;
  }
  .banner-title_e1d71 {
    font-size: 32px;
    line-height: 45px;
  }
  .banner-des_e1d71 {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    width: 510px;
  }
  .banner-params_e1d71 {
    margin-top: 18px;
  }
  .banner-params_e1d71 .param-panel_e1d71 .param-name_e1d71 {
    font-size: 14px;
    line-height: 22px;
  }
  .banner-opcard-container-pc_e1d71 {
    display: none;
  }
  .banner-opcard-container-pad_e1d71 {
    display: flex;
  }
}
@media screen and (min-width: 1680px) {
  .banner-image-big_e1d71 {
    display: block;
  }
  .banner-image-normal_e1d71 {
    display: none;
  }
  .banner-content-container_e1d71 {
    width: 1440px;
  }
  .banner-opcard-container-pc_e1d71 {
    width: 1440px;
  }
  .banner-opcard-container-pc_e1d71 .opcard-pc-first_e1d71 {
    width: 475px;
  }
  .banner-opcard-container-pc_e1d71 .opcard-pc-others_e1d71 {
    width: 932px;
    margin-left: 33px;
  }
  .banner-opcard-container-pc_e1d71 .opcard-pc-others_e1d71 .opcard-pc-others-content_e1d71 {
    width: 312px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductGroup/Container/index_module.css */
.product-group_11111 {
  display: flex;
  opacity: 0.4;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: opacity cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  mix-blend-mode: darken;
}
.active_11111 {
  opacity: 1;
}
.group-left_11111 {
  position: absolute;
  left: 0;
  z-index: 1;
}
.group-right_11111 {
  position: absolute;
  right: 0;
  z-index: 1;
}
.group-center_11111 {
  overflow: hidden;
  pointer-events: none;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductLink/index_module.css */
.container_46546 {
  display: flex;
  flex-direction: column;
  color: #4e5969;
  height: 60px;
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
.container_46546.align-left_46546 {
  align-items: flex-start;
}
.container_46546.align-right_46546 {
  align-items: flex-end;
}
.container_46546::before {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #1664ff;
  position: absolute;
}
.container_46546::after {
  content: " ";
  display: block;
  opacity: 0.5;
  position: absolute;
}
.title_46546 {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  word-break: keep-all;
  white-space: nowrap;
}
.title_46546 a {
  color: inherit;
  text-decoration: none;
}
.title_46546 a:hover {
  color: #1664ff;
}
.description_46546 {
  font-size: 14px;
  line-height: 22px;
  margin-top: 2px;
  opacity: 0.6;
  word-break: keep-all;
  white-space: nowrap;
}
.container-warp_46546 {
  transition: width cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  overflow: hidden;
}
.container-warp_46546.not-active_46546 {
  width: 0;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductGroup/DataApply/index_module.css */
.data-apply-img_0e5d9 {
  width: 466px;
  height: 220px;
}
.data-apply-video_0e5d9 {
  height: 300px;
  width: 520px;
  position: absolute;
  left: 220px;
  top: 4px;
  z-index: 0;
  background-size: 466px 220px;
  background-repeat: no-repeat;
  background-position: 10px 44px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/data-apply.png);
}
.link-1_0e5d9 {
  width: 388px;
  position: absolute;
  left: 0;
  top: -132px;
  clip-path: inset(0 0 0 100%);
}
.link-1_0e5d9::before {
  left: 378px;
  bottom: 0;
}
.link-1_0e5d9::after {
  width: 378px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.link-2_0e5d9 {
  width: 340px;
  position: absolute;
  left: 0;
  top: -18px;
  clip-path: inset(0 0 0 100%);
}
.link-2_0e5d9::before {
  left: 332px;
  bottom: 18px;
}
.link-2_0e5d9::after {
  content: "";
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/left-1.svg);
  width: 332px;
  height: 20px;
  bottom: 4px;
}
.link-3_0e5d9 {
  width: 310px;
  position: absolute;
  right: 0;
  top: -170px;
  clip-path: inset(0 100% 0 0);
}
.link-3_0e5d9::before {
  right: 302px;
  bottom: 0px;
}
.link-3_0e5d9::after {
  width: 302px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.link-4_0e5d9 {
  width: 370px;
  position: absolute;
  right: 0;
  height: 88px !important;
  top: -88px;
  clip-path: inset(0 100% 0 0);
}
.link-4_0e5d9::before {
  right: 360px;
  bottom: 16px;
}
.link-4_0e5d9::after {
  content: " ";
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/right-3.svg);
  width: 362px;
  height: 10px;
  bottom: 24px;
}
.link-5_0e5d9 {
  width: 342px;
  position: absolute;
  right: 0;
  top: -4px;
  clip-path: inset(0 100% 0 0);
}
.link-5_0e5d9::before {
  right: 324px;
  bottom: 34px;
}
.link-5_0e5d9::after {
  content: " ";
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/right-2.svg);
  width: 326px;
  height: 32px;
  bottom: 4px;
}
.active_0e5d9 .link-1_0e5d9,
.active_0e5d9 .link-2_0e5d9,
.active_0e5d9 .link-3_0e5d9,
.active_0e5d9 .link-4_0e5d9,
.active_0e5d9 .link-5_0e5d9 {
  clip-path: inset(0 0 0 0);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductGroup/DataEngine/index_module.css */
.data-engine-img_80a86 {
  width: 715px;
  height: 236px;
}
.data-engine-video_80a86 {
  position: absolute;
  z-index: 0;
  left: 58px;
  top: -122px;
  width: 800px;
  background-size: 715px 236px;
  background-repeat: no-repeat;
  background-position: 46px 122px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/data-engine.png);
}
.link-7_80a86 {
  width: 270px;
  position: absolute;
  left: 0;
  top: -60px;
  clip-path: inset(0 0 0 100%);
}
.link-7_80a86::before {
  left: 260px;
  bottom: 0;
}
.link-7_80a86::after {
  width: 260px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.link-8_80a86 {
  width: 250px;
  position: absolute;
  right: 0;
  top: -150px;
  clip-path: inset(0 100% 0 0);
}
.link-8_80a86::before {
  right: 240px;
  bottom: 0px;
}
.link-8_80a86::after {
  width: 240px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.link-9_80a86 {
  width: 410px;
  position: absolute;
  right: 0;
  top: -10px;
  clip-path: inset(0 100% 0 0);
}
.link-9_80a86::before {
  right: 402px;
  bottom: 0px;
}
.link-9_80a86::after {
  width: 402px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.active_80a86 .link-7_80a86,
.active_80a86 .link-8_80a86,
.active_80a86 .link-9_80a86 {
  clip-path: inset(0 0 0 0);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductGroup/DataManage/index_module.css */
.data-manage-img_64c17 {
  width: 518px;
  height: 232px;
}
.data-manage-video_64c17 {
  position: absolute;
  z-index: 0;
  left: 176px;
  top: -70px;
  width: 600px;
  background-size: 518px 232px;
  background-repeat: no-repeat;
  background-position: 24px 72px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/data-manage.png);
}
.link-6_64c17 {
  width: 398px;
  position: absolute;
  left: 0;
  top: -42px;
  clip-path: inset(0 0 0 100%);
}
.link-6_64c17::before {
  left: 388px;
  bottom: 0;
}
.link-6_64c17::after {
  width: 388px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.active_64c17 .link-6_64c17 {
  clip-path: inset(0 0 0 0);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/ProductGroup/DataIntegrate/index_module.css */
.data-integrate-img_81b06 {
  width: 628px;
  height: 224px;
}
.data-integrate-video_81b06 {
  position: absolute;
  z-index: 0;
  left: 90px;
  top: -80px;
  width: 800px;
  background-size: 715px 255px;
  background-repeat: no-repeat;
  background-position: 18px 86px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/data-product-family/data-integrate-2.png);
}
.link-10_81b06 {
  width: 398px;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: inset(0 0 0 100%);
}
.link-10_81b06::before {
  left: 388px;
  bottom: 0;
}
.link-10_81b06::after {
  width: 388px;
  bottom: 4px;
  border-bottom: 0.5px solid #0066ff;
}
.active_81b06 .link-10_81b06 {
  clip-path: inset(0 0 0 0);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductFamily/index_module.css */
.product-family-wrap_da838 {
  width: 920px;
  margin: 0 auto;
}
.data-apply_da838 {
  padding-top: 50px;
  padding-bottom: 10px;
}
.data-engine_da838 {
  margin-top: -10px;
}
.data-integrate_da838 {
  margin-top: 10px;
}
.product-family-container_da838 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: none;
}
.product-group-anchor_da838 {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 40px;
  top: 30px;
}
.product-group-anchor_da838 .anchor-item_da838 {
  font-size: 14px;
  line-height: 20px;
  color: #959ba5;
  padding-left: 22px;
  position: relative;
  display: flex;
  align-items: center;
  margin-left: -4px;
  margin-bottom: -2px;
  margin-top: -2px;
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  cursor: pointer;
}
.product-group-anchor_da838 .anchor-item_da838::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0px;
  box-sizing: border-box;
  border: 0.5px solid #cacdd2;
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
.product-group-anchor_da838 .anchor-item_da838:hover,
.product-group-anchor_da838 .anchor-item_da838.anchor-active_da838 {
  color: #1664ff;
}
.product-group-anchor_da838 .anchor-item_da838:hover::before,
.product-group-anchor_da838 .anchor-item_da838.anchor-active_da838::before {
  background-color: #1664ff;
  border: none;
}
.product-group-anchor_da838 .divider-1_da838 {
  height: 111px;
  opacity: 0.3;
  width: 0.5px;
  background-color: #4e5969;
}
.product-group-anchor_da838 .divider-2_da838 {
  height: 199px;
  opacity: 0.3;
  width: 0.5px;
  background-color: #4e5969;
}
.product-group-anchor_da838 .divider-3_da838 {
  height: 262px;
  opacity: 0.3;
  width: 0.5px;
  background-color: #4e5969;
}
.product-group-anchor_da838 .divider-4_da838 {
  height: 250px;
  opacity: 0.3;
  width: 0.5px;
  background-color: #4e5969;
}
.product-family-container-mobile_da838 {
  width: 100%;
  overflow: auto;
  border: 1px solid #e5e6eb;
  background: #f7f7f9;
  border-radius: 8px;
}
.product-family-wrap-mobile_da838 {
  width: 718px;
  height: 400px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-family-wrap-mobile_da838 img {
  height: 370px;
}
@media (min-width: 1024px) {
  .product-family-container_da838 {
    display: block;
  }
  .product-family-container-mobile_da838 {
    display: none;
  }
}
@media (min-width: 1680px) {
  .product-family-container_da838 {
    width: 1440px;
  }
  .product-group-anchor_da838 {
    right: 70px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Trial/index_module.css */
.trial-container_42e41 {
  font-family: "PingFang SC";
}
.trial-container_42e41 > div:nth-child(2) {
  background: linear-gradient(180deg, #2548ff 0%, #1997ff 100%);
}
.trial_42e41 {
  padding-bottom: 48px;
  display: flex;
}
.trial-pad-mobile_42e41 {
  display: none;
}
.left_42e41 {
  margin-top: 64px;
}
.left_42e41 .desc2_42e41 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
}
.left_42e41 .carousel_42e41 {
  margin-top: 43px;
}
.right_42e41 {
  margin-left: 124px;
  margin-top: 50px;
  display: flex;
}
.right_42e41 .card_42e41 {
  margin-left: 20px;
}
.right_42e41 .card_42e41:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1679px) {
  .right_42e41 {
    margin-left: 64px;
  }
}
@media (max-width: 1023px) {
  .trial-container_42e41 {
    background: linear-gradient(180deg, #2548ff 0%, #1997ff 65.55%);
  }
  .trial-container_42e41 > div:nth-child(2) {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
  }
  .trial_42e41 {
    display: none;
  }
  .trial-pad-mobile_42e41 {
    display: block;
  }
  .card-mobile_42e41 {
    margin: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .trial-container_42e41 {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Trial/ProgressBar/index_module.css */
.progress-bar_d25f3 {
  width: 2px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 4px;
  bottom: 4px;
}
.filler_d25f3 {
  background: #ffffff;
  width: 2px;
  height: 0%;
  opacity: 1;
}
@keyframes progress-animation_d25f3 {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Trial/Carousel/index_module.css */
.carousel_3fe59 {
  font-family: "PingFang SC";
}
.item_3fe59 {
  position: relative;
  margin-top: 16px;
  cursor: pointer;
}
.item_3fe59:first-child {
  margin-top: 0;
}
.item__content_3fe59 {
  width: 220px;
  margin-left: 18px;
}
.item__title_3fe59 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
  opacity: 0.5;
}
.item__title_3fe59.active_3fe59 {
  opacity: 1;
}
.item__desc_3fe59 {
  margin-top: 7px;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  opacity: 0.9;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Trial/Card/index_module.css */
.card_c1d2c {
  width: 345px;
  background: #ffffff;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.15);
  border-radius: 12px;
  padding: 32px;
  position: relative;
  font-family: "PingFang SC";
}
.tag_c1d2c {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 22px;
  background-image: url(https://portal.volccdn.com/obj/volcfe/web/pages/product/vedi/icons/trial_card_tag_bg.svg);
  border-top-right-radius: 12px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
}
.title_c1d2c {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #181818;
}
.desc_c1d2c {
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-top: 10px;
}
.spec-select_c1d2c {
  margin-top: 16px;
  background: #eff2fa;
  border-radius: 4px;
  height: 40px;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #181818;
  box-sizing: border-box;
}
.spec-desc_c1d2c {
  margin-top: 20px;
}
.spec-desc__item_c1d2c {
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-top: 10px;
}
.spec-desc__item_c1d2c > svg {
  vertical-align: middle;
  margin-right: 6px;
}
.hr_c1d2c {
  height: 1px;
  background-color: #f2f2f2;
  margin-top: 20px;
}
.price-tag_c1d2c {
  border: 1px solid rgba(169, 169, 171, 0.3);
  border-radius: 2px;
  display: inline-block;
  margin-top: 9px;
  padding: 1px 8px;
  font-size: 12px;
  line-height: 18px;
  color: #4e5969;
}
.price_c1d2c {
  margin-top: 11px;
}
.price__currency_c1d2c {
  font-size: 14px;
  line-height: 22px;
  color: #f50505;
}
.price__amount_c1d2c {
  font-size: 30px;
  line-height: 20px;
  color: #f50505;
}
.price__suffix_c1d2c {
  font-size: 14px;
  line-height: 24px;
  color: #4e5969;
}
.price__save_c1d2c {
  background: #f50505;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
  color: #ffffff;
  padding: 0 2px;
  margin-left: 20px;
  vertical-align: 2px;
}
.price__save-amount_c1d2c {
  font-size: 14px;
  line-height: 22px;
  color: #86909c;
  text-decoration: line-through;
  margin-left: 8px;
}
.buttons_c1d2c {
  display: flex;
}
.button_c1d2c {
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1664ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  height: 44px;
  margin-top: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.button_c1d2c:hover {
  background-color: #4281ff;
}
.button_c1d2c.secondary_c1d2c {
  border: 1px solid #0066ff;
  color: #1664ff;
  background-color: #ffffff;
  margin-left: 10px;
}
.button_c1d2c.secondary_c1d2c:hover {
  color: #4281ff;
  border: 1px solid #4281ff;
}
@media screen and (max-width: 1679px) {
  .card_c1d2c {
    width: 285px;
    padding: 24px 18px;
  }
}
@media screen and (max-width: 1023px) {
  .card_c1d2c {
    width: 100%;
    height: auto;
    padding: 28px 20px 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  .card_c1d2c {
    padding: 24px;
  }
  .spec-select_c1d2c {
    background: #f8f9fe;
  }
  .spec-desc_c1d2c {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SingleFeatureWhite/index_module.css */
.single-feature-card-container_48a0f div[class*=desc] {
  width: 480px;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .single-feature-card-container_48a0f div[class*=desc] {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .single-feature-card-container_48a0f div[class*=desc] {
    width: 280px;
  }
}
.single-feature-container_48a0f {
  position: relative;
}
.single-feature-container_48a0f,
.single-feature-container_48a0f * {
  box-sizing: border-box;
}
.single-feature-container_48a0f a,
.single-feature-container_48a0f a:link,
.single-feature-container_48a0f a:visited,
.single-feature-container_48a0f a:hover,
.single-feature-container_48a0f a:active {
  text-decoration: none;
  color: inherit;
}
.single-feature-container_48a0f .bg-circle-left_48a0f {
  background: #37E2E2;
  filter: blur(50px);
  opacity: 0.1;
  will-change: transform;
  pointer-events: none;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: 105px;
  left: -25px;
}
.single-feature-container_48a0f .bg-circle-right_48a0f {
  background: #3382FF;
  filter: blur(50px);
  opacity: 0.1;
  will-change: transform;
  pointer-events: none;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: 25px;
  left: 905px;
}
.single-feature-container_48a0f .video-container_48a0f {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_48a0f .video-container_48a0f .video_48a0f {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
.single-feature-container_48a0f .image-container_48a0f {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.single-feature-container_48a0f .image-container_48a0f img {
  width: 870px;
  height: 457px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .single-feature-container_48a0f .bg-circle-left_48a0f {
    display: none;
  }
  .single-feature-container_48a0f .bg-circle-right_48a0f {
    display: none;
  }
  .single-feature-container_48a0f .video-container_48a0f {
    width: 100%;
  }
  .single-feature-container_48a0f .video-container_48a0f .video_48a0f {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
  .single-feature-container_48a0f .image-container_48a0f {
    width: 100%;
  }
  .single-feature-container_48a0f .image-container_48a0f img {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-feature-container_48a0f .bg-circle-left_48a0f {
    display: none;
  }
  .single-feature-container_48a0f .bg-circle-right_48a0f {
    display: none;
  }
  .single-feature-container_48a0f .video-container_48a0f {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_48a0f .video-container_48a0f .video_48a0f {
    width: 100%;
    height: unset;
  }
  .single-feature-container_48a0f .image-container_48a0f {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_48a0f .image-container_48a0f img {
    width: 100%;
    height: unset;
  }
}
@media screen and (min-width: 1680px) {
  .single-feature-container_48a0f .bg-circle-left_48a0f {
    top: 116px;
    left: 84px;
  }
  .single-feature-container_48a0f .bg-circle-right_48a0f {
    top: 25px;
    left: 1012px;
  }
  .single-feature-container_48a0f .video-container_48a0f {
    width: 1440px;
  }
  .single-feature-container_48a0f .image-container_48a0f {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Earth/Logos/style.css */
.volc_market_activity_partner .pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .volc_market_activity_partner {
    z-index: 1;
    transform: translateX(-50%);
    position: absolute;
    height: 280px;
    width: 100%;
    left: 50%;
    top: -30px;
  }
  .volc_market_activity_partner .pc {
    display: block;
  }
  .volc_market_activity_partner .img_box {
    position: absolute !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 36px;
  }
  .volc_market_activity_partner .img_box img {
    width: 100%;
    height: 100%;
    user-select: none;
  }
  .volc_market_activity_partner .img0 {
    width: 104px;
    height: 32px;
    top: 40px;
    left: calc(50% - 80px);
  }
  .volc_market_activity_partner .img1 {
    width: 70px;
    height: 20px;
    top: 70px;
    left: calc(50% + 120px);
  }
  .volc_market_activity_partner .img2 {
    width: 96px;
    height: 27px;
    top: 80px;
    left: calc(50% + 10px);
  }
  .volc_market_activity_partner .img3 {
    width: 86px;
    height: 26px;
    left: calc(50% - 200px);
    top: 70px;
  }
  .volc_market_activity_partner .img4 {
    width: 94px;
    height: 30px;
    right: calc(50% + 60px);
    top: 100px;
  }
  .volc_market_activity_partner .img5 {
    width: 132px;
    height: 40px;
    right: calc(50% - 40px);
    top: 140px;
  }
  .volc_market_activity_partner .img6 {
    width: 104px;
    height: 32px;
    left: calc(50% + 40px);
    top: 130px;
  }
  .volc_market_activity_partner .img7 {
    width: 86px;
    height: 26px;
    left: calc(50% - 280px);
    top: 120px;
  }
  .volc_market_activity_partner .img8 {
    width: 124px;
    height: 38px;
    right: calc(50% - 280px);
    top: 110px;
  }
  .volc_market_activity_partner .img9 {
    width: 124px;
    height: 38px;
    left: calc(50% - 190px);
    top: 160px;
  }
  .volc_market_activity_partner .img10 {
    width: 134px;
    height: 50px;
    top: 160px;
    right: calc(50% - 200px);
  }
}
@media (min-width: 1024px) {
  .volc_market_activity_partner {
    top: -50px;
    transform: translateX(-50%) scale(0.9);
  }
  .volc_market_activity_partner .img_box {
    position: absolute !important;
    width: 247px;
    height: 76px;
  }
  .volc_market_activity_partner .img0 {
    width: 160.5px;
    height: 49.4px;
    top: 40px;
    left: calc(50% - 160px);
  }
  .volc_market_activity_partner .img1 {
    width: 160.5px;
    height: 49.4px;
    top: 80px;
    left: calc(50% + 160px);
  }
  .volc_market_activity_partner .img2 {
    width: 160.5px;
    height: 49.4px;
    top: 100px;
    left: calc(50% + 10px);
  }
  .volc_market_activity_partner .img3 {
    width: 160.5px;
    height: 49.4px;
    left: calc(50% - 380px);
    top: 100px;
  }
  .volc_market_activity_partner .img4 {
    width: 222.3px;
    height: 68.5px;
    right: calc(50% + 100px);
    top: 140px;
  }
  .volc_market_activity_partner .img5 {
    width: 222.3px;
    height: 68.5px;
    right: calc(50% - 80px);
    top: 200px;
  }
  .volc_market_activity_partner .img6 {
    width: 222.3px;
    height: 68.5px;
    left: calc(50% + 100px);
    top: 180px;
  }
  .volc_market_activity_partner .img7 {
    width: 222.3px;
    height: 68.5px;
    left: calc(50% - 500px);
    top: 190px;
  }
  .volc_market_activity_partner .img8 {
    width: 222.3px;
    height: 68.5px;
    right: calc(50% - 480px);
    top: 150px;
  }
  .volc_market_activity_partner .img9 {
    left: calc(50% - 380px);
    top: 240px;
  }
  .volc_market_activity_partner .img10 {
    top: 260px;
    right: calc(50% - 360px);
  }
}
@media (min-width: 1440px) {
  .volc_market_activity_partner {
    transform: translateX(-50%);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Earth/index_module.css */
.container_wrap_ee677 {
  background-color: #fff;
  position: relative;
}
.container_ee677 {
  background-color: transparent;
  position: relative;
  overflow: hidden;
}
.container_ee677 .logos-mobile_ee677 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 65px;
}
.container_ee677 .logos-mobile_ee677 > div {
  flex: 50% 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.container_ee677 .logos-mobile_ee677 img {
  width: 152px;
  height: 47px;
}
.container_ee677 .earth-container_ee677 {
  display: none;
  position: relative;
  justify-content: center;
  overflow: hidden;
  height: 240px;
}
.container_ee677 .cloud_ee677 {
  overflow: hidden;
  display: none;
  justify-content: center;
  height: 200px;
  position: absolute;
  bottom: -50px;
}
.container_ee677 .cloud_ee677 img {
  height: 100%;
  left: 50%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .container_ee677 {
    display: flex;
    flex-direction: column;
  }
  .container_ee677 .mobile-wrap_ee677 {
    display: none;
  }
  .container_ee677 .title-wrap_ee677 {
    display: flex;
  }
  .container_ee677 .earth-container_ee677 {
    display: flex;
  }
  .container_ee677 .cloud_ee677 {
    display: flex;
  }
  .container_ee677 .logos-mobile_ee677 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .container_ee677 .earth-container_ee677 {
    height: 450px;
  }
  .container_ee677 .cloud_ee677 {
    height: 400px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SpecTable/index_module.css */
.spec-table_57fb2 {
  font-family: "PingFang SC";
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.036px;
  display: flex;
  justify-content: center;
}
.spec-table_57fb2 table {
  border-collapse: collapse;
}
.spec-table_57fb2 table p {
  margin: 0;
}
.spec-table_57fb2 table > colgroup > col {
  width: 120px;
}
.spec-table_57fb2 table > colgroup > col:first-child {
  width: 131px;
}
.spec-table_57fb2 table > colgroup > col:nth-child(2) {
  width: 108px;
}
.spec-table_57fb2 table th {
  border-bottom: 1px solid #eceef2;
  background-color: #f6f8fa;
  color: #41464f;
  font-weight: 500;
  padding: 6px 8px;
}
.spec-table_57fb2 table th:first-child {
  padding: 6px 16px;
}
.spec-table_57fb2 table th:first-child p {
  text-align: left;
}
.spec-table_57fb2 table th p {
  text-align: right;
}
.spec-table_57fb2 table td {
  border-bottom: 1px solid #eceef2;
  color: #020814;
  padding: 6px 16px;
}
.spec-table_57fb2 table td:first-child p {
  text-align: left;
}
.spec-table_57fb2 table td p {
  text-align: right;
}
@media screen and (min-width: 1680px) {
  .spec-table_57fb2 table > colgroup > col {
    width: 144px;
  }
  .spec-table_57fb2 table > colgroup > col:first-child {
    width: 157px;
  }
  .spec-table_57fb2 table > colgroup > col:nth-child(2) {
    width: 130px;
  }
}
@media screen and (max-width: 1023px) {
  .pc-only_57fb2 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/common/components/YunjichuNav/index_module.css */
.nav-scroll-container_977b7 {
  overflow: auto;
  display: flex;
  margin: auto;
  width: 100%;
  width: var(--volcfe-nav-width-xl, 100%);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 1679px) {
  .nav-scroll-container_977b7 {
    width: 100%;
    width: var(--volcfe-nav-width-lg, 100%);
  }
}
@media (max-width: 1023px) {
  .nav-scroll-container_977b7 {
    width: 100%;
  }
}
.nav-scroll-container_977b7::-webkit-scrollbar {
  display: none;
}
.nav_977b7 {
  margin: 0 auto;
  margin: 0 var(--volcfe-nav-margin, auto);
  white-space: nowrap;
  padding: 0 24px;
  padding: 0 var(--volcfe-nav-padding, 24px);
  position: relative;
}
@media (max-width: 1023px) {
  .nav_977b7 {
    padding: 0 24px;
  }
}
.gap-48_977b7 .nav-item_977b7 + .nav-item_977b7 {
  margin-left: 48px;
}
.gap-72_977b7 .nav-item_977b7 + .nav-item_977b7 {
  margin-left: 72px;
}
.nav-item_977b7 {
  display: inline-block;
  color: #4e5969;
  font-size: 18px;
  line-height: 26px;
  cursor: pointer;
  padding-bottom: 17px;
  transition: color 0.1s;
}
.nav-item_977b7::after {
  content: attr(data-item);
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: 500;
}
@media speech {
  .nav-item_977b7::after {
    display: none;
  }
}
.nav-item_977b7::before {
  content: attr(data-item);
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: normal;
}
@media speech {
  .nav-item_977b7::before {
    display: none;
  }
}
.nav-item_977b7:hover {
  color: #80838a;
}
.nav-item_977b7.active_977b7 {
  color: #1664ff;
  font-weight: 500;
}
.marker_977b7 {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #1664ff;
  height: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: width 0.3s, left 0.3s;
}
@media screen and (max-width: 1023px) {
  .nav_977b7 .nav-item_977b7 + .nav-item_977b7 {
    margin-left: 32px;
  }
  .nav-item_977b7 {
    font-size: 14px;
    line-height: 22px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec4/index_module.css */
.product-spec-4_e29db {
  font-family: "PingFang SC";
}
.nav_e29db {
  margin: 0 -24px;
}
.cards_e29db {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .cards_e29db {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cards_e29db {
    grid-template-columns: repeat(1, 1fr);
    width: auto;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec4/Price/index_module.css */
.price-text_01bfb {
  font-family: "PingFang SC";
}
.small-red_01bfb {
  color: #f50505;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.028px;
}
.big-red_01bfb {
  color: #f50505;
  font-size: 30px;
  line-height: 20px;
  letter-spacing: 0.06px;
}
.small-black_01bfb {
  color: #191919;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.24px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec4/CardSelect/index_module.css */
.card-select_ef42b {
  font-family: "PingFang SC";
  letter-spacing: -0.36px;
  position: relative;
  user-select: none;
}
.current_ef42b {
  color: #191919;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d3d3d5;
  cursor: pointer;
}
.current__text_ef42b {
  flex: auto;
}
.current__icon_ef42b.active_ef42b {
  transform: rotate(180deg);
}
.current_ef42b.single-option_ef42b {
  border-bottom-color: transparent;
  cursor: default;
}
.dropdown_ef42b {
  width: 100%;
  position: absolute;
  z-index: 1;
  transform-origin: top center;
}
.dropdown-enter_ef42b {
  opacity: 0;
  transform: scale(1, 0.8);
}
.dropdown-enter-active_ef42b {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.1s linear, transform 0.1s linear;
}
.dropdown-exit_ef42b {
  opacity: 1;
  transform: scale(1, 1);
}
.dropdown-exit-active_ef42b {
  opacity: 0;
  transform: scale(1, 0.8);
  transition: opacity 0.1s linear, transform 0.1s linear;
}
.dropdown-exit-done_ef42b {
  display: none;
}
.options_ef42b {
  background-color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #e5e6eb;
  border-top: 0;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  color: #181818;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.032px;
  padding: 6px;
  max-height: 165px;
  overflow-y: auto;
}
.option_ef42b {
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
}
.option_ef42b:hover {
  background: #f8f9fe;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductSpec4/Card/index_module.css */
.card_78576 {
  box-sizing: border-box;
  width: 285px;
  height: 375px;
  border-radius: 12px;
  background: #f7f8fb;
  padding: 20px 24px;
  font-family: "PingFang SC";
}
.card_78576 a {
  text-decoration: none;
}
.title_78576 {
  color: #191919;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.36px;
}
.desc_78576 {
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin-bottom: 12px;
}
.label_78576 {
  color: #595959;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.24px;
  margin-top: 4px;
}
.select_78576 {
  width: 100%;
  margin-bottom: 4px;
}
.price_78576 {
  margin-top: 16px;
}
.button_78576 {
  border-radius: 4px;
  border: 1px solid #181818;
  padding: 10px;
  margin-top: 10px;
  color: #181818;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.16px;
}
.button_78576:hover {
  color: #fff;
  background: #1664ff;
  border-color: #1664ff;
}
@media screen and (min-width: 1680px) {
  .card_78576 {
    width: 345px;
    height: 420px;
    padding: 24px;
  }
  .label_78576 {
    margin-top: 10px;
  }
  .price_78576 {
    margin-top: 30px;
  }
  .button_78576 {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .card_78576 {
    width: 350px;
    height: 420px;
    padding: 24px;
  }
  .label_78576 {
    margin-top: 10px;
  }
  .price_78576 {
    margin-top: 30px;
  }
  .button_78576 {
    margin-top: 22px;
  }
}
@media screen and (max-width: 767px) {
  .card_78576 {
    width: 100%;
    height: 420px;
  }
  .label_78576 {
    margin-top: 10px;
  }
  .price_78576 {
    margin-top: 30px;
  }
  .button_78576 {
    margin-top: 22px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Banner2/index_module.css */
body {
  overscroll-behavior: none;
}
@media screen and (max-width: 767px) {
  .pc_2f0c5 {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .pcOnly_2f0c5 {
    display: none !important;
  }
}
.pad_2f0c5 {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_2f0c5 {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .mobile_2f0c5 {
    display: none !important;
  }
}
.banner-container_2f0c5 {
  position: relative;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .banner-container_2f0c5 {
    min-width: 1200px;
  }
}
.banner-container_2f0c5,
.banner-container_2f0c5 * {
  box-sizing: border-box;
}
.banner-container_2f0c5 a,
.banner-container_2f0c5 a:link,
.banner-container_2f0c5 a:visited,
.banner-container_2f0c5 a:hover,
.banner-container_2f0c5 a:active {
  text-decoration: none;
  color: inherit;
}
.banner-image-container_2f0c5 {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.banner-image-container_2f0c5 .banner-image_2f0c5 {
  height: 100%;
  width: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .banner-image-container_2f0c5 {
    height: auto;
    position: relative;
    align-items: flex-start;
  }
  .banner-image-container_2f0c5 .banner-image_2f0c5 {
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner-image-container_2f0c5 {
    height: 410px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-image-container_2f0c5 {
    height: 580px;
  }
}
.banner-content-container_2f0c5 {
  margin: 0 auto;
  padding-top: 60px;
  width: 1200px;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .banner-content-container_2f0c5 {
    padding-top: 19px;
    padding-left: 24px;
    padding-right: 24px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-content-container_2f0c5 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 410px;
    padding-left: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-content-container_2f0c5 {
    position: absolute;
    height: 580px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1680px) {
  .banner-content-container_2f0c5 {
    width: 1440px;
  }
}
.banner-opcard-container_2f0c5 {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .banner-opcard-container_2f0c5 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .banner-opcard-container_2f0c5 {
    height: 88px;
  }
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 {
  display: flex;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 {
    width: 100%;
    padding: 0 42px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 {
    width: 1200px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1680px) {
  .banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 {
    width: 1440px;
  }
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 {
  display: block;
  flex: 1 1 100px;
  min-width: 0;
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 .op-card_2f0c5 {
  height: 102px;
  padding: 24px 32px;
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  transition: box-shadow 0.5s, border 0.5s;
  position: relative;
  overflow: hidden;
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 .op-card_2f0c5 .op-card-title_2f0c5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.002em;
  color: #181818;
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 .op-card_2f0c5 .op-card-des_2f0c5 {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 .op-card_2f0c5:hover {
  border: 1px solid white;
  box-shadow: 0px 3px 18px rgba(51, 65, 101, 0.1);
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 .op-card_2f0c5:hover .op-card-title_2f0c5 {
  color: #1664ff;
}
.banner-opcard-container_2f0c5 .banner-opcard-inner_2f0c5 .op-a-tag_2f0c5 + .op-a-tag_2f0c5 {
  margin-left: 20px;
}
.banner-params_2f0c5 {
  margin-top: 32px;
  display: flex;
}
@media (max-width: 1023px) {
  .banner-params_2f0c5 {
    display: none;
  }
}
@media (max-width: 767px) {
  .banner-params_2f0c5.mobile-display_2f0c5 {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .param-panel_2f0c5 {
    flex-grow: 1;
  }
}
.param-panel_2f0c5 + .param-panel_2f0c5 {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .param-panel_2f0c5 + .param-panel_2f0c5 {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .param-panel_2f0c5:nth-child(2) + .param-panel_2f0c5 {
    display: none;
  }
}
.param-value-light_2f0c5 em {
  color: #181818;
}
.param-value-light_2f0c5 small {
  color: #181818;
}
.param-value-dark_2f0c5 em {
  color: #f6f7fb;
}
.param-value-dark_2f0c5 small {
  color: #f6f7fb;
}
.param-value_2f0c5 em {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 0.182143px;
}
.param-value_2f0c5 small {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.param-value_2f0c5 span {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #181818;
}
@media (max-width: 767px) {
  .param-value_2f0c5 > em,
  .param-value_2f0c5 > small {
    letter-spacing: 0;
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
  }
}
.param-name-light_2f0c5 {
  color: #768197;
}
.param-name-dark_2f0c5 {
  color: #c9cdd4;
}
.param-name_2f0c5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  margin: 1px 0;
}
@media (max-width: 767px) {
  .param-name_2f0c5 {
    line-height: 26px;
    font-size: 14px;
  }
}
.banner-subtitle_2f0c5 {
  margin: 0;
  margin-top: 12px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.002em;
}
@media screen and (max-width: 1023px) {
  .banner-subtitle_2f0c5 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .banner-subtitle_2f0c5 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    text-align: center;
  }
}
.banner-title-video_2f0c5 {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  margin-left: 14px;
  align-self: center;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .banner-title-video_2f0c5 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-video_2f0c5 {
    width: 28px;
    height: 28px;
  }
}
.banner-title-video_2f0c5:hover {
  color: #5d5d5d;
}
.banner-title-video-light_2f0c5 {
  color: #181818;
}
.banner-title-video-dark_2f0c5 {
  color: #f6f7fb;
}
.banner-video-modal_2f0c5 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(15, 15, 15, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-video-wrap_2f0c5 {
  width: 700px;
  position: relative;
}
.modal-video-wrap_2f0c5 video {
  width: 100%;
  height: 100%;
}
.modal-video-wrap_2f0c5 .modal-close-btn_2f0c5 {
  position: absolute;
  right: -25px;
  top: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-video-wrap_2f0c5 .modal-close-btn_2f0c5:hover {
  color: #1664ff;
}
.banner-related_2f0c5 {
  width: 77px;
  height: 26px;
  margin-bottom: 8px;
  border-radius: 4px;
  background: #f6f8fa;
  border: 1px solid #dde2e9;
  display: flex;
  align-items: center;
  padding-left: 6px;
  font-size: 12px;
  color: #42464e;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .banner-related_2f0c5 {
    display: none;
  }
}
.banner-related_2f0c5 svg {
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.arco-dropdown-open.banner-related_2f0c5 svg {
  transform: rotate(-180deg);
}
.banner-related-items_2f0c5 {
  display: flex;
  height: 118px;
  overflow-y: auto;
  padding: 6px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #eaedf1;
  background: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
}
.banner-related-items_2f0c5::-webkit-scrollbar {
  width: 4px;
}
.banner-related-items_2f0c5::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #dcdcdc;
}
.banner-related-items_2f0c5::-webkit-scrollbar-track {
  width: 4px;
  background-color: transparent;
}
.banner-related-item_2f0c5 {
  flex-shrink: 0;
  border-radius: 4px;
  width: 100%;
  min-width: 124px;
  height: 32px;
  color: #0c0d0e;
  font-size: 13px;
  display: flex;
  padding: 0 12px;
  align-items: center;
  user-select: none;
  text-decoration: none;
}
.banner-related-item_2f0c5:hover,
.banner-related-item_2f0c5.strong_2f0c5 {
  background: #f8f9fe;
}
.banner-related-item_2f0c5.strong_2f0c5 {
  font-weight: 500;
}
.banner-related-item_2f0c5 + .banner-related-item_2f0c5 {
  margin-top: 4px;
}
.banner-related-item_2f0c5 .ul_2f0c5 {
  display: inline-flex;
  height: 100%;
  width: 20px;
  justify-content: center;
  align-items: center;
}
.banner-related-item_2f0c5 .ul_2f0c5:after {
  display: block;
  content: "";
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background: black;
}
.banner-title-container-light_2f0c5 .banner-title_2f0c5 {
  color: #181818;
}
.banner-title-container-light_2f0c5 .banner-title-tag_2f0c5 {
  background: #eceded;
  color: #41464f;
}
.banner-title-container-light_2f0c5 .banner-title-small-text_2f0c5 {
  color: #181818;
}
.banner-title-container-dark_2f0c5 .banner-title_2f0c5 {
  color: #f6f7fb;
}
.banner-title-container-dark_2f0c5 .banner-title-tag_2f0c5 {
  background: #4e5969;
  color: #f2f3f8;
}
.banner-title-container-dark_2f0c5 .banner-title-small-text_2f0c5 {
  color: #f6f7fb;
}
.banner-title-container_2f0c5 {
  display: flex;
  align-items: flex-end;
}
.banner-title-container_2f0c5 .banner-title_2f0c5 {
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: normal;
  letter-spacing: 0.002em;
  display: block;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.banner-title-container_2f0c5 .banner-title-small-text_2f0c5 {
  margin-left: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.002em;
}
.banner-title-container_2f0c5 .banner-title-tag_2f0c5 {
  margin-left: 8px;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 0 6px;
  vertical-align: bottom;
  margin-bottom: 38px;
  display: inline-block;
}
.banner-subtitle-light_2f0c5 {
  color: #282828;
}
.banner-subtitle-dark_2f0c5 {
  color: #f6f7fb;
}
.banner-des-items_2f0c5 {
  margin-top: 12px;
}
.banner-des-items_2f0c5 {
  margin-top: 12px;
}
.banner-des-items-pad_2f0c5 {
  margin-top: 15px;
  display: none;
}
.des-panel_2f0c5 {
  display: flex;
}
.des-panel_2f0c5 + .des-panel_2f0c5 {
  margin-top: 8px;
}
.yes-icon_2f0c5 {
  height: 24px;
  display: flex;
  align-items: center;
}
.des_2f0c5 {
  margin-left: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  max-width: 480px;
}
.des-light_2f0c5 {
  color: #4e5969;
}
.des-dark_2f0c5 {
  color: #c9cdd4;
}
.banner-des-text_2f0c5 {
  width: 480px;
  margin-top: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.banner-des-text-light_2f0c5 {
  color: #4e5969;
}
.banner-des-text-dark_2f0c5 {
  color: #c9cdd4;
}
.banner-des-text-pad_2f0c5 {
  width: 320px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.banner-des-text-pad-light_2f0c5 {
  color: #4e5969;
}
.banner-des-text-pad-dark_2f0c5 {
  color: #c9cdd4;
}
.banner-buttons_2f0c5 {
  margin-top: 32px;
  display: flex;
}
.button-a-tag_2f0c5 {
  flex: none;
}
.button-a-tag_2f0c5 + .button-a-tag_2f0c5 {
  margin-left: 20px;
}
.button_2f0c5 {
  height: 50px;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .button_2f0c5 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .button_2f0c5 {
    min-width: 113px;
  }
}
@media (min-width: 1024px) {
  .button_2f0c5 {
    min-width: 158px;
  }
}
.button-primary_2f0c5 {
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
}
.button-primary-light_2f0c5 {
  background-color: #1664ff;
  color: #ffffff;
}
.button-primary-light_2f0c5:hover {
  background-color: #4281ff;
}
.button-primary-light_2f0c5:active {
  background-color: #0055ff;
}
.button-primary-dark_2f0c5 {
  background-color: #0066fc;
  color: #ffffff;
}
.button-primary-dark_2f0c5:hover {
  background-color: #0051c9;
}
.button-primary-dark_2f0c5:active {
  background-color: #003d96;
}
.button-secondary_2f0c5 {
  box-shadow: 0 3px 8px rgba(46, 70, 146, 0.15);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
}
.button-secondary-light_2f0c5 {
  background-color: #ffffff;
  color: #101010;
  border: 1px solid #f3f3f3;
}
.button-secondary-light_2f0c5:hover {
  background-color: #f6f8fa;
  border: 1px solid #4281fd;
  color: #41464f;
}
.button-secondary-light_2f0c5:active {
  background-color: #f6f8fa;
  border: 1px solid #1664ff;
  color: #101010;
}
.button-secondary-dark_2f0c5 {
  border: 1px solid #4e5969;
  color: #e5e8ef;
}
.button-secondary-dark_2f0c5:hover {
  border: 1px solid #63a2ff;
  color: #3084ff;
}
.button-secondary-dark_2f0c5:active {
  background-color: #002863;
  border: 1px solid #3084ff;
  color: #63a2ff;
}
.button-text_2f0c5 {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.002em;
}
.button-text_2f0c5 .button-arrow_2f0c5 {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.button-text_2f0c5 .button-arrow_2f0c5 svg {
  flex: none;
  height: 14px;
  width: 14px;
}
.button-text-light_2f0c5 {
  color: #1664ff;
}
.button-text-light_2f0c5:hover {
  color: #4086ff;
}
.button-text-light_2f0c5:active {
  color: #0e49d2;
}
.button-text-dark_2f0c5 {
  color: #e5e8ef;
}
.button-text-dark_2f0c5:hover {
  color: #63a2ff;
}
.button-text-dark_2f0c5:active {
  color: #1664ff;
}
@media screen and (max-width: 767px) {
  .banner-title-container_2f0c5 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner-title-container_2f0c5 .banner-title_2f0c5 {
    font-size: 24px;
    line-height: 34px;
  }
  .banner-title-container_2f0c5 .banner-title-tag_2f0c5 {
    margin-left: 6px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 5px;
    margin-bottom: 13px;
  }
  .banner-title-container_2f0c5 .banner-title-small-text_2f0c5 {
    margin-left: 0;
    margin-top: 4px;
    font-size: 16px;
    line-height: 19px;
  }
  .yes-icon_2f0c5 {
    height: 22px;
  }
  .des_2f0c5 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .banner-des-text_2f0c5 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
  }
  .banner-buttons_2f0c5 {
    margin-top: 36px;
    padding-bottom: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .banner-buttons_2f0c5.shortTopPadding_2f0c5 {
    margin-top: 28px;
  }
  .button-a-tag_2f0c5 {
    flex: none;
    width: 100%;
  }
  .button-a-tag_2f0c5 + .button-a-tag_2f0c5 {
    margin-left: unset;
    margin-top: 16px;
  }
  .button-text_2f0c5 {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-container_2f0c5 .banner-title_2f0c5 {
    font-size: 32px;
    line-height: 45px;
  }
  .banner-title-container_2f0c5 .banner-title-small-text_2f0c5 {
    font-size: 16px;
  }
  .banner-title-container_2f0c5 .banner-title-tag_2f0c5 {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 20px;
  }
  .banner-des-items_2f0c5 {
    display: none;
  }
  .banner-des-items-pad_2f0c5 {
    display: block;
  }
  .banner-des-items-pad-_2f0c5 {
    color: #c9cdd4;
  }
  .yes-icon_2f0c5 {
    height: 22px;
  }
  .des_2f0c5 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .des-dark_2f0c5 {
    color: #c9cdd4;
  }
  .banner-des-text_2f0c5 {
    display: none;
  }
  .banner-des-text-pad_2f0c5 {
    display: -webkit-box;
  }
  .banner-buttons_2f0c5 {
    margin-top: 38px;
  }
  .button-text_2f0c5 {
    line-height: 50px;
  }
}
.card-tag_2f0c5 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 13px 0 16px;
  height: 24px;
  overflow: hidden;
}
.card-tag_2f0c5 .cardTag-trapezoid_2f0c5 {
  width: 100%;
  height: 32px;
  background-image: linear-gradient(270deg, #f71510 0%, #ff7c53 107.82%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: matrix(1, 0, 0.3182, 1, 3, -8);
}
.card-tag_2f0c5 .cardTag-text_2f0c5 {
  height: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .solutionsBody {
    min-width: 1200px;
  }
}
.override-for-coze-240513_2f0c5 .banner-title_2f0c5 {
  line-height: 59px;
  color: #282828;
}
.override-for-coze-240513_2f0c5 .banner-subtitle_2f0c5 {
  margin-top: 0;
  line-height: 50px;
  color: #282828;
}
@media screen and (max-width: 1023px) {
  .override-for-coze-240513_2f0c5 .banner-title_2f0c5 {
    line-height: 45px;
  }
  .override-for-coze-240513_2f0c5 .banner-subtitle_2f0c5 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .override-for-coze-240513_2f0c5 .banner-title_2f0c5 {
    line-height: 34px;
  }
  .override-for-coze-240513_2f0c5 .banner-subtitle_2f0c5 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 4px;
    text-align: center;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Title/index_module.css */
.title-wrap_c44b4 {
  background: white;
}
.title-inner-wrap_c44b4 {
  padding-top: 80px;
  padding-top: var(--volcfe-title-padding-top-md, 80px);
  padding-bottom: 60px;
  padding-bottom: var(--volcfe-title-padding-bottom-md, 60px);
  width: 1440px;
  margin: auto;
  box-sizing: border-box;
}
@media (max-width: 1679px) {
  .title-inner-wrap_c44b4 {
    width: 1200px;
  }
}
@media (max-width: 1023px) {
  .title-inner-wrap_c44b4 {
    padding: 48px 24px;
    width: 100%;
  }
}
.title_c44b4 {
  font-size: 40px;
  font-size: var(--volcfe-title-font-size, 40px);
  font-weight: 600;
  font-weight: var(--volcfe-title-font-weight, 600);
  line-height: 48px;
  line-height: var(--volcfe-title-line-height, 48px);
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  margin: 0;
  color: #181818;
}
@media (max-width: 1023px) {
  .title_c44b4 {
    font-size: 24px;
  }
}
.subtitle_c44b4 {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  justify-content: var(--volcfe-text-justify-content, center);
  display: flex;
  color: #4e5969;
}
@media (max-width: 1023px) {
  .subtitle_c44b4 {
    display: none;
  }
}
.link_c44b4 {
  color: #1664ff;
  display: flex;
  align-items: center;
  margin-left: 10px;
  text-decoration: none;
}
.link_c44b4:after {
  display: block;
  margin-left: 4px;
  content: "";
  height: 5px;
  width: 5px;
  border-right: 1px solid #1664ff;
  border-bottom: 1px solid #1664ff;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  transform: rotateZ(-45deg);
  transition: transform 0.3s;
}
.link_c44b4:hover {
  color: #3888ff;
}
.link_c44b4:hover:after {
  transform: translateX(4px) rotateZ(-45deg);
  border-right-color: #3888ff;
  border-bottom-color: #3888ff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ModuleContainer/index_module.css */
.container_a23d0 {
  background: white;
  width: 100%;
  margin: auto;
  padding-bottom: 80px;
}
@media (max-width: 1023px) {
  .container_a23d0 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .product-page_a23d0 {
    min-width: 1200px;
  }
}
@media (min-width: 1680px) {
  .product-page_a23d0 {
    min-width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceBaseCard/index_module.css */
.card-list-wrap_e5ade {
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-list-wrap_e5ade::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .card-list-wrap_e5ade {
    overflow: auto visible;
  }
}
.card-list_e5ade {
  font-family: "PingFang SC";
  display: flex;
  padding: 32px 0 20px;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .card-list_e5ade:after {
    content: "";
    display: block;
    padding: 0 10px;
  }
}
@media (max-width: 1200px) {
  .card-list_e5ade {
    justify-content: left;
  }
}
@media (max-width: 767px) {
  .card-list_e5ade {
    flex-wrap: wrap;
  }
}
.card-wrap_e5ade {
  overflow: hidden;
  box-sizing: border-box;
  flex: 0 0;
  flex-basis: 450px;
  height: 553px;
  box-shadow: 0 3px 18px 0 rgba(51, 65, 101, 0.1490196078);
  background-color: white;
  border-radius: 12px;
  position: relative;
  padding: 32px;
}
.card-wrap_e5ade:not(:last-child) {
  margin-right: 44px;
}
@media (max-width: 1679px) {
  .card-wrap_e5ade {
    flex-basis: 378px;
  }
  .card-wrap_e5ade:not(:last-child) {
    margin-right: 33px;
  }
}
@media (max-width: 1023px) {
  .card-wrap_e5ade {
    flex-basis: 346px;
  }
  .card-wrap_e5ade:first-child {
    margin-left: 20px;
  }
  .card-wrap_e5ade:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .card-wrap_e5ade {
    flex-wrap: wrap;
    flex-basis: calc(100% - 40px);
    margin: 0 20px;
  }
  .card-wrap_e5ade:not(:last-child) {
    margin-bottom: 20px;
  }
}
.tag_e5ade {
  position: absolute;
  z-index: 1;
  padding: 1px 10px 1px 13px;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background-size: cover;
  background-image: url(https://portal.volccdn.com/obj/volcfe/product4.0/price/tag1.png);
}
.card_e5ade {
  height: 100%;
  width: 100%;
  position: relative;
}
.divider_e5ade {
  height: 1px;
  background-color: #F2F4FA;
  margin-bottom: 20px;
}
.card-title_e5ade {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1023px) {
  .card-title_e5ade {
    font-size: 18px;
  }
}
.card-desc_e5ade {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0 20px;
  color: #4E5969;
}
.ellipsis_e5ade {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.highlight_e5ade {
  margin-bottom: 16px;
  background-color: #EDF1FF;
  color: #1664FF;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 11px;
  border-radius: 4px;
}
.feature_e5ade {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #4E5969;
}
.feature_e5ade:not(:last-child) {
  margin-bottom: 16px;
}
.icon_e5ade {
  display: block;
  margin-right: 6px;
  flex-shrink: 0;
}
.button_e5ade {
  cursor: pointer;
  user-select: none;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #1664FF;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: 0 6px 8px 0 rgba(46, 70, 146, 0.1019607843);
}
.button_e5ade,
.button_e5ade:hover,
.button_e5ade:active {
  color: white;
}
.button_e5ade:hover {
  background-color: #4281ff;
}
.button_e5ade:active {
  background-color: #05f;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/common/Tabs/index_module.css */
.container_cb170 {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container_cb170 {
    min-width: 1200px;
  }
}
.tabsInner_cb170 {
  margin: 0 auto;
  display: flex;
  position: relative;
  width: fit-content;
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
}
.tabsInner_cb170::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tabsInner_cb170 {
    height: 56px;
    line-height: 56px;
    font-size: 18px;
  }
}
.tab_cb170 {
  cursor: pointer;
  user-select: none;
  color: #4e5969;
  flex-shrink: 0;
  padding: 0 16px;
  display: inline-block;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .tab_cb170 {
    padding: 0 24px;
  }
}
.tab_cb170:hover {
  color: #80838a;
}
.tab_cb170.active_cb170 {
  color: #1664ff;
  font-weight: 500;
}
.tabLine_cb170 {
  position: absolute;
  bottom: 0;
  height: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background: #1664ff;
}
.tabLine_cb170.ready_cb170 {
  transition: all ease 0.2s;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceFeatureCard/index_module.css */
.card-list-wrap_79ab2 {
  width: 100%;
}
.card-list_79ab2 {
  font-family: "PingFang SC";
  display: flex;
  padding: 32px 20px 20px;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .card-list_79ab2 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.card-wrap_79ab2 {
  box-sizing: border-box;
  flex: 0 0;
  width: 345px;
  flex-basis: 345px;
  background-color: #F7F8FB;
  border-radius: 12px;
  position: relative;
  padding: 24px;
}
.card-wrap_79ab2:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 1679px) {
  .card-wrap_79ab2 {
    flex-basis: 285px;
    width: 285px;
  }
}
@media (max-width: 1023px) {
  .card-wrap_79ab2 {
    flex-basis: calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .card-wrap_79ab2:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .card-wrap_79ab2:nth-child(2n+1) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .card-wrap_79ab2 {
    flex-basis: 100%;
  }
}
.card_79ab2 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-title_79ab2 {
  font-size: 18px;
  font-weight: 500;
  color: #191919;
}
.card-desc_79ab2 {
  font-size: 14px;
  font-weight: 400;
  margin: 4px 0 13px;
  color: #4E5969;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.config_79ab2 {
  margin-bottom: 16px;
}
.config_79ab2 .arco-select-popup {
  border-radius: 4px;
  max-height: 118px;
  overflow: auto;
}
.config-title_79ab2 {
  color: #4E5969;
  font-size: 12px;
  margin-bottom: 3px;
}
.config-text_79ab2 {
  color: #191919;
  font-size: 14px;
  font-weight: 500;
}
.config-select_79ab2.arco-select {
  border-bottom: 1px solid rgba(175, 175, 175, 0.5);
}
.config-select_79ab2.arco-select .arco-select-view {
  font-weight: 500;
  height: 20px;
  line-height: 21px;
  padding: 0;
  border-bottom: 1px solid rgba(175, 175, 175, 0.5);
}
.price_79ab2 {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  margin-bottom: 16px;
}
.price-text_79ab2 {
  color: #4E5969;
  font-size: 12px;
  padding-bottom: 2px;
}
.price-value_79ab2 {
  color: #F50505;
  font-size: 24px;
  font-weight: 500;
  margin-left: 6px;
}
.button_79ab2 {
  cursor: pointer;
  user-select: none;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #1664FF;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: 0 6px 8px 0 rgba(46, 70, 146, 0.1019607843);
}
.button_79ab2,
.button_79ab2:hover,
.button_79ab2:active {
  color: white;
}
.button_79ab2:hover {
  background-color: #4281ff;
}
.button_79ab2:active {
  background-color: #05f;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceMultiCard/Tab/index_module.css */
.tab_abb99 {
  font-size: 16px;
  color: #020814;
  padding: 14px 24px;
  transition: font-size 0.3s;
  cursor: pointer;
  position: relative;
  width: 306px;
  display: flex;
  align-items: center;
}
.tab_abb99.active_abb99 {
  font-weight: 500;
  background: #1664FF;
  font-size: 18px;
  color: white;
}
.tab_abb99.active_abb99 .icon_abb99 {
  background-position-y: 100%;
}
@media (max-width: 1679px) {
  .tab_abb99 {
    width: 273px;
  }
}
@media (min-width: 1024px) {
  .tab_abb99 {
    line-height: 24px;
    border-radius: 8px;
    margin-bottom: 4px;
  }
  .tab_abb99:not(.active_abb99):hover {
    background: rgba(22, 100, 255, 0.08);
    color: #1664FF;
  }
  .tab_abb99:last-child {
    margin-bottom: 0;
  }
}
.icon_abb99 {
  width: 28px;
  height: 28px;
  display: block;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-size: 100% 200%;
  background-position-y: top;
}
@media (max-width: 1023px) {
  .icon_abb99 {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceMultiCard/Card/index_module.css */
.card-wrap_3ac55 {
  overflow: hidden;
  box-sizing: border-box;
  flex: 0 0;
  flex-basis: 345px;
  height: 329px;
  background-color: #F7F8FB;
  border-radius: 12px;
  position: relative;
  padding: 28px 20px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .card-wrap_3ac55 {
    margin-right: 20px;
  }
  .card-wrap_3ac55:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 1679px) {
  .card-wrap_3ac55 {
    flex-basis: 285px;
  }
}
@media (max-width: 1023px) {
  .card-wrap_3ac55 {
    flex-basis: calc(50% - 10px);
    margin-right: 0;
  }
  .card-wrap_3ac55:nth-child(2n+1) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .card-wrap_3ac55 {
    flex-basis: 100%;
    margin-right: 0 !important;
  }
}
.top-right-tag_3ac55 {
  position: absolute;
  z-index: 1;
  padding: 1px 10px 1px 13px;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background-size: cover;
  background-image: url(https://portal.volccdn.com/obj/volcfe/product4.0/price/tag1.png);
}
.card_3ac55 {
  height: 100%;
  width: 100%;
  position: relative;
}
.card_3ac55 .arco-select-popup {
  border-radius: 4px;
  max-height: 118px;
  overflow: auto;
}
.card-title_3ac55 {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.card-desc_3ac55 {
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  margin: 8px 0 12px;
  color: #4E5969;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}
.config-select_3ac55.arco-select .arco-select-view {
  background-color: white;
  color: #181818;
  height: 38px;
  line-height: 20px;
  padding: 8px 16px 8px 20px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
}
.price_3ac55 {
  display: flex;
  align-items: baseline;
  height: 32px;
  line-height: 32px;
}
.price-unit_3ac55,
.price-int_3ac55,
.price-decimal_3ac55 {
  color: #F50505;
  font-weight: 600;
}
.price-unit_3ac55 {
  font-size: 18px;
}
.price-int_3ac55 {
  font-size: 24px;
}
.price-decimal_3ac55 {
  font-size: 14px;
}
.price-period_3ac55 {
  color: #4E5969;
  font-size: 18px;
  font-weight: 400;
  margin-left: 6px;
}
.original-price_3ac55 {
  margin-bottom: 10px;
  color: #B5B5B5;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
.tag-group_3ac55,
.original-price_3ac55,
.price_3ac55 {
  padding: 0 10px;
}
.tag-group_3ac55 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.tag_3ac55 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #DB373F;
  min-width: 60px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 105, 41, 0.3);
}
.tag_3ac55:not(:first-child) {
  margin-left: 8px;
}
.card-bottom_3ac55 {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.button-group_3ac55 {
  display: flex;
}
.button_3ac55 {
  cursor: pointer;
  user-select: none;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 1023px) {
  .button_3ac55 {
    height: 40px;
  }
}
.button_3ac55.primary_3ac55 {
  box-shadow: 0 6px 8px 0 rgba(46, 70, 146, 0.1019607843);
  margin-right: 12px;
  color: white;
  background-color: #1664FF;
}
.button_3ac55.primary_3ac55:hover {
  background-color: #4281ff;
}
.button_3ac55.primary_3ac55:active {
  background-color: #05f;
}
.button_3ac55.default_3ac55 {
  background: transparent;
  color: #1664FF;
  border: 1px solid #1664FF;
}
.button_3ac55.default_3ac55:hover {
  opacity: 0.7;
}
.button_3ac55.default_3ac55:active {
  opacity: 1;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceMultiCard/index_module.css */
.pc_331b9 {
  display: flex;
  overflow: hidden;
  margin: auto;
}
@media (min-width: 1024px) {
  .pc_331b9 {
    width: 1200px;
  }
}
@media (min-width: 1680px) {
  .pc_331b9 {
    width: 1440px;
  }
}
@media (max-width: 1023px) {
  .pc_331b9 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .mobile_331b9 {
    display: none;
  }
}
.card-list-wrap_331b9 {
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-list-wrap_331b9::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .card-list-wrap_331b9 {
    overflow: auto visible;
  }
}
.card-list_331b9 {
  font-family: "PingFang SC";
  display: flex;
  padding: 32px 20px 20px;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .card-list_331b9 {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 24px 24px 28px;
  }
}
.vertical-tab-wrap_331b9 {
  margin-right: 57px;
}
@media (max-width: 1679px) {
  .vertical-tab-wrap_331b9 {
    margin-right: 32px;
  }
}
.pc-panel_331b9 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceHotScene/Carousel/index_module.css */
.feature_d4417 {
  margin-top: 37px;
  margin-right: 28px;
  width: 250px;
}
@media (max-width: 1023px) {
  .feature_d4417 {
    margin: 0;
    width: 100%;
  }
}
.feature-title_d4417 {
  font-size: 30px;
  font-weight: 600;
  color: white;
}
@media (max-width: 1023px) {
  .feature-title_d4417 {
    text-align: center;
  }
}
.carousel_d4417 {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .carousel_d4417 {
    transform: none !important;
  }
}
@media (max-width: 1023px) {
  .carousel_d4417 {
    margin: 36px 20px 64px;
    display: flex;
    justify-content: space-around;
  }
  .carousel_d4417:not(.fake_d4417) {
    will-change: transform;
    transition: transform 0.5s linear;
  }
}
@media (max-width: 767px) {
  .carousel_d4417 {
    justify-content: start;
    margin: 36px 0 64px;
  }
}
.carousel-wrap_d4417 {
  overflow: hidden;
}
.carousel-item_d4417 {
  position: relative;
}
.carousel-item_d4417.fake_d4417 {
  display: none;
}
@media (max-width: 767px) {
  .carousel-item_d4417.fake_d4417 {
    display: block;
  }
}
@media (max-width: 1023px) {
  .carousel-item_d4417 {
    max-width: 22%;
    height: 125px;
  }
}
@media (max-width: 767px) {
  .carousel-item_d4417 {
    flex: 1 0 60vw;
    max-width: 60vw;
    margin: 0 35px;
  }
}
.carousel-item_d4417:not(:last-child) {
  margin-bottom: 16px;
}
.carousel-item_d4417.active_d4417 .carousel-title_d4417 {
  color: white;
}
.carousel-item_d4417.active_d4417 .carousel-progress_d4417:after {
  will-change: height;
  transition: height 6s linear;
  height: 100%;
}
@media (max-width: 1023px) {
  .carousel-item_d4417.active_d4417 .carousel-progress_d4417:after {
    will-change: width;
    transition-property: width;
    width: 100%;
  }
}
.carousel-progress_d4417 {
  background: rgba(255, 255, 255, 0.5);
  width: 2px;
  height: 100%;
  position: absolute;
}
.carousel-progress_d4417:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  background: white;
}
@media (max-width: 1023px) {
  .carousel-progress_d4417:after {
    width: 0;
    height: 100%;
  }
}
@media (max-width: 1023px) {
  .carousel-progress_d4417 {
    position: relative;
    height: 2px;
    width: 100%;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .carousel-progress_d4417 {
    margin-bottom: 16px;
  }
}
.carousel-content_d4417 {
  cursor: pointer;
  padding-left: 18px;
}
@media (max-width: 1023px) {
  .carousel-content_d4417 {
    padding-left: 0;
    text-align: center;
  }
}
.carousel-title_d4417,
.carousel-desc_d4417 {
  line-height: 1;
}
.carousel-title_d4417 {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1023px) {
  .carousel-title_d4417.left_d4417 {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .carousel-title_d4417.right_d4417 {
    text-align: right;
  }
}
.carousel-desc_d4417 {
  font-size: 12px;
  font-weight: 400;
  color: white;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 246px;
  word-break: break-word;
  line-height: 20px;
  text-align: left;
}
@media (max-width: 1679px) {
  .carousel-desc_d4417 {
    max-width: 219px;
  }
}
@media (max-width: 1023px) {
  .carousel-desc_d4417 {
    margin-top: 11px;
    max-width: 100%;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceHotScene/Card/index_module.css */
.card-wrap_b2e86 {
  overflow: hidden;
  box-sizing: border-box;
  flex: 0 0;
  flex-basis: 320px;
  height: 420px;
  background-color: white;
  border-radius: 12px;
  position: relative;
  padding: 28px 20px;
}
.card-wrap_b2e86:not(:last-child) {
  margin-right: 28px;
}
@media (max-width: 1679px) {
  .card-wrap_b2e86 {
    flex-basis: 285px;
  }
  .card-wrap_b2e86:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 1023px) {
  .card-wrap_b2e86 {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .card-wrap_b2e86:not(:last-child) {
    margin-right: 0;
  }
}
.top-right-tag_b2e86 {
  position: absolute;
  z-index: 1;
  padding: 1px 10px 1px 13px;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background-size: cover;
  background-image: url(https://portal.volccdn.com/obj/volcfe/product4.0/price/tag1.png);
}
.card_b2e86 {
  height: 100%;
  width: 100%;
  position: relative;
}
.card-title_b2e86 {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  line-height: 1;
}
@media (max-width: 1679px) {
  .card-title_b2e86 {
    font-size: 18px;
  }
}
.card-desc_b2e86 {
  font-size: 14px;
  height: 40px;
  font-weight: 400;
  overflow: hidden;
  margin: 12px 0 28px;
  color: #4E5969;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}
.config_b2e86 {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.config_b2e86.type-text_b2e86 {
  line-height: 22px;
}
.config_b2e86:not(:last-child) {
  margin-bottom: 18px;
}
.config_b2e86 .arco-select-popup {
  border-radius: 4px;
  max-height: 118px;
  overflow: auto;
}
.config-title_b2e86 {
  color: #4E5969;
  font-size: 14px;
  margin-right: 8px;
  width: 57px;
  flex-shrink: 0;
}
.config-text_b2e86 {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  padding: 0 20px;
}
.config-select_b2e86.arco-select .arco-select-view {
  background-color: #EFF2FA;
  font-size: 16px;
  height: 38px;
  line-height: 20px;
  padding: 8px 16px 8px 20px;
  border-radius: 4px;
  font-weight: 500;
}
.price_b2e86 {
  display: flex;
  align-items: baseline;
  height: 32px;
  line-height: 32px;
  margin-bottom: 7px;
}
.price-unit_b2e86,
.price-int_b2e86,
.price-decimal_b2e86 {
  color: #F50505;
  font-weight: 600;
}
.price-unit_b2e86 {
  font-size: 18px;
}
.price-int_b2e86 {
  font-size: 32px;
}
.price-decimal_b2e86 {
  font-size: 24px;
}
.price-period_b2e86 {
  color: #4E5969;
  font-size: 18px;
  font-weight: 400;
  margin-left: 6px;
}
.original-price_b2e86 {
  margin-bottom: 12px;
  color: #B5B5B5;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
.tag-group_b2e86,
.original-price_b2e86,
.price_b2e86 {
  padding: 0 10px;
}
.tag-group_b2e86 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.tag_b2e86 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #DB373F;
  min-width: 60px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 105, 41, 0.3);
}
.tag_b2e86:not(:first-child) {
  margin-left: 8px;
}
.card-bottom_b2e86 {
  padding-top: 16px;
  border-top: 1px solid #E4E4E4;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.button-group_b2e86 {
  display: flex;
}
.button_b2e86 {
  cursor: pointer;
  user-select: none;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 1023px) {
  .button_b2e86 {
    height: 40px;
  }
}
.button_b2e86.primary_b2e86 {
  color: white;
  background-color: #1664FF;
  box-shadow: 0 6px 8px 0 rgba(46, 70, 146, 0.1019607843);
}
.button_b2e86.primary_b2e86:hover {
  background-color: #4281ff;
}
.button_b2e86.primary_b2e86:active {
  background-color: #05f;
}
.button_b2e86.default_b2e86 {
  margin-right: 12px;
  background: transparent;
  color: #1664FF;
  border: 1px solid #1664FF;
}
.button_b2e86.default_b2e86:hover {
  opacity: 0.7;
}
.button_b2e86.default_b2e86:active {
  opacity: 1;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceHotScene/index_module.css */
.panel_8a1ac {
  background: linear-gradient(180deg, #2548FF 0%, #1997FF 100%);
  margin-top: 32px;
  padding: 80px 0;
  font-family: "PingFang SC";
}
@media (max-width: 1023px) {
  .panel_8a1ac {
    display: block;
    margin-top: 22px;
    padding: 30px 0 48px;
    width: 100%;
  }
}
.panel-content_8a1ac {
  display: flex;
  justify-content: center;
  margin: auto;
}
@media (max-width: 1023px) {
  .panel-content_8a1ac {
    display: block;
  }
}
.card-list_8a1ac {
  display: flex;
  padding: 0 20px;
  width: 100%;
  flex-basis: 1056px;
}
@media (max-width: 1679px) {
  .card-list_8a1ac {
    flex-basis: 935px;
  }
}
@media (max-width: 1023px) {
  .card-list_8a1ac {
    flex-wrap: wrap;
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ForceLogin/index_module.css */
.modal-title-wrap_58f17 {
  display: flex;
  align-items: center;
}
.modal-info-icon_58f17 {
  color: white;
  background: #1664ff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.modal-info-icon_58f17 .arco-icon {
  height: 15px;
  margin: 0 !important;
}
.modal-title_58f17 {
  color: #0c0d0e;
  font-size: 18px;
  font-weight: 500;
}
.modal_58f17 .arco-modal {
  border-radius: 8px;
  width: 360px;
  max-width: 100%;
}
.modal_58f17 .arco-modal-header {
  padding: 20px 24px;
  border-bottom: none;
  height: 66px;
}
.modal_58f17 .arco-modal-close-icon {
  top: 27px;
  right: 24px;
}
.modal_58f17 .arco-modal-close-icon svg {
  stroke-width: 5;
}
.modal_58f17 .arco-modal-footer {
  border-top: none;
  padding: 20px 24px;
}
.modal_58f17 .arco-modal-content {
  padding: 0 24px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.no-scroll_58f17 {
  overflow: hidden;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/MultiFeatureWhite/index_module.css */
.single-feature-container_4bc86 {
  position: relative;
  margin-top: 24px;
}
.single-feature-container_4bc86,
.single-feature-container_4bc86 * {
  box-sizing: border-box;
}
.single-feature-container_4bc86 a,
.single-feature-container_4bc86 a:link,
.single-feature-container_4bc86 a:visited,
.single-feature-container_4bc86 a:hover,
.single-feature-container_4bc86 a:active {
  text-decoration: none;
  color: inherit;
}
.single-feature-container_4bc86 .bg-circle-left_4bc86 {
  background: #37E2E2;
  filter: blur(50px);
  opacity: 0.1;
  will-change: transform;
  pointer-events: none;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: 105px;
  left: -25px;
}
.single-feature-container_4bc86 .bg-circle-right_4bc86 {
  background: #3382FF;
  filter: blur(50px);
  opacity: 0.1;
  will-change: transform;
  pointer-events: none;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: 25px;
  left: 905px;
}
.single-feature-container_4bc86 .video-container_4bc86 {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .single-feature-container_4bc86 .video-container_4bc86 {
    margin-top: 32px;
  }
}
.single-feature-container_4bc86 .video-container_4bc86 .video_4bc86 {
  width: 870px;
  height: 457px;
  border-radius: 8px;
  object-fit: contain;
}
.single-feature-container_4bc86 .image-container_4bc86 {
  width: 1200px;
  display: flex;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 1;
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .single-feature-container_4bc86 .image-container_4bc86 {
    margin-top: 32px;
  }
}
.single-feature-container_4bc86 .image-container_4bc86 img {
  width: 870px;
  height: 457px;
  border-radius: 8px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .single-feature-container_4bc86 .bg-circle-left_4bc86 {
    display: none;
  }
  .single-feature-container_4bc86 .bg-circle-right_4bc86 {
    display: none;
  }
  .single-feature-container_4bc86 .video-container_4bc86 {
    width: 100%;
  }
  .single-feature-container_4bc86 .video-container_4bc86 .video_4bc86 {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
  .single-feature-container_4bc86 .image-container_4bc86 {
    width: 100%;
  }
  .single-feature-container_4bc86 .image-container_4bc86 img {
    width: 100%;
    height: unset;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-feature-container_4bc86 .bg-circle-left_4bc86 {
    display: none;
  }
  .single-feature-container_4bc86 .bg-circle-right_4bc86 {
    display: none;
  }
  .single-feature-container_4bc86 .video-container_4bc86 {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_4bc86 .video-container_4bc86 .video_4bc86 {
    width: 100%;
    height: unset;
  }
  .single-feature-container_4bc86 .image-container_4bc86 {
    width: 100%;
    padding: 0 112px;
  }
  .single-feature-container_4bc86 .image-container_4bc86 img {
    width: 100%;
    height: unset;
  }
}
@media screen and (min-width: 1680px) {
  .single-feature-container_4bc86 .bg-circle-left_4bc86 {
    top: 116px;
    left: 84px;
  }
  .single-feature-container_4bc86 .bg-circle-right_4bc86 {
    top: 25px;
    left: 1012px;
  }
  .single-feature-container_4bc86 .video-container_4bc86 {
    width: 1440px;
  }
  .single-feature-container_4bc86 .image-container_4bc86 {
    width: 1440px;
  }
}
.panel-title_4bc86 {
  text-align: center;
}
.desc_4bc86 {
  font-family: "PingFang SC";
  margin: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4e5969;
  width: 480px;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .desc_4bc86 {
    font-size: 14px;
    line-height: 22px;
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .desc_4bc86 {
    width: 280px;
  }
}
.link-a_4bc86 {
  text-align: center;
  display: block;
  margin-top: 16px;
}
.link-panel_4bc86 {
  display: inline-flex;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.link-panel_4bc86:hover {
  color: #3888ff;
}
.link-panel_4bc86:hover .link-arrow_4bc86 {
  right: -4px;
}
.link-panel_4bc86:active {
  color: #014fe9;
}
.link-arrow_4bc86 {
  flex: none;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.link-arrow_4bc86 svg {
  height: 14px;
  width: 14px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ServicePlatform/Card/index_module.css */
@font-face {
  font-family: "Roboto";
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf);
}
.card_d50be {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e5e8ef;
  border: 1px solid var(---L1-E5E8EF-, #e5e8ef);
  height: 100%;
  border-radius: 12px;
  justify-content: space-between;
  padding: 24px 24px 0px 24px;
}
.card_d50be + .card_d50be {
  margin-left: 11px;
}
.card_d50be .title_d50be {
  color: #0c0d0e;
  color: var(--text-text-1, #0c0d0e);
  font-family: "PingFang SC";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.329px;
}
.card_d50be .description_d50be {
  margin-top: 8px;
  color: #4e5969;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.card_d50be .img-box_d50be {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #f7f8fb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.card_d50be .img-box_d50be img {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1680px) {
  .img-box_d50be {
    height: 303px;
  }
}
@media screen and (max-width: 1679px) {
  .img-box_d50be {
    height: 243px;
  }
}
@media screen and (min-width: 1024px) {
  .card_d50be {
    flex: 1 1;
  }
}
@media screen and (max-width: 1023px) {
  .card_d50be {
    padding: 32px 32px 0px 32px;
    width: calc(50% - 10px);
    height: 420px;
    background: rgba(255, 255, 255, 0.6);
  }
  .card_d50be + .card_d50be {
    margin-left: unset;
  }
  .card_d50be .title_d50be {
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.036px;
  }
  .card_d50be .description_d50be {
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.028px;
    -webkit-line-clamp: 1;
  }
  .card_d50be .img-box_d50be {
    width: 100%;
    height: 292px;
  }
  .card_d50be:nth-child(n+3) {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .card_d50be {
    height: 217px;
    padding: 16px 16px 0px 16px;
    width: calc(50% - 5px);
  }
  .card_d50be .title_d50be {
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.028px;
  }
  .card_d50be .description_d50be {
    color: #4e5969;
    color: var(--text-text-2, #4e5969);
    font-family: "PingFang SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.036px;
    -webkit-line-clamp: 2;
  }
  .card_d50be .img-box_d50be {
    height: 121px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ServicePlatform/PcRender/index_module.css */
.cards_6d4b4 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  display: flex;
}
@media screen and (min-width: 1680px) {
  .pc-content_6d4b4 {
    height: 456px;
  }
}
@media screen and (max-width: 1679px) {
  .pc-content_6d4b4 {
    height: 420px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ServicePlatform/MobileRender/index_module.css */
@media screen and (max-width: 1023px) {
  .mobile_97d92 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ServicePlatform/index_module.css */
.mobile-container_461c4 {
  display: none;
}
@media screen and (max-width: 1023px) {
  .mobile-container_461c4 {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .pc-container_461c4 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/common/ai-tabs/collapse_module.css */
.header_4b62a {
  position: relative;
  padding: 12px 24px;
  background: #FFF;
  background: var(--ve-portal-background-1, #FFF);
  cursor: pointer;
  margin-bottom: 1px;
}
.header_4b62a.active_4b62a:after {
  transform: rotateZ(135deg);
}
.header_4b62a:after {
  transition: transform 0.3s, -moz-transform 0.3s;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 5px;
  height: 5px;
  border-left: 1px solid #020814;
  border-bottom: 1px solid #020814;
  transform: translateY(-50%) rotateZ(-45deg);
}
.panel_4b62a {
  overflow: hidden;
  width: 100%;
  background: #F4F7FC;
  box-sizing: content-box;
}
.panel_4b62a:not(.active_4b62a) {
  height: 0;
}
@media (max-width: 1023.9px) {
  .panel-content_4b62a {
    padding: 16px 24px;
  }
}
@media (max-width: 767.9px) {
  .panel-content_4b62a {
    padding: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/common/ai-tabs/index_module.css */
.tab-logo_7a035 {
  width: 56px;
  height: 56px;
  object-fit: contain;
  object-position: center;
  margin-right: 16px;
  display: block;
}
@media (max-width: 1023.9px) {
  .tab-logo_7a035 {
    width: 32px;
    height: 32px;
  }
}
.flex_7a035 {
  display: flex;
}
.flex-center_7a035 {
  justify-content: center;
}
.flex-middle_7a035 {
  align-items: center;
}
.tab-title_7a035 {
  color: #0c0d0e;
  color: var(--ve-portal-text-color-text-1, #0c0d0e);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  transition: color 0.3s;
}
@media (max-width: 1023.9px) {
  .tab-title_7a035 {
    font-size: 14px;
    line-height: 22px;
  }
}
.tab-desc_7a035 {
  color: #42464e;
  color: var(--ve-portal-text-color-text-2, #42464e);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .tab-desc_7a035 {
    margin-top: 4px;
  }
}
@media (max-width: 1023.9px) {
  .tab-desc_7a035 {
    font-size: 12px;
    line-height: 17px;
  }
}
.tab-container_7a035 {
  display: flex;
  margin-bottom: 32px;
}
.collapse-header_7a035.active_7a035 .tab-title_7a035,
.collapse-header_7a035:hover .tab-title_7a035,
.collapse-header_7a035:active .tab-title_7a035,
.tab_7a035.active_7a035 .tab-title_7a035,
.tab_7a035:hover .tab-title_7a035,
.tab_7a035:active .tab-title_7a035 {
  color: #1664ff;
  color: var(--ve-portal-primary-color-primary-1, #1664ff);
}
.tab_7a035 {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tab_7a035:not(:last-child) {
  margin-right: 16px;
}
.tab_7a035.active_7a035 .tab-bottom-line_7a035 {
  background: #1664ff;
}
.tab-bottom-line_7a035 {
  margin-top: 22px;
  height: 2px;
  background: rgba(46, 49, 51, 0.12);
  transition: background 0.3s;
}
.pane_7a035 {
  width: 100%;
}
@media (max-width: 1023.9px) {
  .desktop_7a035 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .mobile_7a035 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceCalculateTable/index_module.css */
.price-table-pc_a06e4 {
  display: block;
}
.price-table-pad_a06e4 {
  display: none;
}
.price-table-mobile_a06e4 {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  .price-table-pc_a06e4 {
    display: none;
  }
  .price-table-mobile_a06e4 {
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .compWrap_a06e4 {
    padding: 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceCalculateTable/PriceCalculateTablePc/index_module.css */
.tableWrap_bb33f {
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #e5e8ef;
}
.scrollWrap_bb33f {
  height: 536px;
  overflow-y: auto;
}
.scrollWrap_bb33f::-webkit-scrollbar {
  background-color: #f7f9fc;
  width: 4px;
}
.scrollWrap_bb33f::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #c9cdd4;
  width: 4px;
}
.table_bb33f {
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
}
.table_bb33f p {
  margin: 0;
  padding: 20px 32px 16px 0;
  width: 100%;
}
.table_bb33f tr:first-child td {
  border-bottom: none;
}
.table_bb33f tr:first-child td p {
  padding-bottom: 0;
}
.table_bb33f td {
  padding: 0;
  vertical-align: top;
  max-width: unset !important;
}
.table_bb33f td p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0c0d0e;
}
.table_bb33f td:first-child {
  height: 48px;
}
.table_bb33f:not(:first-child) tbody > tr:first-child > td:first-child > p {
  padding-left: 32px;
}
.table_bb33f:first-child td {
  height: 45px;
}
.table_bb33f:first-child tr:first-child td {
  background: #f1f3f5;
  font-weight: 500;
  font-size: 16px;
  color: #181818;
}
.table_bb33f:not(:first-child) tr:not(:first-child) p {
  padding: 16px 16px 20px 0;
}
.contentContainer_bb33f {
  display: flex;
  flex-direction: column;
}
.contentItem_bb33f {
  padding: 2px 0;
}
.contentItem_bb33f:not(:last-child) {
  margin-bottom: 16px;
}
.tagClass_bb33f {
  width: 60px;
  margin-left: 8px;
  vertical-align: middle;
}
.contentTagClass_bb33f {
  width: 45px;
  margin-left: 8px;
  vertical-align: middle;
}
.textEle_bb33f {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0c0d0e;
}
.hoverLink_bb33f:hover {
  color: #1664ff;
  cursor: pointer;
  transition: all 0.3s;
}
.ceilUnit_bb33f {
  margin-left: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #737a87;
}
.headerTagClass_bb33f {
  width: 60px;
  height: 22px;
  vertical-align: middle;
  margin-left: 8px;
}
.optionContainer_bb33f {
  padding: 8px;
  width: 232px;
  position: absolute;
  top: 48px;
  z-index: 1000;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #f3f7ff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.0509803922);
}
.optionContainer_bb33f .tableNameOption_bb33f {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #42464e;
  padding-left: 24px;
  border-radius: 4px;
}
.optionContainer_bb33f .tableNameOption_bb33f:hover {
  background-color: #f1f3f5;
  cursor: pointer;
}
.optionContainer_bb33f .tableNameOption_bb33f:not(:last-child) {
  margin-bottom: 8px;
}
.optionContainer_bb33f .tableNameCheck_bb33f {
  position: absolute;
  right: 24px;
}
.tableHeader_bb33f {
  position: absolute;
  display: flex;
  flex-direction: row;
  height: 48px;
  background-color: #f0f2f5;
  top: -0.5px;
  width: 100%;
}
.tableHeader_bb33f .headerCeil_bb33f {
  display: flex;
  align-items: center;
  padding: 12px 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #42464e;
  color: var(--text-color-text-2, #42464e);
}
.tableHeader_bb33f .headerCeil_bb33f .iconContainer_bb33f {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.tableHeader_bb33f .headerCeil_bb33f .tagClass_bb33f {
  margin-left: 8px;
}
.tableHeader_bb33f .headerCeil_bb33f:not(:first-child) {
  padding-left: 0;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/PriceCalculateTable/PriceCalculateTableMobile/index_module.css */
.priceTableMobileContainer_e41e2 {
  width: 100%;
  position: relative;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 {
  width: 100%;
  background: white;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 .specify_e41e2 {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 6px;
  color: #737a87;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 .priceContainer_e41e2 {
  display: flex;
  flex-direction: column;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 .priceContainer_e41e2 .priceItem_e41e2 {
  display: flex;
  flex-direction: row;
  height: 24px;
  line-height: 24px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 .priceContainer_e41e2 .priceItem_e41e2 .price_e41e2 {
  color: #020814;
  font-size: 14px;
  font-weight: 500;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .detailItem_e41e2 .priceContainer_e41e2 .priceItem_e41e2 .unit_e41e2 {
  color: #737a87;
  font-size: 10px;
  font-weight: 500;
  margin-left: 8px;
  line-height: 26px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .headerContainer_e41e2 {
  display: flex;
  align-items: center;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .headerContainer_e41e2 .headerTag_e41e2 {
  width: 36px !important;
  height: 16px !important;
  margin-left: 8px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item {
  padding: 0 !important;
  background-color: #f4f7fc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0784313725);
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header {
  background-color: #f4f7fc;
  border: none;
  padding: 18px 24px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header {
    padding-left: 0;
  }
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header .arco-collapse-item-icon-hover-right {
  right: 9px;
  transform: translateY(-50%) !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header .arco-collapse-item-icon-hover-right {
    right: -2px;
  }
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header .arco-collapse-item-icon-hover-right .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header .arco-icon-hover.arco-collapse-item-icon-hover::before {
  width: 12px;
  height: 12px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header img {
  width: 12px;
  height: 12px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-header .arco-collapse-item-header-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-content {
  background-color: #f4f7fc;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-content-box {
  padding: 0 24px !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item .arco-collapse-item-content-box {
    padding-left: 0 !important;
  }
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item:last-child {
  position: relative;
  border-bottom: none;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item:last-child .arco-collapse-item-header {
  padding-bottom: 5px !important;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item:last-child .arco-collapse-item-header .arco-collapse-item-icon-hover-right {
  transform: translateY(calc(-50% + 6px)) !important;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item:first-child .arco-collapse-item-header {
  padding-top: 5px !important;
}
.priceTableMobileContainer_e41e2 .priceCollapse_e41e2 .arco-collapse-item:first-child .arco-collapse-item-header .arco-collapse-item-icon-hover-right {
  transform: translateY(calc(-50% - 6px)) !important;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/OnlineExperience/index_module.css */
.container_a58e9 {
  width: 100%;
}
.container_a58e9 .iframe_a58e9 {
  width: 100%;
  height: 100%;
}
.container_a58e9 img {
  width: 100%;
  height: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/_bp_only/CardContainer/index_module.css */
.container_ea170 {
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 1024px) {
  .container_ea170 {
    min-width: 1200px;
  }
}
.compWrap_ea170 {
  position: relative;
  margin: unset;
  padding: 48px 24px;
}
@media (min-width: 1024px) {
  .compWrap_ea170 {
    padding: 128px 0;
  }
}
.compWrap_ea170.no-padding_ea170 {
  padding: 0;
}
@media (min-width: 1024px) {
  .compWrap_ea170.no-padding_ea170 {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .compWrap_ea170 {
    margin: 64px 0;
    width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 1680px) {
  .compWrap_ea170 {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/_bp_only/Demo/index_module.css */
.main-container_621d5 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .main-container_621d5 {
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
}
.main-container_621d5 a {
  color: inherit;
  text-decoration: none;
}
.info-container_621d5 {
  padding: 64px 24px 0 24px;
}
@media (min-width: 768px) {
  .info-container_621d5 {
    padding: 64px 0 64px 24px;
  }
}
@media (min-width: 1024px) {
  .info-container_621d5 {
    padding: 128px 0;
  }
}
.title_621d5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .title_621d5 {
    display: grid;
    grid-template-columns: 5fr 1fr;
  }
}
@media (min-width: 1024px) {
  .title_621d5 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.002em;
    color: #181818;
    margin-bottom: 16px;
    display: block;
    grid-template-columns: unset;
  }
}
.desc_621d5 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #4e5969;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .desc_621d5 {
    display: grid;
    grid-template-columns: 5fr 1fr;
  }
}
@media (min-width: 1024px) {
  .desc_621d5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #4e5969;
    margin-bottom: 24px;
    display: block;
    grid-template-columns: unset;
  }
}
.cta_621d5 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #0066fc;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .cta_621d5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .cta_621d5 {
    margin-bottom: 48px;
  }
}
.cta_621d5 a {
  display: inline-flex;
}
.cta_621d5 .link-arrow_621d5 {
  display: inline-flex;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
  align-items: center;
}
.cta_621d5 .link-arrow_621d5 svg {
  height: 16px;
  width: 16px;
}
.cta_621d5 a:hover {
  color: #3084ff;
}
.cta_621d5 a:hover .link-arrow_621d5 {
  right: -4px;
}
.section-cta_621d5 {
  padding: 0 24px 64px 24px;
}
@media (min-width: 768px) {
  .section-cta_621d5 {
    padding: 0;
  }
}
.section-cta-text_621d5 {
  display: inline;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #4e5969;
  margin-right: 8px;
}
@media (min-width: 1024px) {
  .section-cta-text_621d5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #4e5969;
    margin-right: 8px;
  }
}
.section-cta-link_621d5 {
  display: inline;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #0066fc;
}
@media (min-width: 1024px) {
  .section-cta-link_621d5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}
.section-cta-link_621d5:hover {
  color: #3084ff;
}
.qr-container_621d5 {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 0 24px 32px 24px;
}
@media (min-width: 768px) {
  .qr-container_621d5 {
    padding: 0 24px 0 0;
  }
}
@media (min-width: 1024px) {
  .qr-container_621d5 {
    gap: 32px;
    padding: 0;
  }
}
.qr-box_621d5 {
  padding: 16px 16px 20px 16px;
  border-radius: 8px;
  border: 1px solid #e5e8ef;
  background-color: #ffffff;
  box-shadow: 0px 20px 120px -25px rgba(50, 50, 93, 0.15), 0px 30px 80px -30px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 168px;
}
.qr-box_621d5 .qr-img_621d5 {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
}
.qr-box_621d5 .qr-img_621d5 img {
  width: 100%;
}
.qr-box_621d5 .qr-logo_621d5 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #e5e8ef;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qr-box_621d5 .qr-logo_621d5 img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  object-position: center;
}
.qr-box_621d5 .qr-name_621d5 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d2129;
  margin: 0;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/_bp_only/LogoWall/index_module.css */
.main-container_471ac {
  padding: 32px 24px;
}
@media (min-width: 1024px) {
  .main-container_471ac {
    padding: 64px 0;
  }
}
.head_471ac {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .head_471ac {
    margin-bottom: 48px;
  }
}
.title_471ac {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  color: #1d2129;
  text-align: center;
}
.logo-container_471ac {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  gap: 24px;
  background-color: #ffffff;
}
.logo-container_471ac::before,
.logo-container_471ac::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  pointer-events: none;
  z-index: 1;
}
.logo-container_471ac::before {
  left: 0;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.logo-container_471ac::after {
  right: 0;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.logos_471ac {
  display: flex;
  gap: 24px;
  position: relative;
}
.logos_471ac[data-hidden=true] {
  display: none;
}
@keyframes scroll_471ac {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 24px));
  }
}
.logo-animation_471ac {
  animation: scroll_471ac linear infinite;
}
.logo_471ac {
  width: 140px;
  height: 42px;
}
@media (min-width: 1024px) {
  .logo_471ac {
    width: 200px;
    height: 60px;
  }
}
.logo_471ac img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.logo-gray_471ac {
  filter: grayscale(1);
}
.logo-gray_471ac:hover {
  filter: grayscale(0);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/_bp_only/OurProducts/index_module.css */
.media-card_c0191 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  box-shadow: 0px 4px 16px 0px rgba(29, 33, 41, 0.08);
  width: 100%;
  aspect-ratio: 3/4;
}
@media (min-width: 1024px) {
  .media-card_c0191 {
    min-height: 500px;
    aspect-ratio: unset;
  }
}
.media-card_c0191::before {
  content: "";
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(29, 33, 41, 0.3) 0%, rgba(29, 33, 41, 0) 100%);
  position: absolute;
  z-index: 1;
}
.media-card_c0191 .card-content_c0191 {
  z-index: 1;
  padding: 16px;
}
@media (min-width: 768px) {
  .media-card_c0191 .card-content_c0191 {
    padding: 24px;
  }
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-content_c0191 {
    padding: 32px;
  }
}
.media-card_c0191 .card-content-hover_c0191 {
  position: absolute;
  box-sizing: border-box;
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 16px;
  transition: opacity 0.3s ease;
  display: none;
}
@media (min-width: 768px) {
  .media-card_c0191 .card-content-hover_c0191 {
    padding: 24px;
    display: block;
  }
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-content-hover_c0191 {
    padding: 32px;
  }
}
.media-card_c0191 .card-content-hover_c0191:hover,
.media-card_c0191 .card-content-hover_c0191.opacity-show_c0191,
.media-card_c0191 .card-content-hover_c0191.modal-mode_c0191 {
  opacity: 1;
  background-color: #1d2129;
}
.media-card_c0191 .card-content-hover_c0191.modal-mode_c0191 {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100vw - 40px);
  height: calc(100vh - 64px);
  margin: 32px 20px;
  z-index: 9999;
  border-radius: 12px;
  padding: 26px 20px;
}
.media-card_c0191 .card-title_c0191 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d2129;
  margin: 0;
  color: #ffffff;
  margin-bottom: 30px;
  text-shadow: 0px 0px 4px rgba(29, 33, 41, 0.5);
}
@media (min-width: 768px) {
  .media-card_c0191 .card-title_c0191 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-title_c0191 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.2px;
    font-weight: 700;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
    margin-bottom: 16px;
  }
}
.media-card_c0191 .card-title_c0191 svg {
  display: none;
}
.media-card_c0191 .card-title_c0191.modal-mode_c0191 {
  width: calc(100% - 20px - 20px);
}
.media-card_c0191 .card-title_c0191.modal-mode_c0191 svg {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 26px;
}
.media-card_c0191 .card-desc_c0191 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-desc_c0191 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
    margin-bottom: 16px;
  }
}
.media-card_c0191 .card-cta_c0191 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #63a2ff;
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-cta_c0191 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #63a2ff;
  }
}
.media-card_c0191 .card-cta_c0191 a {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
}
.media-card_c0191 .card-cta_c0191 .link-arrow_c0191 {
  display: inline-flex;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
  align-items: center;
}
.media-card_c0191 .card-cta_c0191 .link-arrow_c0191 svg {
  height: 16px;
  width: 16px;
}
.media-card_c0191 .card-cta_c0191 a:hover {
  color: #96c0ff;
}
.media-card_c0191 .card-cta_c0191 a:hover .link-arrow_c0191 {
  right: -4px;
}
.media-card_c0191 .card-bg_c0191 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.media-card_c0191 .card-bg_c0191 img,
.media-card_c0191 .card-bg_c0191 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1024px) {
  .media-card_c0191 .card-bg_c0191 .card-image-mobile_c0191 {
    display: none;
  }
}
@media (max-width: 1023px) {
  .media-card_c0191 .card-bg_c0191 .card-image_c0191 {
    display: none;
  }
}
@media (max-width: 1023px) {
  .media-card_c0191 .card-bg_c0191 .card-video_c0191 {
    display: none;
  }
}
.title_c0191 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.002em;
  color: #181818;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .title_c0191 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.002em;
    color: #181818;
    margin-bottom: 16px;
  }
}
.desc_c0191 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #4e5969;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .desc_c0191 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .desc_c0191 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #4e5969;
    margin-bottom: 48px;
  }
}
.card-line-container_c0191 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card-line-2_c0191 {
  gap: 20px;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1024px) {
  .card-line-2_c0191 {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
.card-line-3_c0191 {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 1024px) {
  .card-line-3_c0191 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.card-line-4_c0191 {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 1024px) {
  .card-line-4_c0191 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.cta-card_c0191 {
  padding: 24px;
  background-color: #1d2129;
  background-image: url(//assets.byteplus.com/obj/byteplus-assets/images/cms/cta_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  border: 1px solid #e5e6eb;
  box-shadow: 0px 4px 16px 0px rgba(29, 33, 41, 0.08);
  grid-column: span 2;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .cta-card_c0191 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 500px;
    padding: 32px;
    grid-column: unset;
  }
}
.cta-card_c0191 .card-title_c0191 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 700;
  color: #1d2129;
  margin: 0;
  margin-bottom: 16px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .cta-card_c0191 .card-title_c0191 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.2px;
    font-weight: 700;
    color: #1d2129;
    margin: 0;
    margin-bottom: 32px;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  .cta-card_c0191 .card-title_c0191 {
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
    margin-bottom: 32px;
  }
}
.cta-card_c0191 .card-desc_c0191 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .cta-card_c0191 .card-desc_c0191 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
    margin-bottom: 32px;
  }
}
.cta-card_c0191 .card-desc_c0191 .bullet_c0191 {
  display: flex;
  align-items: flex-start;
}
.cta-card_c0191 .card-desc_c0191 .bullet_c0191 + .bullet_c0191 {
  margin-top: 16px;
}
.cta-card_c0191 .card-desc_c0191 .bullet_c0191 svg {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-top: 2px;
}
.cta-card_c0191 a {
  color: inherit;
  text-decoration: none;
}
.cta-card_c0191 .card-cta-box_c0191 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ffffff;
  display: inline-flex;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #86909c;
  box-shadow: 0px 4px 16px 0px rgba(29, 33, 41, 0.04);
  color: #f2f3f8;
}
@media (min-width: 1024px) {
  .cta-card_c0191 .card-cta-box_c0191 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d2129;
    margin: 0;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  .cta-card_c0191 .card-cta-box_c0191 {
    display: flex;
  }
}
.cta-card_c0191 .card-cta-box_c0191:hover {
  border: 1px solid #96c0ff;
  color: #96c0ff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Advantage3/index_module.css */
.tabs-wrapper_91493 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tab_91493 {
  border-radius: 12px;
  background: #f7f8fb;
  width: calc(50% - 10px);
  height: auto;
  min-height: 228px;
  flex-shrink: 0;
  padding: 42px 38px;
  box-sizing: border-box;
}
.tab_91493:nth-child(n+3) {
  margin-top: 20px;
}
.tag_91493 {
  border-radius: 4px;
  border: 1px solid rgba(160, 160, 160, 0.6);
  color: #707070;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.28px;
  padding: 0px 10px;
  width: fit-content;
}
.title_91493 {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  color: #181818;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.56px;
}
.desc_91493 {
  margin-top: 8px;
  color: #4e5969;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.032px;
}
@media screen and (max-width: 1023px) {
  .tab_91493 {
    min-height: 180px;
    padding: 24px;
  }
  .tag_91493 {
    font-size: 12px;
    letter-spacing: -0.24px;
    line-height: 22px;
    padding: 2px 9px;
  }
  .title_91493 {
    margin-top: 6px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
  }
  .desc_91493 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.028px;
  }
}
@media screen and (max-width: 767px) {
  .tab_91493 {
    width: 100%;
    padding: 24px 20px;
  }
  .tab_91493 + .tab_91493 {
    margin-top: 20px;
  }
  .desc_91493 {
    margin-top: 4px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene/ApplicationScenePc/index_module.css */
.application-scene-pc-container_e1616 {
  width: 1200px;
  position: relative;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .title-wrapper_e1616 {
  width: 440px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev4_e1616,
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next4_e1616 {
  display: none !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 {
  left: -1180px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 {
  left: -660px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 {
  left: -140px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-current_e1616 .title-wrapper_e1616 {
  left: 380px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 {
  left: 900px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 {
  left: 1420px !important;
}
.application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 {
  left: 1940px !important;
}
@media screen and (min-width: 1680px) {
  .application-scene-pc-container_e1616.longTextMode_e1616 .title-wrapper_e1616 {
    width: 440px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev4_e1616,
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next4_e1616 {
    display: none !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 {
    left: -1060px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 {
    left: -540px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 {
    left: -20px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-current_e1616 .title-wrapper_e1616 {
    left: 500px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 {
    left: 1020px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 {
    left: 1540px !important;
  }
  .application-scene-pc-container_e1616.longTextMode_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 {
    left: 2060px !important;
  }
}
.application-scene-pc-header_e1616 {
  width: 100%;
  height: 122px;
  position: relative;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 {
  position: absolute;
  width: 100vw;
  height: 222px;
  min-width: 1200px;
  overflow: hidden;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 {
  width: 280px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.8s ease;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  flex: none;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #181818;
  transition: all 0.8s ease;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  flex: none;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #4e5969;
  opacity: 1;
  transition: all 0.8s ease;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  display: block;
  margin-top: 16px;
  flex: none;
  opacity: 1;
  transition: all 0.8s ease;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616 {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616 .link-arrow_e1616 {
  flex: none;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616 .link-arrow_e1616 svg {
  flex: none;
  height: 12px;
  width: 12px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616:hover {
  color: #4086ff;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616:hover .link-arrow_e1616 {
  right: -4px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .title-wrapper_e1616 .tab-link-a_e1616 .tab-link-panel_e1616:active {
  color: #0e49d2;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev4_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: -932px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev4_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev4_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev4_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: -598px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: -264px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: 70px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
  cursor: pointer;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-current_e1616 .title-wrapper_e1616 {
  top: 0px;
  left: 460px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: 849px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
  cursor: pointer;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: 1183px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: 1517px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next4_e1616 .title-wrapper_e1616 {
  top: 44px;
  left: 1851px;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next4_e1616 .title-wrapper_e1616 .tab-title_e1616 {
  opacity: 0.3;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next4_e1616 .title-wrapper_e1616 .tab-description_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next4_e1616 .title-wrapper_e1616 .tab-link-a_e1616 {
  opacity: 0;
  pointer-events: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-outside_e1616 {
  display: none;
}
.application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-fade_e1616 {
  width: 100%;
  height: 122px;
  position: relative;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #ffffff 100%);
}
.application-scene-pc-image_e1616 {
  margin-top: 38px;
  display: flex;
  justify-content: center;
  user-select: none;
}
.application-scene-pc-image_e1616 .scene-image-container_e1616 {
  width: 870px;
  height: 457px;
  flex: none;
  position: relative;
  font-size: 0;
}
.application-scene-pc-image_e1616 .scene-image-container_e1616 img {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.application-scene-pc-image_e1616 .scene-image-container_e1616 .incoming-image_e1616 img {
  opacity: 1;
}
.application-scene-pc-button_e1616 {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 306px;
  user-select: none;
}
.application-scene-pc-button_e1616 .scene-button_e1616 {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #f2f3f8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.application-scene-pc-button_e1616 .scene-button_e1616 svg {
  width: 28px;
  height: 28px;
  stroke: #454545;
  stroke-width: 5;
}
.application-scene-pc-button_e1616 .scene-button_e1616:hover {
  border: 1px solid #4281fd;
}
.application-scene-pc-button_e1616 .scene-button_e1616:hover svg {
  stroke: #696969;
}
.application-scene-pc-button_e1616 .scene-button_e1616:active {
  border: 1px solid #1664ff;
}
.application-scene-pc-button_e1616 .scene-button_e1616:active svg {
  stroke: #454545;
}
@media screen and (min-width: 1680px) {
  .application-scene-pc-container_e1616 {
    width: 1440px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 {
    width: 1440px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev4_e1616 .title-wrapper_e1616 {
    left: -943px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev3_e1616 .title-wrapper_e1616 {
    left: -576px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev2_e1616 .title-wrapper_e1616 {
    left: -209px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-prev1_e1616 .title-wrapper_e1616 {
    left: 158px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-current_e1616 .title-wrapper_e1616 {
    left: 580px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next1_e1616 .title-wrapper_e1616 {
    left: 1002px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next2_e1616 .title-wrapper_e1616 {
    left: 1369px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next3_e1616 .title-wrapper_e1616 {
    left: 1736px;
  }
  .application-scene-pc-header_e1616 .header-content-wrapper_e1616 .header-content_e1616 .tab-panel-next4_e1616 .title-wrapper_e1616 {
    left: 2103px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene/ApplicationSceneMobile/index_module.css */
.application-scene-mobile-container_cb3cd {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.application-scene-card_cb3cd {
  height: 100%;
  background: #f8f9fe;
  border-radius: 8px;
  padding: 36px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.application-scene-card_cb3cd .card-content_cb3cd {
  flex: none;
  padding: 0 35px;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-title_cb3cd {
  margin: unset;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #181818;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-des_cb3cd {
  margin-top: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #4e5969;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-link_cb3cd {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  justify-content: var(--volcfe-text-justify-content, center);
}
.application-scene-card_cb3cd .card-content_cb3cd .card-link_cb3cd .card-link-a_cb3cd {
  flex: none;
  display: block;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-link_cb3cd .card-link-a_cb3cd .card-link-panel_cb3cd {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-link_cb3cd .card-link-a_cb3cd .card-link-panel_cb3cd .link-arrow_cb3cd {
  flex: none;
  margin-left: 5px;
}
.application-scene-card_cb3cd .card-content_cb3cd .card-link_cb3cd .card-link-a_cb3cd .card-link-panel_cb3cd .link-arrow_cb3cd svg {
  height: 14px;
  width: 14px;
}
.application-scene-card_cb3cd .card-image_cb3cd {
  flex: none;
  margin-top: 22px;
  padding: 0 8px;
  width: 100%;
  font-size: 0;
}
.application-scene-card_cb3cd .card-image_cb3cd img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .application-scene-mobile-container_cb3cd {
    display: block;
  }
  .application-scene-card_cb3cd + .application-scene-card_cb3cd {
    margin-top: 16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ApplicationScene/index_module.css */
.application-scene-container_b3d39,
.application-scene-container_b3d39 * {
  box-sizing: border-box;
}
.application-scene-container_b3d39 a,
.application-scene-container_b3d39 a:link,
.application-scene-container_b3d39 a:visited,
.application-scene-container_b3d39 a:hover,
.application-scene-container_b3d39 a:active {
  text-decoration: none;
  color: inherit;
}
.application-scene-pc_b3d39 {
  display: block;
}
.application-scene-mobile_b3d39 {
  display: none;
}
@media screen and (max-width: 1023px) {
  .application-scene-pc_b3d39 {
    display: none;
  }
  .application-scene-mobile_b3d39 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Board/index_module.css */
.cards_4e8db {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
}
.card_4e8db {
  position: relative;
  border-radius: 8px;
  padding: 54px 36px 154px 36px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .card_4e8db.longTextMode_4e8db {
    padding-bottom: 134px;
  }
  .card_4e8db.longTextMode_4e8db .buttons_4e8db {
    padding-right: inherit;
    bottom: 72px;
  }
  .card_4e8db.longTextMode_4e8db .button_4e8db {
    display: flex;
    justify-content: center;
    width: auto;
  }
  .card_4e8db.longTextMode_4e8db .button_4e8db:nth-child(2) {
    margin-top: 10px;
    margin-left: 0;
  }
}
.title_4e8db {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0.003em;
  color: #181818;
  margin: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.items_4e8db {
  margin-top: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.003em;
  color: #4e5969;
}
.yes-icon_4e8db {
  margin-top: 1px;
  flex-shrink: 0;
}
.item_4e8db {
  display: flex;
}
.item_4e8db span {
  margin-left: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.item_4e8db + .item_4e8db {
  margin-top: 6px;
}
.buttons_4e8db {
  position: absolute;
  bottom: 54px;
  left: 0;
  width: 100%;
  padding-left: inherit;
  height: 46px;
}
.button_4e8db {
  display: inline-flex;
  height: 100%;
  align-items: center;
  padding: 0 46px;
  background: #1664ff;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #ffffff;
  text-decoration: none;
}
.button_4e8db:nth-child(2) {
  padding: 0;
  margin-left: 32px;
  background: unset;
  font-weight: 500;
  color: #1664ff;
}
.button_4e8db:nth-child(2) svg {
  margin-left: 5px;
}
@media screen and (max-width: 1023px) {
  .card_4e8db {
    padding: 36px 24px 98px 24px;
    grid-column-gap: 20px;
  }
  .title_4e8db {
    font-size: 18px;
    line-height: 26px;
    color: #020814;
  }
  .items_4e8db {
    margin-top: 12px;
  }
  .buttons_4e8db {
    height: 40px;
    bottom: 36px;
  }
  .button_4e8db {
    padding: 9px 24px;
  }
  .button_4e8db:nth-child(2) {
    margin-left: 12px;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .cards_4e8db {
    flex-direction: column;
    grid-template-columns: repeat(1, 1fr);
  }
  .card_4e8db {
    width: 100%;
  }
  .card_4e8db + .card_4e8db {
    margin-top: 20px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/FooterBP/index_module.css */
.title_27cc8 {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .title_27cc8 {
    max-width: 340px;
  }
}
@media (min-width: 1024px) {
  .title_27cc8 {
    max-width: 552px;
  }
}
@media (max-width: 1023px) {
  .title_27cc8 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
  }
}
.buttons_27cc8 {
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .buttons_27cc8 {
    display: block;
  }
}
.button_27cc8 {
  flex-shrink: 0;
  display: block;
  box-sizing: border-box;
  height: 48px;
  padding: 0 24px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid;
  line-height: 46px;
  border-radius: 4px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .button_27cc8 {
    min-width: 240px;
  }
}
.button_27cc8.primary_27cc8 {
  background: #0066fc;
  border-color: #0066fc;
}
.button_27cc8.secondary_27cc8 {
  margin-left: 24px;
  border-color: #4e5969;
}
@media (max-width: 1023px) {
  .button_27cc8.secondary_27cc8 {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .button_27cc8.secondary_27cc8 {
    margin-left: 0;
    margin-top: 16px;
  }
}
.button_27cc8 svg {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .button_27cc8 svg {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Guide/index_module.css */
.guide_5b86f {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
  font-family: "PingFang SC";
}
.card_5b86f {
  overflow: hidden;
  border-radius: 12px;
  background: #f7f8fb;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  padding: 28px;
}
.card__title_5b86f {
  color: #181818;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.06px;
}
.card__title-link_5b86f {
  text-decoration: none;
  cursor: pointer;
}
.card__title-link_5b86f:hover {
  color: #1664ff;
}
.card__desc_5b86f {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.028px;
  margin-top: 8px;
}
.card_5b86f .hr_5b86f {
  height: 1px;
  background-color: #fff;
  margin-top: 16px;
  margin-bottom: 26px;
}
.card__link_5b86f {
  color: #4e5969;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.028px;
  margin-top: 10.5px;
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
.card__link__mark_5b86f {
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  align-self: flex-start;
  border-radius: 4px;
  margin-top: 9px;
  margin-right: 12px;
  background-color: #4e5969;
}
.card__link_5b86f:hover {
  color: #1664ff;
}
.card__link_5b86f:hover .card__link__mark_5b86f {
  background-color: #1664ff;
}
.big-card_5b86f {
  grid-row-start: 1;
  grid-row-end: 3;
}
@media screen and (max-width: 1023px) {
  .guide_5b86f {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
  .big-card_5b86f {
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 767px) {
  .guide_5b86f {
    display: flex;
    flex-direction: column;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/NavigatorSticky/index_module.css */
@media screen and (max-width: 1023px) {
  .pc_8c929 {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-height-0_8c929 {
    height: 0 !important;
  }
}
.Navi_8c929 {
  width: 100%;
  position: relative;
  top: 0;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  z-index: 99;
  display: flex;
}
.moTabs_8c929 {
  width: 1200px;
  max-width: 100%;
  display: flex;
  position: relative;
}
@media (min-width: 1680px) {
  .moTabs_8c929 {
    width: 1200px;
    width: var(--volcfe-nav-width-xl, 1200px);
  }
}
.moTab_8c929 {
  display: flex;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0.002em;
  color: #181818;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 1 1;
  flex: 1;
  flex: var(--volcfe-nav-stikcy-tab-flex, 1);
}
.moTab_8c929:not(:first-child) {
  margin-left: 0;
  margin-left: var(--volcfe-nav-gap, 0);
}
.moTab_8c929 .moTabInner_8c929 {
  position: relative;
}
.moTabNow_8c929 {
  color: transparent;
}
.moTabNow_8c929 .moTabInner_8c929:after {
  content: attr(title);
  position: absolute;
  left: 0;
  color: #1664ff;
  font-weight: 500;
  width: calc(100% + 20px);
}
.highLightLine_8c929 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: #1664ff;
  border-radius: 12px 12px 0 0;
}
.slot-wrapper_8c929 {
  background-color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .solutionsBody {
    min-width: 1200px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202309/Partnership/index_module.css */
.pc_04531 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc_04531 {
    display: block;
  }
}
.mobile_04531 {
  display: none;
}
@media screen and (max-width: 1023px) {
  .mobile_04531 {
    display: block;
  }
}
.container_04531 {
  width: 100%;
  height: 440px;
  background: #fff no-repeat center / auto 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .container_04531 {
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
}
.anchor_04531 {
  position: absolute;
  width: 1040px;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.item_04531 {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .item_04531 {
    padding: 0 20px 20px 20px;
    position: absolute;
  }
  .item_04531:hover .icon_04531 {
    transform: translateY(-3px);
  }
}
@media screen and (max-width: 1023px) {
  .item_04531 {
    background: #f8f9fe;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px;
  }
  .item_04531 span {
    color: #42464e;
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.036px;
    margin-top: 12px;
  }
  .item_04531 a {
    margin-left: 6px;
    text-decoration: none;
    color: #1664ff;
    margin-top: 9px;
    font-size: 12px;
  }
}
.explain_04531 {
  color: rgba(78, 89, 105, 0.6);
  font-feature-settings: "clig" off, "liga" off;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.028px;
}
@media screen and (max-width: 1023px) {
  .explain_04531 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .explain_04531:before,
  .explain_04531:after {
    display: block;
    content: "";
    flex: 1 1;
    height: 1px;
    background: #eaedf1;
  }
  .explain_04531:before {
    margin-right: 10px;
  }
  .explain_04531:after {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .explain_04531 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .icon_04531 {
    width: 208px;
    height: 64px;
    transition: transform 0.5s;
  }
}
@media screen and (max-width: 1023px) {
  .icon_04531 {
    max-width: 140px;
    width: 100%;
    height: auto;
  }
}
.tooltipWrap_04531 {
  border: 0.5px solid #dde2e9;
  border-radius: 4px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
}
.tooltipWrap_04531 .arco-tooltip-content {
  background: #fff;
  box-shadow: none;
  border-radius: 4px;
}
.tooltipWrap_04531 .arco-tooltip-content span {
  color: #42464e;
}
.tooltipWrap_04531 .arco-tooltip-content a {
  color: #1664ff;
  text-decoration: none;
  margin-left: 6px;
}
.tooltipWrap_04531 .arco-tooltip-arrow {
  border: 0.5px solid #dde2e9;
  background: #fff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Pricing/index_module.css */
.container_59dfb {
  display: flex;
  justify-content: space-between;
}
.tab_59dfb {
  height: auto;
  flex: 1 1;
  position: relative;
}
.tab_59dfb h3 {
  margin: 0;
  padding: 0;
  color: #181818;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.06px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.tab_59dfb h3 svg {
  display: none;
}
.tab_59dfb + .tab_59dfb {
  margin-left: 64px;
}
.desc_59dfb {
  margin-top: 12px;
  color: #4e5969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}
.button_59dfb {
  text-decoration: none;
  margin-top: 20px;
  color: #1664ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.042px;
  display: flex;
  align-items: center;
}
.button_59dfb svg {
  margin-left: 4px;
  transition: transform 0.3s;
}
.button_59dfb:hover {
  color: #3888ff;
}
.button_59dfb:hover svg {
  transform: translateX(4px);
}
.button_59dfb:active {
  color: #014fe9;
}
@media screen and (max-width: 1023px) {
  .container_59dfb {
    flex-wrap: wrap;
  }
  .tab_59dfb {
    flex: initial;
    width: calc(50% - 24px);
    margin-left: unset !important;
  }
  .tab_59dfb:nth-child(n+3) {
    margin-top: 31px;
  }
  .tab_59dfb h3 {
    font-size: 18px;
    letter-spacing: 0.036px;
  }
  .desc_59dfb {
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .container_59dfb {
    flex-direction: column;
  }
  .tab_59dfb {
    padding: 16px;
    background-color: #f7f8fb;
    border-radius: 4px;
    width: 100%;
    max-height: 50px;
    box-sizing: border-box;
    transition: max-height 0.3s;
    overflow: hidden;
  }
  .tab_59dfb + .tab_59dfb {
    margin-top: 12px;
  }
  .tab_59dfb h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.028px;
  }
  .tab_59dfb h3 svg {
    display: block;
    font-size: 12px;
    transition: transform 0.3s;
  }
  .tab_59dfb.open_59dfb {
    max-height: 400px;
  }
  .tab_59dfb.open_59dfb h3 svg {
    transform: rotate(180deg);
  }
  .desc_59dfb {
    margin-top: 15px;
  }
  .button_59dfb {
    margin-top: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene2/PCRender/index_module.css */
.outer_a6ae1 {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .outer_a6ae1 {
    display: none;
  }
}
.selector_a6ae1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 15px;
}
.select-item_a6ae1 {
  color: #4e5969;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}
.select-item_a6ae1 + .select-item_a6ae1 {
  margin-left: 48px;
}
.select-item_a6ae1:hover {
  color: #80838a;
}
.select-item_a6ae1.active_a6ae1 {
  color: #1664ff;
}
.highlight-line_a6ae1 {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  height: 2px;
  border-radius: 4px 4px 0 0;
  background-color: #1664ff;
}
.contents-wrap_a6ae1 {
  position: relative;
  margin-top: 24px;
  height: 640px;
  background-color: #3a7cff;
}
.tab_a6ae1 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  left: 0;
  top: 0;
  transition: opacity 0.2s;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.tab_a6ae1.active_a6ae1 {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
  pointer-events: all;
}
.tab-content_a6ae1 {
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-part-texts_a6ae1 {
  left: 0;
  top: 213px;
}
.title_a6ae1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.064px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.desc_a6ae1 {
  margin-top: 12px;
  width: 384px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.032px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.button_a6ae1 {
  text-decoration: none;
  left: 0;
  display: inline-block;
  bottom: 209px;
  padding: 10px 43px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 34.492px;
  letter-spacing: 0.048px;
  border-radius: 4px;
  border: 1px solid #fff;
  box-shadow: 0px 6px 8px 0px rgba(46, 70, 146, 0.1);
  margin-top: 32px;
}
.button_a6ae1:hover {
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.right-part_a6ae1 {
  flex-shrink: 1;
  margin-left: 200px;
}
@media (max-width: 1679px) {
  .right-part_a6ae1 {
    margin-left: 80px;
  }
}
.right-part-head_a6ae1 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.028px;
}
.right-part-content_a6ae1 {
  margin-top: 15px;
  box-sizing: border-box;
  max-width: 751px;
  height: 243px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 40px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 18px 0px rgba(22, 56, 123, 0.1);
  backdrop-filter: blur(22px);
}
.product_a6ae1 {
  display: block;
  text-decoration: none;
  width: 50%;
  height: 50%;
  padding: 30px 0;
  box-sizing: border-box;
}
.product_a6ae1 img {
  display: inline-block;
  width: 36px;
  height: 36px;
  object-fit: contain;
  vertical-align: top;
}
.product_a6ae1 .product-texts_a6ae1 {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}
.product_a6ae1 .product-texts_a6ae1 .product-title_a6ae1 {
  color: #181818;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.054px;
}
.product_a6ae1 .product-texts_a6ae1 .product-desc_a6ae1 {
  margin-top: 6px;
  color: rgba(78, 89, 105, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.042px;
  width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product_a6ae1:hover .product-title_a6ae1 {
  color: #1664ff;
}
.product_a6ae1:nth-child(-n+2) {
  border-bottom: 1px solid #d9d9d9;
}
.product_a6ae1.long_a6ae1 {
  width: 100%;
}
.product_a6ae1.long_a6ae1 .product-texts_a6ae1 {
  width: calc(100% - 48px);
}
.product_a6ae1.long_a6ae1:nth-child(n+2) {
  border-bottom: unset;
}
.product_a6ae1.long_a6ae1 .product-desc_a6ae1 {
  width: 100%;
}
@media screen and (max-width: 1679px) {
  .selector_a6ae1 {
    min-width: 1200px;
  }
  .contents-wrap_a6ae1 {
    height: 480px;
    min-width: 1200px;
  }
  .tab-content_a6ae1 {
    width: 1200px;
  }
  .left-part-texts_a6ae1 {
    top: 131px;
  }
  .button_a6ae1 {
    bottom: 131px;
  }
}
@media screen and (max-width: 1023px) {
  .selector_a6ae1 {
    min-width: unset;
    padding-bottom: 8px;
  }
  .select-item_a6ae1 {
    font-size: 14px;
  }
  .select-item_a6ae1 + .select-item_a6ae1 {
    margin-left: 32px;
  }
  .contents-wrap_a6ae1 {
    min-width: unset;
    height: 256px;
  }
  .tab-content_a6ae1 {
    width: 100%;
    padding: 0 24px;
  }
  .left-part-texts_a6ae1 {
    left: 20px;
    top: 58px;
  }
  .title_a6ae1 {
    font-size: 18px;
    letter-spacing: 0.036px;
  }
  .desc_a6ae1 {
    margin-top: 6px;
    width: 279px;
    font-size: 14px;
    letter-spacing: 0.028px;
  }
  .button_a6ae1 {
    bottom: 50px;
    left: 20px;
    padding: 5px 24px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.042px;
  }
  .right-part-head_a6ae1 {
    font-weight: 400;
  }
  .right-part-content_a6ae1 {
    max-width: 296px;
    height: 84px;
    padding: 0;
    border-radius: unset;
    border: unset;
    background: unset;
    box-shadow: unset;
    backdrop-filter: unset;
    justify-content: space-between;
  }
  .product_a6ae1 {
    width: 141px !important;
    border-bottom: unset !important;
    height: 36px;
    padding: 7px 12px;
    border-radius: 4px;
    background: #f2f3f8;
  }
  .product_a6ae1 img {
    display: none;
  }
  .product_a6ae1 .product-texts_a6ae1 {
    margin-left: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .product_a6ae1 .product-texts_a6ae1 .product-title_a6ae1 {
    color: rgba(24, 24, 24, 0.8);
    color: var(--text-2, rgba(24, 24, 24, 0.8));
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.028px;
  }
  .product_a6ae1 .product-texts_a6ae1 .product-desc_a6ae1 {
    display: none;
  }
  .product_a6ae1.long_a6ae1 .product-texts_a6ae1 {
    width: auto;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene2/MobileRender/index_module.css */
.tab_7f892 {
  display: none;
}
.tab-product-head_7f892 {
  margin-top: 16px;
  color: #1a202c;
  color: var(--greyscale-900, #1a202c);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.028px;
}
.products_7f892 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product_7f892 {
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  margin-top: 12px;
  border-radius: 4px;
  background: #fff;
  width: calc(50% - 4.5px);
  padding: 7px 12px;
  color: rgba(24, 24, 24, 0.8);
  color: var(--text-2, rgba(24, 24, 24, 0.8));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.028px;
}
@media screen and (max-width: 767px) {
  .tab_7f892 {
    display: block;
    padding: 15px;
    background-color: #f7f8fb;
    border-radius: 4px;
    max-height: 50px;
    overflow: hidden;
    box-sizing: border-box;
    transition: max-height 0.3s;
  }
  .tab_7f892 h3 {
    margin: 0;
    padding: 0;
    color: #181818;
    color: var(--text-1, #181818);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.028px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .tab_7f892 h3 svg {
    font-size: 12px;
    transition: transform 0.3s;
  }
  .tab_7f892.open_7f892 {
    max-height: 400px;
  }
  .tab_7f892.open_7f892 h3 svg {
    transform: rotate(180deg);
  }
  .tab_7f892 + .tab_7f892 {
    margin-top: 12px;
  }
  .desc_7f892 {
    margin-top: 15px;
    color: #4e5969;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.042px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Scene2/index_module.css */
.container_bcdb6 {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .container_bcdb6 {
    padding-bottom: 48px !important;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/QandA/Collapse/index_module.css */
.collapse_f0819 {
  overflow: hidden;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/QandA/index_module.css */
.q-and-a_cb078 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  .q-and-a_cb078 .nav-bp_cb078 > div {
    padding: 0;
  }
}
.nav_cb078 {
  align-self: stretch;
  margin: 0 -24px;
}
.items_cb078 {
  width: 100%;
  margin-top: 43px;
}
.item_cb078 {
  border-top: 1px solid #f1f1f2;
}
.item_cb078:first-child {
  border-top: 0;
}
.question_cb078 {
  display: flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #191919;
  transition: color 0.1s;
}
.question_cb078:hover {
  color: #5e5e5e;
}
.question_cb078 svg {
  transition: transform 0.1s;
}
.question_cb078:not(.active_cb078) > svg {
  transform: rotate(180deg);
}
.question_cb078 > div {
  flex: 1 1;
  margin-right: 8px;
}
.answer_cb078 {
  color: #4e5969;
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.28px;
  padding-bottom: 12px;
  max-width: 900px;
}
.more-questions_cb078 {
  color: #191919;
  letter-spacing: -0.28px;
  margin-top: 16px;
}
.override-rich-text_cb078 p {
  margin: 0;
}
.override-rich-text_cb078 a {
  color: #1664ff;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .items_cb078 {
    margin-top: 27px;
  }
}
@media screen and (max-width: 767px) {
  .items_cb078 {
    padding: 0;
    margin-top: 24px;
  }
  .question_cb078 {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapaGrid/CapaItem/index_module.css */
.capa-item-container_93ed7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--product-v4-capa-grid-item-align, center);
}
.capa-item-container_93ed7 .capa-item-img_93ed7 {
  flex: none;
  font-size: 0;
  width: 48px;
  height: 48px;
}
.capa-item-container_93ed7 .capa-item-img_93ed7 img {
  width: 100%;
  height: 100%;
}
.capa-item-container_93ed7 .capa-content-wrapper_93ed7 {
  flex: none;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: var(--product-v4-capa-grid-item-align, center);
}
.capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-title_93ed7 {
  flex: none;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.002em;
  color: #181818;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
}
@media (max-width: 1023px) {
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-title_93ed7 {
    text-align: left;
  }
}
.capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-des_93ed7 {
  flex: none;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
  text-align: center;
  text-align: var(--product-v4-capa-grid-item-text-align, center);
}
.capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-detail_93ed7 {
  color: #1664ff;
  white-space: nowrap;
  align-items: center;
}
@media (min-width: 768px) {
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-detail_93ed7 {
    display: inline-flex;
    margin-top: 0;
    margin-top: var(--product-v4-capa-grid-detail-link-pc-margin, 0);
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-detail_93ed7:before {
    content: " ";
    display: none;
    display: var(--product-v4-capa-grid-detail-link-break-display, none);
  }
}
@media (max-width: 767px) {
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-detail_93ed7 {
    margin-top: 6px;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .capa-item-container_93ed7 {
    flex-direction: row;
    align-items: flex-start;
  }
  .capa-item-container_93ed7 .capa-item-img_93ed7 {
    width: 36px;
    height: 36px;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 {
    flex: auto;
    margin-top: 0;
    margin-left: 18px;
    align-items: flex-start;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-title_93ed7 {
    font-size: 16px;
    line-height: 22px;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-des_93ed7 {
    margin-top: 6px;
    font-size: 13px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .capa-item-container_93ed7 {
    flex-direction: row;
    align-items: flex-start;
  }
  .capa-item-container_93ed7 .capa-item-img_93ed7 {
    width: 40px;
    height: 40px;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 {
    flex: auto;
    margin-top: 4px;
    margin-left: 16px;
    align-items: flex-start;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-title_93ed7 {
    font-size: 16px;
    line-height: 22px;
  }
  .capa-item-container_93ed7 .capa-content-wrapper_93ed7 .capa-item-des_93ed7 {
    margin-top: 6px;
    font-size: 13px;
    text-align: left;
  }
}
.detail-link-break_93ed7 {
  display: none;
  display: var(--product-v4-capa-grid-detail-link-break-display, none);
}
@media screen and (max-width: 767px) {
  .detail-link-break_93ed7 {
    display: none;
  }
}
@media (max-width: 767px) {
  .pc_93ed7 {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile_93ed7 {
    display: none;
  }
}
.link-arrow_93ed7 {
  margin-left: 8px;
  display: block;
}
@media (min-width: 768px) {
  .link-arrow_93ed7 {
    display: none;
    display: var(--product-v4-capa-grid-detail-link-arrow-display-pc, none);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapaGrid/FoldableCapaItems/index_module.css */
.foldable-capa-items-container_e1cd6 .capa-items-outer_e1cd6 {
  overflow: hidden;
  visibility: hidden;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.foldable-capa-items-container_e1cd6 .capa-items-outer_e1cd6 .capa-items-wrapper_e1cd6 {
  position: relative;
}
.foldable-capa-items-container_e1cd6 .capa-items-outer_e1cd6 .capa-items-wrapper_e1cd6 > :not(:first-child) {
  margin-top: 32px;
}
.foldable-capa-items-container_e1cd6 .capa-items-mobile-fold-expand_e1cd6 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1664ff;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.foldable-capa-items-container_e1cd6 .capa-items-mobile-fold-expand_e1cd6 .capa-items-mobile-fold-expand-icon_e1cd6 {
  padding-left: 6px;
  width: 22px;
  height: 22px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapaGrid/index_module.css */
.product-capa-grid-container_4d3b7 {
  width: 100%;
}
.product-capa-grid-container_4d3b7,
.product-capa-grid-container_4d3b7 * {
  box-sizing: border-box;
}
.product-capa-grid-container_4d3b7 a,
.product-capa-grid-container_4d3b7 a:link,
.product-capa-grid-container_4d3b7 a:visited,
.product-capa-grid-container_4d3b7 a:hover,
.product-capa-grid-container_4d3b7 a:active {
  text-decoration: none;
  color: inherit;
}
.pc-wrapper_4d3b7 {
  width: 100%;
  display: grid;
}
.pc-wrapper_4d3b7.column-3_4d3b7 {
  grid-template-columns: repeat(3, 1fr);
  padding: 0 80px;
  padding: 0 var(--product-v4-capa-grid-padding-x, 80px);
  gap: 46px 150px;
  gap: 46px var(--product-v4-capa-grid-gap-x-col3-lg, 150px);
}
.pc-wrapper_4d3b7.column-4_4d3b7 {
  grid-template-columns: repeat(4, 1fr);
  padding: 0 25px;
  padding: 0 var(--product-v4-capa-grid-padding-x, 25px);
  gap: 46px 50px;
  gap: 46px var(--product-v4-capa-grid-gap-x-col4-lg, 50px);
}
.mobile-wrapper_4d3b7 {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-wrapper_4d3b7 {
    display: none;
  }
  .mobile-wrapper_4d3b7 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pc-wrapper_4d3b7.column-3_4d3b7,
  .pc-wrapper_4d3b7.column-4_4d3b7 {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 36px;
    padding: 0 var(--product-v4-capa-grid-padding-x, 36px);
    gap: 36px 76px;
  }
}
@media screen and (min-width: 1680px) {
  .pc-wrapper_4d3b7.column-3_4d3b7 {
    padding: 0 120px;
    padding: 0 var(--product-v4-capa-grid-padding-x, 120px);
    gap: 46px 120px;
  }
  .pc-wrapper_4d3b7.column-4_4d3b7 {
    padding: 0;
    gap: 46px 80px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductDyna3/index_module.css */
.pc-render_b691d {
  display: flex;
  flex-direction: column;
}
.mobile-pad-render_b691d {
  display: none;
}
.carousel-row_b691d {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -16px;
  position: relative;
}
.arrow_b691d {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  box-sizing: border-box;
  padding-left: 14px;
  padding-top: 13px;
  border: 1px solid #f7f7f9;
  background-color: #f7f7f9;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.arrow_b691d:hover {
  border: 1px solid #4281fd;
  color: #696969;
}
.arrow_b691d:active {
  border: 1px solid #1664ff;
  color: #454545;
}
.button-left_b691d {
  left: -60px;
}
@media screen and (min-width: 1680px) {
  .button-left_b691d {
    left: -86px;
  }
}
@media (max-width: 1439px) {
  .button-left_b691d {
    left: 1px;
  }
}
.button-right_b691d {
  transform: translateY(-50%) rotate(180deg);
  margin-left: 20px;
  right: -60px;
}
@media screen and (min-width: 1680px) {
  .button-right_b691d {
    right: -86px;
  }
}
@media (max-width: 1439px) {
  .button-right_b691d {
    right: 1px;
  }
}
.card-group_b691d {
  display: flex;
  padding: 16px 0;
  background-color: #fff;
}
.card_b691d {
  text-decoration: none;
  flex: none;
  width: 336px;
  height: 175px;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #e5e8ef;
  background: #fff;
  cursor: pointer;
  transition: box-shadow 0.1s;
}
.card_b691d:hover {
  box-shadow: 0px 1px 16px 0px rgba(51, 65, 101, 0.15);
}
@media (min-width: 1440px) {
  .card_b691d {
    width: 386.33px;
    width: 386.6666666667px;
  }
}
@media (min-width: 1680px) {
  .card_b691d {
    width: 453.33px;
    width: 453.3333333333px;
  }
}
@media (max-width: 1023px) {
  .card_b691d {
    min-height: 175px;
    height: auto;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .card_b691d:nth-child(4) {
    display: none;
  }
}
.card_b691d + .card_b691d {
  margin-left: 20px;
}
@media screen and (min-width: 1680px) {
  .card_b691d + .card_b691d {
    margin-left: 40px;
  }
}
@media (max-width: 1023px) {
  .card_b691d + .card_b691d {
    margin: 0;
  }
}
.card-empty_b691d {
  visibility: hidden;
}
.date_b691d {
  color: rgba(78, 89, 105, 0.7);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.title_b691d {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.desc_b691d {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.028px;
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.dots_b691d {
  display: flex;
  justify-content: center;
}
.dot_b691d {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #e5e8ef;
  cursor: pointer;
  margin-top: 8px;
}
.dot_b691d + .dot_b691d {
  margin-left: 8px;
}
.dot_b691d.active_b691d {
  background-color: #1664ff;
}
@media screen and (min-width: 1680px) {
  .button-left_b691d {
    margin-right: 46px;
  }
  .button-right_b691d {
    margin-left: 46px;
  }
}
@media screen and (max-width: 1023px) {
  .pc-render_b691d {
    display: none;
  }
  .mobile-pad-render_b691d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .mobile-pad-render_b691d {
    grid-template-columns: 1fr;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202309/ProductFunc/index_module.css */
.container_c36c8 {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .container_c36c8 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container_c36c8 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .container_c36c8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card_c36c8 {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .card_c36c8 {
    height: 299px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .card_c36c8 {
    height: 420px;
  }
}
@media screen and (min-width: 1024px) {
  .card_c36c8 {
    height: 450px;
  }
}
.card_c36c8:hover .hoverVideo_c36c8 {
  opacity: 1;
}
.cardTop_c36c8 {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cardTop_c36c8 {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cardTop_c36c8 {
    height: 193px;
  }
}
@media screen and (min-width: 1024px) {
  .cardTop_c36c8 {
    height: 212px;
  }
}
.cardTop_c36c8 .hoverVideo_c36c8 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  .cardTop_c36c8 .hoverVideo_c36c8 {
    display: none;
  }
}
.cardBottom_c36c8 {
  flex: 1 1;
  background: #f7f8fb;
}
@media screen and (max-width: 767px) {
  .cardBottom_c36c8 {
    padding: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cardBottom_c36c8 {
    padding: 28px 24px;
  }
}
@media screen and (min-width: 1024px) {
  .cardBottom_c36c8 {
    padding: 32px 24px;
  }
}
.cardBottom_c36c8 .title_c36c8 {
  color: #181818;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
  text-transform: capitalize;
}
.cardBottom_c36c8 .des_c36c8 {
  margin-top: 8px;
  color: #42464e;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.042px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cardBottom_c36c8 .linksWrap_c36c8 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 19px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cardBottom_c36c8 .linksWrap_c36c8 {
    margin-top: 11px;
  }
}
@media screen and (max-width: 767px) {
  .cardBottom_c36c8 .linksWrap_c36c8 {
    display: none;
  }
}
.cardBottom_c36c8 .linksWrap_c36c8 .link_c36c8 {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 12px;
  margin-top: 5px;
  color: #1664ff;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
}
.cardBottom_c36c8 .linksWrap_c36c8 .link_c36c8:hover {
  color: #4086ff;
}
.cardBottom_c36c8 .linksWrap_c36c8 .link_c36c8:not(:first-child):before {
  display: block;
  content: "";
  width: 1px;
  height: 10px;
  background: #d9d9d9;
  margin-right: 12px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SecurityAndPrivacy/index_module.css */
.mob_bb0b0 {
  display: none;
}
@media (max-width: 767px) {
  .mob_bb0b0 {
    display: block;
  }
}
.not-mob_bb0b0 {
  display: block;
}
@media (max-width: 767px) {
  .not-mob_bb0b0 {
    display: none;
  }
}
.intro-wrap_bb0b0 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #e5e8ef;
}
@media (max-width: 1023px) {
  .intro-wrap_bb0b0 {
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .intro-wrap_bb0b0 {
    grid-row-gap: 32px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.intro-title_bb0b0 {
  font-weight: 600;
  color: #181818;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .intro-title_bb0b0 {
    font-size: 16px;
    line-height: 20px;
  }
}
.intro-des_bb0b0 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
}
.cards-title_bb0b0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #181818;
}
.cards-title-title_bb0b0 {
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (max-width: 1023px) {
  .cards-title-title_bb0b0 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .cards-title-title_bb0b0 {
    font-size: 16px;
    line-height: 20px;
  }
}
.cards-title-link_bb0b0 {
  color: #1664ff;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  width: fit-content;
}
@media (max-width: 767px) {
  .cards-title-link_bb0b0 {
    margin-top: 32px;
    font-size: 14px;
    line-height: 20px;
  }
}
.card-wrap_bb0b0 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 136px);
  grid-template-areas: "card1 card3" "card2 card3";
  gap: 20px;
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .card-wrap_bb0b0 {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .card-wrap_bb0b0 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 136px);
    grid-template-areas: "card1" "card2" "card3" "card3";
    gap: 16px;
  }
}
.card_bb0b0 {
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 28px 48px;
  color: #fff;
}
@media (max-width: 1023px) {
  .card_bb0b0 {
    padding: 20px 24px;
  }
}
@media (max-width: 767px) {
  .card_bb0b0 {
    padding: 20px;
  }
}
.card-image_bb0b0 {
  width: 80px;
  height: 80px;
  margin-right: 24px;
}
@media (max-width: 1023px) {
  .card-image_bb0b0 {
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }
}
.card-title_bb0b0 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
}
.card-des_bb0b0 {
  color: #c9dfff;
  font-size: 14px;
  line-height: 20px;
}
.card-item_bb0b0 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.card-item_bb0b0:not(:first-child) {
  margin-top: 6px;
}
.card-left-top_bb0b0 {
  grid-area: card1;
  background: #002863;
}
.card-left-bottom_bb0b0 {
  grid-area: card2;
  background: #0066fc;
}
.card-right_bb0b0 {
  grid-area: card3;
  background: #0398cc;
  justify-content: center;
}
.card-right_bb0b0 .card-image_bb0b0 {
  width: 120px;
  height: 120px;
  margin-right: 50px;
}
@media (max-width: 1023px) {
  .card-right_bb0b0 .card-image_bb0b0 {
    width: 90px;
    height: 90px;
    margin-right: 16px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Specification/index_module.css */
.container_53e02 {
  border-radius: 12px;
  border: 1px solid #e5e6eb;
  background: #fff;
  height: 590px;
  display: flex;
  flex-direction: row-reverse;
}
.right-part_53e02 {
  border-left: 1px solid #eaedf1;
  border-radius: 0 12px 12px 0;
  background: #f7f8fb;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.sub-title_53e02 {
  flex-basis: 88px;
  border-bottom: 1px solid #eaedf1;
  padding: 32px;
  box-sizing: border-box;
  color: #020814;
  color: var(--text-color-text-1, #020814);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.048px;
}
.right-content_53e02 {
  padding: 32px;
  position: relative;
  flex: 1 1;
}
.right-content-title_53e02 {
  display: block;
  color: #41464f;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
  margin-bottom: 4px;
}
.selector_53e02 {
  margin-bottom: 28px;
}
.selector_53e02 .item_53e02 {
  margin-top: 8px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #c9cdd4;
  border: 1px solid var(--line-2-c-9-cdd-4, #c9cdd4);
  background: #fff;
  padding: 4px 16px;
  color: #4e5969;
  color: var(--t-34-e-5969, #4e5969);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: fit-content;
  cursor: pointer;
  margin-right: 12px;
}
.selector_53e02 .item_53e02.selected_53e02 {
  border: 1px solid #1664ff;
  border: 1px solid var(--b-161664-ff, #1664ff);
  color: #1664ff;
  color: var(--b-161664-ff, #1664ff);
}
.buttons_53e02 {
  position: absolute;
  bottom: 52px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 64px);
}
.button_53e02 {
  flex: 1 1;
  cursor: pointer;
  user-select: none;
  max-width: calc(50% - 12px);
  text-decoration: none;
  border-radius: 4px;
  background: #1664ff;
  box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.15), 0px 4px 10px 0px rgba(46, 70, 146, 0.1);
  padding: 5px 16px;
  text-align: center;
  color: #fff;
  color: var(--color-white, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.042px;
}
.button_53e02:hover {
  background-color: #4281ff;
  box-shadow: 0px 6px 8px 0px rgba(46, 70, 146, 0.1);
}
.button_53e02:active {
  background-color: #0055ff;
}
.button_53e02:not(:first-child) {
  margin-left: 23px;
  border: 1px solid #f3f3f3;
  background: #fff;
  box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.05);
  color: #181818;
}
.button_53e02:not(:first-child):hover {
  background-color: #f6f8fa;
  border: 1px solid #4281fd;
  color: #41464f;
  box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.05);
}
.button_53e02:not(:first-child):active {
  background-color: #f6f8fa;
  border: 1px solid #1664ff;
  color: #101010;
}
.left-part_53e02 {
  padding: 52px 32px;
  flex: 1 1;
}
.left-part-inner_53e02 {
  position: relative;
  height: 100%;
}
.left-part-title_53e02 {
  margin: 0;
  padding: 0;
  color: #181818;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.04px;
}
.left-part-desc_53e02 {
  margin-top: 10px;
  color: #4e5969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.028px;
}
.left-part-cases-title_53e02 {
  color: #4e5969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.028px;
  margin-top: 24px;
  opacity: 0.7;
}
.left-part-case_53e02 {
  margin-top: 10px;
  display: flex;
}
.left-part-case_53e02 svg {
  flex-shrink: 0;
  padding-top: 2px;
}
.left-part-case_53e02 span {
  margin-left: 6px;
  color: #41464f;
  color: var(--text-color-text-2, #41464f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.028px;
}
.left-part-capabilities_53e02 {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.left-part-capability_53e02 {
  padding-right: 20px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 1;
}
.left-part-capability_53e02:not(:first-child) {
  border-left: 1px solid #eaedf1;
  padding-left: 20px;
}
.capability-title_53e02 {
  color: #4e5969;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.036px;
}
.capability-desc_53e02 {
  margin-bottom: 8px;
  vertical-align: bottom;
}
.capability-desc_53e02 em {
  color: #181818;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.capability-desc_53e02 span {
  color: #181818;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.036px;
}
@media screen and (max-width: 1023px) {
  .card-container_53e02 {
    display: none;
  }
}
.word-with-tooltip_53e02 {
  text-decoration: underline;
  cursor: pointer;
}
.tooltip-wrap_53e02 {
  border: 0.5px solid #dde2e9;
  border-radius: 4px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05), 0px 15px 35px -2px rgba(0, 0, 0, 0.05);
}
.tooltip-wrap_53e02 .arco-tooltip-content {
  background: #fff;
  box-shadow: none;
  border-radius: 4px;
}
.tooltip-wrap_53e02 .arco-tooltip-content span {
  color: #42464e;
}
.tooltip-wrap_53e02 .arco-tooltip-arrow {
  border: 0.5px solid #dde2e9;
  background: #fff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/Table/index_module.css */
@media (max-width: 767px) {
  .pcAndPad_8d93f {
    display: none;
  }
}
.tableWrap_8d93f {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tableWrap_8d93f {
    margin: 0 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .scrollWrap_8d93f {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior: none;
  }
}
.shadowWrap_8d93f {
  position: absolute;
  left: -1px;
  top: 0;
  border-left: 1px solid #eaedf1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .shadowWrap_8d93f {
    z-index: 1;
    width: 171px;
    height: 100%;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  }
}
.table_8d93f {
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  margin: 0 auto;
}
.table_8d93f p {
  margin: 0;
  padding: 18px 16px;
  width: 170px;
}
@media (min-width: 1680px) {
  .table_8d93f p {
    width: 100%;
    min-width: 170px;
  }
}
.table_8d93f td {
  padding: 0;
  border: 1px solid #eaedf1;
  vertical-align: top;
}
.table_8d93f td:nth-child(2n+1) {
  background: #fafbfc;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .table_8d93f td:first-child {
    border-left: none;
    position: sticky;
    left: 0;
    z-index: 1;
    overflow-y: hidden;
  }
}
@media screen and (min-width: 1680px) {
  .table_8d93f td + td {
    width: 211px;
  }
}
.table_8d93f tr:first-child td + td {
  background: #f1f3f5;
  font-weight: 500;
  font-size: 16px;
  color: #181818;
}
.button_8d93f {
  cursor: pointer;
  margin: 0 auto;
  border-radius: 4px;
  min-width: 133px;
  width: 100%;
  height: 34px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #1664ff;
}
.button_8d93f.primary_8d93f {
  color: #fff;
  background: #1664ff;
}
.button_8d93f.primary_8d93f:hover {
  background: #4281ff;
}
.button_8d93f.secondary_8d93f {
  color: #1664ff;
}
.button_8d93f.secondary_8d93f:hover {
  background: #f6f8fa;
}
.boldRow_8d93f td {
  font-weight: 500;
}
.boldRow_8d93f td:nth-child(1) {
  font-weight: 400;
}
.priceSymbol_8d93f {
  color: #eb6200;
  font-size: 12px;
}
.priceNumber_8d93f {
  color: #eb6200;
  font-size: 18px;
  margin: 0 3px;
}
.priceUnit_8d93f {
  color: #737a87;
  font-size: 12px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/common/Collapse/index_module.css */
.container_6ae84 {
  width: 100%;
  padding: 0 24px;
}
.tab_6ae84 {
  background: #f7f8fb;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #181818;
  cursor: pointer;
  margin-top: 12px;
}
.tab_6ae84:first-child {
  margin-top: 0;
}
.tab_6ae84:after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1.3px solid;
  border-right: 1.3px solid;
  transform: rotate(-45deg);
  transform-origin: 75% 25%;
  transition: transform ease 0.3s;
}
.tab_6ae84.active_6ae84:after {
  transform: rotate(135deg);
}
.content_6ae84 {
  background: #f7f8fb;
  width: 100%;
  overflow: hidden;
  transition: height 0.3s ease;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/ProductFunc/index_module.css */
@media screen and (max-width: 767px) {
  .pcAndPad_47ee2 {
    display: none;
  }
}
.mobile_47ee2 {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile_47ee2 {
    display: block;
  }
}
.collapseContainer_47ee2 {
  padding: 0 16px 16px 16px;
}
.collapseContainer_47ee2 .des_47ee2 {
  color: #4e5969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
}
.collapseContainer_47ee2 .relatedTitle_47ee2 {
  margin: 16px 0 12px;
  color: #181818;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.028px;
}
.collapseContainer_47ee2 .relatedWrap_47ee2 {
  display: flex;
  flex-wrap: wrap;
}
.collapseContainer_47ee2 .relatedWrap_47ee2 .item_47ee2 {
  display: block;
  width: calc((100% - 9px) / 2);
  border-radius: 4px;
  padding-left: 12px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  font-size: 14px;
  color: #181818;
  text-decoration: none;
}
.collapseContainer_47ee2 .relatedWrap_47ee2 .item_47ee2:not(:nth-last-child(-n+2)) {
  margin-bottom: 9px;
}
.collapseContainer_47ee2 .relatedWrap_47ee2 .item_47ee2:nth-child(2n) {
  margin-left: 9px;
}
.tabsContainer_47ee2 {
  width: 100%;
  margin-top: 24px;
  height: 256px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 {
    min-width: 1200px;
    height: 480px;
  }
}
.tabsContainer_47ee2 .content_47ee2 {
  width: 100%;
  height: 100%;
  padding: 58px 40px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .tabsContainer_47ee2 .content_47ee2 {
    width: 1200px;
    padding: 141px 0 0;
  }
}
@media screen and (min-width: 1680px) {
  .tabsContainer_47ee2 .content_47ee2 {
    width: 1440px;
    padding: 141px 0 0;
  }
}
.tabsContainer_47ee2 .left_47ee2 {
  width: 279px;
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .tabsContainer_47ee2 .left_47ee2 {
    width: 340px;
  }
}
@media screen and (min-width: 1680px) {
  .tabsContainer_47ee2 .left_47ee2 {
    width: 384px;
  }
}
.tabsContainer_47ee2 .left_47ee2 .title_47ee2 {
  font-size: 18px;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.036px;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .left_47ee2 .title_47ee2 {
    font-size: 32px;
  }
}
.tabsContainer_47ee2 .left_47ee2 .des_47ee2 {
  margin-top: 6px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.028px;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .left_47ee2 .des_47ee2 {
    margin-top: 12px;
    font-size: 16px;
  }
}
.tabsContainer_47ee2 .left_47ee2 .button_47ee2 {
  margin-top: 24px;
  width: 104px;
  height: 34px;
  line-height: 32px;
  display: block;
  text-decoration: none;
  user-select: none;
  text-align: center;
  border: 1px solid;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.028px;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .left_47ee2 .button_47ee2 {
    margin-top: 40px;
    width: 151px;
    height: 53px;
    line-height: 51px;
  }
}
.tabsContainer_47ee2 .left_47ee2 .button_47ee2:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2.top_47ee2 {
    transform: translateY(-91px);
  }
}
.tabsContainer_47ee2 .right_47ee2 .title_47ee2 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.028px;
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 {
  display: flex;
  justify-content: space-between;
  width: calc(2 * 141px + 12px);
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 {
    width: calc(2 * 365px + 20px);
    gap: 20px;
    margin-top: 15px;
  }
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 {
  text-decoration: none;
  width: 141px;
  height: 36px;
  border-radius: 4px;
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 0 12px;
  color: #181818;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 {
    width: 365px;
    height: 163px;
    border-radius: 8px;
    align-items: flex-start;
    padding: 32px;
  }
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .icon_47ee2 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .icon_47ee2 {
    width: 36px;
    height: 36px;
    margin-right: 20px;
    display: block;
  }
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .title_47ee2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #181818;
  font-style: normal;
  letter-spacing: 0.028px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .title_47ee2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
  }
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .title_47ee2:after {
  position: relative;
  right: 0;
  margin-left: 6px;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1.5px solid;
  border-right: 1.5px solid;
  transform: rotate(45deg);
  transition: right 0.3s;
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2:hover .title_47ee2 {
  color: #1664ff;
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2:hover .title_47ee2:after {
  right: -4px;
}
.tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .des_47ee2 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tabsContainer_47ee2 .right_47ee2 .wrap_47ee2 .box_47ee2 .des_47ee2 {
    margin-top: 12px;
    display: block;
    color: rgba(78, 89, 105, 0.7);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.042px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/common/Carousel/index_module.css */
.carousel_2c66e {
  border-radius: 12px;
  overflow: hidden;
  margin: 0 24px;
  width: calc(100% - 48px);
}
.carouselInner_2c66e {
  width: 100%;
  display: flex;
}
.carouselInner_2c66e > div {
  flex-shrink: 0;
}
.dots_2c66e {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.dots_2c66e .dot_2c66e {
  border-radius: 50%;
  background-color: #e5e8ef;
  width: 6px;
  height: 6px;
}
.dots_2c66e .dot_2c66e + .dot_2c66e {
  margin-left: 8px;
}
.dots_2c66e .dot_2c66e.active_2c66e {
  background-color: #1664ff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/CustomerCase/index_module.css */
@media screen and (max-width: 767px) {
  .pcAndPad_42f32 {
    display: none;
  }
}
.mobile_42f32 {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile_42f32 {
    display: block;
  }
}
.pcContainer_42f32 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 8px;
  margin: 24px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pcContainer_42f32 {
    width: calc(100% - 48px);
    margin: 24px 24px 0;
    height: 239px;
    padding: 24px 32px 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .pcContainer_42f32 {
    width: 1200px;
    height: 400px;
    padding: 69px 60px 0;
  }
}
@media screen and (min-width: 1680px) {
  .pcContainer_42f32 {
    width: 1440px;
    height: 470px;
    padding: 104px 60px 0;
  }
}
.logosWrap_42f32 {
  white-space: nowrap;
}
.logosWrap_42f32 .logo_42f32 {
  height: 60px;
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .logosWrap_42f32 .logo_42f32 {
    height: 40px;
  }
}
.logosWrap_42f32 .logo_42f32:first-child {
  margin-left: 0;
}
.des_42f32 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.28px;
  margin-top: 16px;
  width: 463px;
}
@media screen and (max-width: 1023px) {
  .des_42f32 {
    margin-top: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 767px) {
  .des_42f32 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .des_42f32 {
    width: 281px;
  }
}
.button_42f32 {
  display: block;
  background: #fff;
  width: 148px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  margin-top: 48px;
  font-weight: 600;
  color: #181818;
  font-size: 16px;
  user-select: none;
  text-decoration: none;
}
.button_42f32:hover {
  background: #f6f8fa;
}
@media screen and (max-width: 1023px) {
  .button_42f32 {
    width: 100px;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    font-size: 14px;
  }
}
.mobileContainer_42f32 {
  width: 100%;
  border-radius: 12px;
  height: 370px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/202308/ProductRoadmap/index_module.css */
.container_01228 {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}
@media screen and (max-width: 1023px) {
  .container_01228 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container_01228 {
    padding: 0 48px;
  }
}
@media screen and (min-width: 1680px) {
  .container_01228 {
    width: 1440px;
  }
}
.left_01228,
.right_01228 {
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  display: flex;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .left_01228,
  .right_01228 {
    display: none;
  }
}
.left_01228 {
  left: -84px;
}
@media (max-width: 1439px) {
  .left_01228 {
    left: 1px;
  }
}
@media (max-width: 1023px) {
  .left_01228 {
    left: 24px;
  }
}
.right_01228 {
  right: -84px;
}
@media (max-width: 1439px) {
  .right_01228 {
    right: 1px;
  }
}
@media (max-width: 1023px) {
  .right_01228 {
    right: 24px;
  }
}
.button_01228 {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background: #f5f5f7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #181818;
}
.button_01228:not(.disable_01228) {
  cursor: pointer;
}
.button_01228:after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transform-origin: 50% 25%;
}
.button_01228.disable_01228:after {
  color: #9e9fa0;
}
.left_01228 .button_01228:after {
  border-right: none;
  border-left: 2px solid;
  transform: rotate(-45deg);
}
.middle_01228 {
  flex: 1 1;
  display: flex;
  overflow: hidden;
  position: relative;
  margin: 8px 0 0;
}
@media (max-width: 1439px) {
  .middle_01228 {
    margin: 8px 86px;
  }
}
@media (max-width: 1024px) {
  .middle_01228 {
    margin: 8px 50px;
  }
}
@media screen and (max-width: 767px) {
  .middle_01228 {
    margin: 8px 24px;
    overflow: auto;
    scrollbar-width: none;
  }
  .middle_01228::-webkit-scrollbar {
    display: none;
  }
}
.middle_01228 .item_01228 {
  flex-shrink: 0;
  height: 100%;
  transition: transform 0.5s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .middle_01228 .item_01228 {
    width: 200px;
    transform: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .middle_01228 .item_01228 {
    width: 33.333333%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
  .middle_01228 .item_01228 {
    width: 20%;
  }
}
@media screen and (min-width: 1680px) {
  .middle_01228 .item_01228 {
    width: 16.6666%;
  }
}
.middle_01228 .item_01228 .date_01228 {
  color: #4e5969;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.028px;
  margin-bottom: 12px;
}
.middle_01228 .item_01228 .timeline_01228 {
  display: flex;
  width: 100%;
  align-items: center;
}
.middle_01228 .item_01228 .lineLeft_01228,
.middle_01228 .item_01228 .lineRight_01228 {
  flex: 1 1;
  height: 1px;
  background: #e1e1e1;
}
.middle_01228 .item_01228 .dot_01228 {
  width: 6px;
  height: 6px;
  background: #1664ff;
  border-radius: 50%;
  margin: 0 3px;
}
.middle_01228 .item_01228 .text_01228 {
  color: #181818;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.042px;
  margin: 16px 16px 8px 0;
}
.middle_01228 .item_01228 .link_01228 {
  display: flex;
  align-items: center;
  color: #1664ff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}
.middle_01228 .item_01228 .link_01228:hover {
  color: #4086ff;
}
.middle_01228 .item_01228 .link_01228:after {
  position: relative;
  right: 0;
  margin-left: 5px;
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-top: 1.5px solid;
  border-right: 1.5px solid;
  transform: rotate(45deg);
  transform-origin: 50% 25%;
  transition: right 0.3s;
}
.middle_01228 .item_01228 .link_01228:hover:after {
  right: -4px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure3/MobileRender/index_module.css */
.mobile_3478f {
  display: none;
  width: 100%;
}
.mobile_3478f a,
.mobile_3478f a:link,
.mobile_3478f a:visited,
.mobile_3478f a:hover,
.mobile_3478f a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_3478f {
  width: 100%;
  height: 350px;
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  overflow-x: scroll;
}
.frame_3478f {
  height: 98%;
  padding: 24px;
  box-sizing: border-box;
}
.sub_content_3478f {
  margin: 24px 0 16px 0;
}
.sub_title_3478f {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1a202c;
}
.sub_desc_3478f {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
}
.sub_desc_3478f svg {
  flex-shrink: 0;
  height: 22px;
  margin-right: 8px;
}
.product_content_3478f {
  border-top: 1px solid #e5e8ef;
  border-bottom: 1px solid #e5e8ef;
  padding: 16px 0;
}
.product_a_3478f:not(.long_3478f):nth-child(2n+1) {
  margin-left: 10px;
}
.product_btn_3478f {
  overflow: hidden;
  margin: 0;
  padding-left: 12px;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 5px);
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_3478f.long_3478f {
  width: 100%;
}
.product_btn_3478f:hover {
  border: 1px solid #4281fd;
}
.product_btn_3478f:active {
  border: 1px solid #1664ff;
}
.product_btn_3478f img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #f8f9fe;
  border: unset;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-content {
  background-color: #f8f9fe;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .mobile-tab-title_3478f {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .structure-2-mobile-tab_3478f {
  padding: 0 16px 20px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .structure-2-mobile-tab_3478f .mobile_3478f .frameWrap_3478f {
  border-radius: 2px;
}
.mobile-container_3478f .structure-2-mobile-collapse_3478f .structure-2-mobile-tab_3478f .mobile_3478f .product_content_3478f {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .mobile_3478f {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure3/Frame/index_module.css */
.frameWrap_64ffa {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px 0 0 12px;
  background: #f2f3f8;
}
.frameWrap_64ffa .tools_64ffa {
  z-index: 3;
  position: absolute;
  left: 47px;
  bottom: 23px;
}
@media screen and (max-width: 1679px) {
  .frameWrap_64ffa .tools_64ffa {
    display: none;
  }
}
.frameWrap_64ffa .tools_64ffa button {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 10px;
  border: 1px solid #e5e6e8;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.frameWrap_64ffa .tools_64ffa button:hover {
  box-shadow: 0px 4px 6px rgba(40, 40, 40, 0.25);
}
.frameWrap_64ffa .tools_64ffa button span {
  margin-left: 7px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.frameWrap_64ffa .tools_64ffa .disable_64ffa {
  cursor: not-allowed;
}
.frameWrap_64ffa .tools_64ffa .plus_64ffa {
  font-size: 24px;
}
.frameWrap_64ffa .tools_64ffa .reset_64ffa {
  margin-bottom: 12px;
  position: relative;
}
.frameWrap_64ffa .tools_64ffa .pop-over_64ffa {
  position: absolute;
  left: -140px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.frameWrap_64ffa .tools_64ffa .pop-over_64ffa.hidden_64ffa {
  opacity: 0;
  visibility: hidden;
}
.frameWrap_64ffa .tools_64ffa .pop-over_64ffa.hidden_64ffa.show_64ffa {
  opacity: 1;
  visibility: visible;
}
.frameWrap_64ffa .tools_64ffa .pop-content_64ffa {
  width: fit-content;
  white-space: nowrap;
  padding: 8px;
  color: #4e5969;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #c9cdd4;
}
.frameWrap_64ffa .tools_64ffa .rhombus_64ffa {
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  margin-left: -4px;
  border: 1px solid #c9cdd4;
  background-color: #fff;
  border-bottom: none;
  border-left: none;
  border-bottom-right-radius: 2px;
}
.frameWrap_64ffa .tools_64ffa .iconFullscreen_64ffa {
  color: #4e5969;
  width: 16px;
  height: 16px;
  stroke-width: 6;
}
.frameWrap_64ffa .tools_64ffa .minusSymbol_64ffa {
  margin: auto;
  width: 12px;
  height: 2.4px;
  border-radius: 0.5px;
  background-color: #fff;
}
.frameWrap_64ffa .zoom-wrapper_64ffa {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_64ffa .zoom-content_64ffa {
  width: 100% !important;
  height: 100% !important;
}
.frameWrap_64ffa .innerWrap_64ffa {
  width: 100%;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameWrap_64ffa .innerWrap_64ffa .picture_64ffa {
  max-width: min(100%, 820px);
  max-height: 100%;
  object-fit: contain;
}
.frameWrap_64ffa .innerWrap_64ffa .video_64ffa {
  max-width: min(100%, 820px);
  max-height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .frameWrap_64ffa .pcOnly_64ffa {
    display: none;
  }
}
.isPcZoom_64ffa {
  cursor: zoom-in;
}
@media screen and (max-width: 1023px) {
  .frameWrap_64ffa {
    border-radius: 8px;
    height: fit-content;
  }
  .frameWrap_64ffa .innerWrap_64ffa {
    box-sizing: border-box;
  }
}
.modal-wrap_64ffa {
  width: fit-content !important;
  background-color: #f7f7f9 !important;
}
.modal-wrap_64ffa .picture_64ffa {
  width: 90vw;
  max-height: 90vh;
  max-width: 90vw;
  object-fit: contain;
}
.modal-wrap_64ffa .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-wrap_64ffa .arco-icon-hover:hover::before {
  width: 26px;
  height: 26px;
}
.modal-wrap_64ffa .arco-icon-close {
  width: 20px;
  height: 20px;
}
.arco-modal-wrapper {
  z-index: 3001;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure3/PadRender/index_module.css */
.pad_1cde8 {
  display: none;
  width: 100%;
}
.pad_1cde8 a,
.pad_1cde8 a:link,
.pad_1cde8 a:visited,
.pad_1cde8 a:hover,
.pad_1cde8 a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_1cde8 {
  width: 100%;
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
}
.content_1cde8 {
  width: 100%;
  padding-top: 24px;
  display: flex;
}
.sub_content_1cde8 {
  width: 263px;
  flex-shrink: 0;
  padding-right: 12px;
}
.sub_title_1cde8 {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #1a202c;
}
.sub_desc_1cde8 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
  margin-top: 12px;
  display: flex;
}
.sub_desc_1cde8 svg {
  flex-shrink: 0;
  margin-right: 8px;
  height: 22px;
}
.product_content_1cde8 {
  flex-grow: 1;
  border-left: 1px solid #e5e8ef;
  padding-left: 32px;
}
.product_a_1cde8:nth-child(2n+1) {
  margin-left: 12px;
}
.product_btn_1cde8 {
  margin: 0;
  padding-left: 12px;
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-flex;
  margin-top: 12px;
  width: calc(50% - 6px);
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_1cde8:hover {
  border: 1px solid #4281fd;
}
.product_btn_1cde8:active {
  border: 1px solid #1664ff;
}
.product_btn_1cde8 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (max-width: 1023px) {
  .pad_1cde8 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pad_1cde8 {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure3/PcRender/index_module.css */
.pc_3fa8d {
  width: 1440px;
  height: 664px;
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  display: flex;
}
.pc_3fa8d a,
.pc_3fa8d a:link,
.pc_3fa8d a:visited,
.pc_3fa8d a:hover,
.pc_3fa8d a:active {
  text-decoration: none;
  color: inherit;
}
.frameWrap_3fa8d {
  height: 100%;
  flex-grow: 1;
}
.content_3fa8d {
  width: 387px;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 0 12px 12px 0;
  padding: 32px 28px;
}
.tab_right_title_3fa8d {
  color: #181818;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.04px;
  font-weight: 500;
}
.tab_desc_3fa8d {
  margin-top: 12px;
  font-size: 14px;
  color: #4e5969;
  line-height: 22px;
  letter-spacing: 0.028px;
}
.sub_3fa8d + .sub_3fa8d {
  margin-top: 19px;
}
.sub_title_3fa8d {
  padding: 0;
  margin: 24px 0 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #181818;
}
.sub_desc_3fa8d {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
}
.sub_desc_3fa8d svg {
  height: 22px;
  margin-right: 4px;
  flex-shrink: 0;
}
.sub_explain_3fa8d {
  color: #a6acb4;
  margin-top: 4px;
}
.button_3fa8d {
  padding: 0;
  border: none;
  outline: none;
  width: 100%;
  background: #1664ff;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 24px 0 5px 0;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.button_3fa8d:hover {
  background: #4281ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.button_3fa8d:active {
  background: #0055ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.cutting_line_3fa8d {
  width: 100%;
  height: 1px;
  background: #e5e8ef;
  margin: 19px 0 24px 0;
}
.product_btn_3fa8d {
  margin: 0;
  padding: 0 12px;
  outline: none;
  display: flex;
  min-width: 150px;
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  cursor: pointer;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: rgba(24, 24, 24, 0.8);
}
.product_btn_3fa8d:hover {
  border: 1px solid #4281fd;
}
.product_btn_3fa8d:active {
  border: 1px solid #1664ff;
}
.product_btn_3fa8d:not(:last-child) {
  margin-bottom: 8px;
}
.product_btn_3fa8d img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (max-width: 1679px) {
  .pc_3fa8d {
    width: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  .pc_3fa8d {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Structure3/index_module.css */
.structure3-container_f2226 {
  width: 100%;
}
.structure3-container_f2226,
.structure3-container_f2226 * {
  box-sizing: border-box;
}
.structure3-container_f2226 a,
.structure3-container_f2226 a:link,
.structure3-container_f2226 a:visited,
.structure3-container_f2226 a:hover,
.structure3-container_f2226 a:active {
  text-decoration: none;
  color: inherit;
}
.structure3-container_f2226 .pc-and-pad_f2226 {
  display: block;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 {
  width: 100%;
  height: 52px;
  display: flex;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226 {
  flex: auto;
  height: 100%;
  background: #f6f7fb;
  border: 1px solid #e5e6eb;
  border-right: none;
  position: relative;
  transition: background 0.1s ease-in-out;
  cursor: pointer;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226:last-child {
  border-right: 1px solid #e5e6eb;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226 .active-indicator_f2226 {
  width: 100%;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #1664ff;
  display: none;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226 .tab-title_f2226 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.002em;
  color: #86909c;
  text-align: center;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226.active_f2226 {
  background: #ffffff;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226.active_f2226 .active-indicator_f2226 {
  display: block;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226.active_f2226 .tab-title_f2226 {
  color: #1a202c;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 {
  width: 100%;
  display: grid;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 {
  grid-area: 1/1/2/2;
  opacity: 0;
  pointer-events: none;
}
.structure3-container_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226.active_f2226 {
  opacity: 1;
  pointer-events: auto;
}
.structure3-container_f2226 .mobile_f2226 {
  display: none;
}
.structure3-container_f2226.disable-info_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-radius: 12px;
}
.structure3-container_f2226.multiple-tab_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pc] {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.structure3-container_f2226.multiple-tab_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-top-left-radius: 0;
}
.structure3-container_f2226.multiple-tab_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pc] > [class*=content] {
  border-top-right-radius: 0;
}
.structure3-container_f2226.multiple-tab_f2226.disable-info_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pc] > [class*=frameWrap] > [class*=frameWrap] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media screen and (max-width: 767px) {
  .structure3-container_f2226 .pc-and-pad_f2226 {
    display: none;
  }
  .structure3-container_f2226 .mobile_f2226 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 {
    height: 44px;
  }
  .structure3-container_f2226 .pc-and-pad_f2226 .tabs-header-container_f2226 .tab-header_f2226 .tab-title_f2226 {
    line-height: 42px;
  }
  .structure3-container_f2226.multiple-tab_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pad] > [class*=frameWrap] {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .structure3-container_f2226.multiple-tab_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 > [class*=pad] > [class*=frameWrap] > [class*=frameWrap] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 1680px) {
  .structure3-container_f2226.disable-info_f2226 .pc-and-pad_f2226 .tabs-content-container_f2226 .tab-content_f2226 [class*=innerWrap] > [class*=picture] {
    max-width: min(100%, 1100px);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapa/ProductCapaPc/index_module.css */
.product-capa-pc-container_d3dcc {
  width: 1200px;
}
.tabs-header_d3dcc {
  width: 100%;
  padding: 0 70px;
  padding: 0 var(--volcfe-nav-padding, 70px);
  position: relative;
}
.tabs-header_d3dcc.left-align_d3dcc {
  padding: 0;
}
.tabs-header_d3dcc.left-align_d3dcc .tabs-header-title-panel_d3dcc {
  justify-content: flex-start;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc {
  display: flex;
  justify-content: center;
  justify-content: var(--volcfe-nav-justify, center);
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc + .tabs-header-title_d3dcc {
  margin-left: 72px;
  margin-left: var(--volcfe-nav-gap, 72px);
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc {
  box-sizing: content-box;
  height: 50px;
  flex: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc .tabs-header-title-icon_d3dcc {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc .tabs-header-title-icon_d3dcc .icon-normal_d3dcc {
  display: block;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc .tabs-header-title-icon_d3dcc .icon-hover_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc .tabs-header-title-icon_d3dcc .icon-active_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc .tabs-header-title-text_d3dcc {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #4e5969;
  margin-left: 8px;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-normal_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-hover_d3dcc {
  display: block;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-active_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc:hover .tabs-header-title-text_d3dcc {
  color: #80838a;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc .tabs-header-title-icon_d3dcc .icon-normal_d3dcc,
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-normal_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc .tabs-header-title-icon_d3dcc .icon-hover_d3dcc,
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-hover_d3dcc {
  display: none;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc .tabs-header-title-icon_d3dcc .icon-active_d3dcc,
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc:hover .tabs-header-title-icon_d3dcc .icon-active_d3dcc {
  display: block;
}
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc .tabs-header-title-text_d3dcc,
.tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title-active_d3dcc:hover .tabs-header-title-text_d3dcc {
  font-weight: 500;
  color: #1664ff;
}
.tabs-header_d3dcc .tabs-header-line_d3dcc {
  width: 100vw;
  min-width: 1200px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  top: 52px;
  left: 50%;
  transform: translateX(-50%);
}
.tabs-header_d3dcc .tabs-header-ink_d3dcc {
  background-color: #1664ff;
  height: 2px;
  position: absolute;
  top: 51px;
  z-index: 1;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.tabs-content_d3dcc {
  height: 490px;
  padding-top: 60px;
  position: relative;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc {
  position: absolute;
  display: none;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc {
  flex: none;
  width: 480px;
  height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc {
  flex: none;
  width: 480px;
  height: 430px;
  padding: 0 30px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc.left-align_d3dcc {
  padding-left: 0;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-title_d3dcc {
  margin: unset;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.002em;
  color: #181818;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-des_d3dcc .des-line-text_d3dcc {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #4e5969;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-des_d3dcc .des-line-text_d3dcc:first-child {
  margin-top: 12px;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-des_d3dcc .des-line-subtitle_d3dcc {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  color: #181818;
  margin: 12px 0 4px;
  display: flex;
  align-items: center;
  align-items: var(--product-v4-capa-des-align-items-pc, center);
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-des_d3dcc .des-line-subtitle_d3dcc .dot_d3dcc {
  flex-shrink: 0;
  display: inline-block;
  height: 5px;
  width: 5px;
  margin-right: 8px;
  margin-top: 0;
  margin-top: var(--product-v4-capa-dot-margin-top-pc, 0);
  border-radius: 50%;
  background-color: #181818;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc {
  flex: none;
  display: block;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc .link-arrow_d3dcc {
  flex: none;
  position: relative;
  right: 0px;
  margin-left: 5px;
  transition: right 0.3s;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc .link-arrow_d3dcc svg {
  height: 14px;
  width: 14px;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc:hover {
  color: #4086ff;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc:hover .link-arrow_d3dcc {
  right: -4px;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc .tabs-content-tab-link-panel_d3dcc:active {
  color: #0e49d2;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc .tabs-content-tab-links_d3dcc .tabs-content-tab-link-a_d3dcc + .tabs-content-tab-link-a_d3dcc {
  margin-top: 6px;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc {
  flex: none;
  width: 720px;
  height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc .tabs-content-tab-right_d3dcc {
  flex: none;
  width: 720px;
  height: 430px;
  overflow: hidden;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc .tabs-content-tab-right_d3dcc .tabs-content-tab-image_d3dcc {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc .tabs-content-tab-right_d3dcc img {
  width: 100%;
  height: 100%;
}
@keyframes appear_d3dcc {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes disappear_d3dcc {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes fadeIn_d3dcc {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut_d3dcc {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.tabs-content_d3dcc .tabs-content-tab-active_d3dcc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabs-content_d3dcc .tabs-content-tab-active_d3dcc .tabs-content-tab-left_d3dcc {
  animation: fadeIn_d3dcc 0.5s;
}
.tabs-content_d3dcc .tabs-content-tab-active_d3dcc .tabs-content-tab-right_d3dcc {
  animation: fadeIn_d3dcc 0.5s;
}
@media screen and (min-width: 1680px) {
  .product-capa-pc-container_d3dcc {
    width: 1440px;
  }
  .tabs-header_d3dcc .tabs-header-title-panel_d3dcc .tabs-header-title_d3dcc + .tabs-header-title_d3dcc {
    margin-left: 90px;
    margin-left: var(--volcfe-nav-gap, 90px);
  }
  .tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc {
    width: 672px;
  }
  .tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc {
    width: 672px;
    padding: 0 140px 0 72px;
    padding: 0 140px 0 var(--volcfe-nav-padding, 72px);
  }
  .tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-left-container_d3dcc .tabs-content-tab-left_d3dcc.left-align_d3dcc {
    padding-left: 0;
  }
  .tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc {
    width: 768px;
  }
  .tabs-content_d3dcc .tabs-content-tab_d3dcc .tabs-content-tab-right-container_d3dcc .tabs-content-tab-right_d3dcc {
    width: 768px;
    padding-right: 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapa/ProductCapaPad/index_module.css */
.product-capa-pad-container_61c03 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.product-capa-card_61c03 {
  height: 100%;
  background-color: #f8f9fe;
  border-radius: 8px;
  padding: 45px 0 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-capa-card_61c03 .card-content_61c03 {
  flex: none;
  padding: 0 35px;
}
.product-capa-card_61c03 .card-content_61c03 .card-title_61c03 {
  margin: unset;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #181818;
}
.product-capa-card_61c03 .card-content_61c03 .card-des_61c03 {
  margin-top: 8px;
}
.product-capa-card_61c03 .card-content_61c03 .card-des_61c03 .des-line_61c03 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-align: var(--volcfe-text-text-align, center);
  letter-spacing: 0.002em;
  color: #4e5969;
}
.product-capa-card_61c03 .card-content_61c03 .card-link_61c03 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  justify-content: var(--volcfe-text-justify-content, center);
}
.product-capa-card_61c03 .card-content_61c03 .card-link_61c03 .card-link-a_61c03 {
  flex: none;
  display: block;
}
.product-capa-card_61c03 .card-content_61c03 .card-link_61c03 .card-link-a_61c03 .card-link-panel_61c03 {
  display: inline-flex;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #1664ff;
}
.product-capa-card_61c03 .card-content_61c03 .card-link_61c03 .card-link-a_61c03 .card-link-panel_61c03 .link-arrow_61c03 {
  flex: none;
  margin-left: 5px;
}
.product-capa-card_61c03 .card-content_61c03 .card-link_61c03 .card-link-a_61c03 .card-link-panel_61c03 .link-arrow_61c03 svg {
  height: 14px;
  width: 14px;
}
.product-capa-card_61c03 .card-image_61c03 {
  flex: none;
  margin-top: 40px;
  padding: 0 8px;
  width: 100%;
  font-size: 0;
}
.product-capa-card_61c03 .card-image_61c03 img {
  width: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapa/ProductCapaMobile/index_module.css */
.product-capa-mobile-container_83e4b {
  width: 100%;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #f8f9fe;
  border: unset;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-content {
  background-color: #f8f9fe;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.product-capa-mobile-collapse_83e4b .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.product-capa-mobile-collapse_83e4b .mobile-tab-title_83e4b {
  margin: unset;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.product-capa-mobile-collapse_83e4b .mobile-tab-image_83e4b {
  width: 100%;
  padding: 8px 16px 0px;
  font-size: 0;
}
.product-capa-mobile-collapse_83e4b .mobile-tab-image_83e4b img {
  width: 100%;
}
.product-capa-mobile-collapse_83e4b .mobile-tab-des_83e4b {
  padding: 16px;
}
.product-capa-mobile-collapse_83e4b .mobile-tab-des_83e4b .des-line_83e4b {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #4e5969;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ProductCapa/index_module.css */
.product-capa-container_5a1a6,
.product-capa-container_5a1a6 * {
  box-sizing: border-box;
}
.product-capa-container_5a1a6 a,
.product-capa-container_5a1a6 a:link,
.product-capa-container_5a1a6 a:visited,
.product-capa-container_5a1a6 a:hover,
.product-capa-container_5a1a6 a:active {
  text-decoration: none;
  color: inherit;
}
.product-capa-pc_5a1a6 {
  display: block;
}
.product-capa-pad_5a1a6 {
  display: none;
}
.product-capa-mobile_5a1a6 {
  display: none;
}
@media screen and (max-width: 767px) {
  .product-capa-pc_5a1a6 {
    display: none;
  }
  .product-capa-mobile_5a1a6 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-capa-pc_5a1a6 {
    display: none;
  }
  .product-capa-pad_5a1a6 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Certification/index_module.css */
.container_b3c17 {
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: hidden;
}
.title_b3c17 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.072px;
  text-align: center;
}
.sub-title_b3c17 {
  margin-top: 8px;
  text-align: center;
  margin-bottom: 40px;
  color: #4e5969;
  padding-left: 24px;
  padding-right: 24px;
}
.sub-title-link_b3c17 {
  display: inline-block;
  margin-left: 8px;
  color: #1664ff;
}
.sub-title-link_b3c17,
.sub-title-link_b3c17:link,
.sub-title-link_b3c17:visited,
.sub-title-link_b3c17:hover,
.sub-title-link_b3c17:active {
  text-decoration: none;
}
.sub-title-link_b3c17 > svg {
  display: inline-block;
  vertical-align: -4px;
  margin-right: 5px;
  transition: all 0.2s ease;
}
.sub-title-link_b3c17:hover {
  color: #4281ff;
}
.sub-title-link_b3c17:hover > svg {
  margin-left: 5px;
  margin-right: 0;
}
.sub-title-link_b3c17:active {
  color: #0055ff;
}
.certificates-container_b3c17 {
  display: inline-flex;
  animation: move_certificate_b3c17 40s linear infinite;
}
.row_b3c17 {
  display: flex;
}
.divider_b3c17 {
  display: none;
}
.certificate-warp_b3c17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
  width: 138px;
}
.certificate-warp_b3c17 img {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
}
.certificate-warp_b3c17 .text_b3c17 {
  white-space: nowrap;
  font-weight: 500;
  color: #41464f;
}
@keyframes move_certificate_b3c17 {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(-60%);
  }
}
@media (max-width: 767px) {
  .card-container_b3c17 > div:nth-child(2) > div {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .container_b3c17 {
    padding: 48px 24px;
  }
  .mobile_b3c17 {
    display: none;
  }
  .certificates-container_b3c17 {
    animation: unset;
    flex-direction: column;
    display: flex;
  }
  .row_b3c17 {
    justify-content: space-between;
  }
  .divider_b3c17 {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .certificate-warp_b3c17 {
    flex: 1 1;
    margin-left: unset;
  }
}
@media (min-width: 1024px) {
  .container_b3c17 {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
  }
  .title_b3c17 {
    font-size: 40px;
  }
  .sub-title_b3c17 {
    margin-top: 16px;
    font-size: 16px;
    margin-bottom: 68px;
  }
  .sub-title-link_b3c17 > svg {
    vertical-align: -3px;
  }
  .certificate-warp_b3c17 img {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1440px) {
  .container_b3c17 {
    width: 1280px;
  }
}
@media (min-width: 1680px) {
  .container_b3c17 {
    width: 1440px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/common/Button/index_module.css */
.button_262f7 {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: unset;
  box-sizing: border-box;
  width: 148px;
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(46, 70, 146, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.button_262f7,
.button_262f7:link,
.button_262f7:visited,
.button_262f7:hover,
.button_262f7:active {
  text-decoration: none;
}
.button_262f7.primary_262f7 {
  color: white;
  background-color: #1664ff;
}
.button_262f7.primary_262f7:hover {
  background-color: #4281ff;
}
.button_262f7.primary_262f7:active {
  background-color: #0055ff;
}
.button_262f7.outline_262f7 {
  color: #1664ff;
  border: 1px solid #1664ff;
  background-color: white;
  box-shadow: unset;
}
.button_262f7.outline_262f7:hover {
  color: #4281ff;
  border-color: #4281ff;
}
.button_262f7.outline_262f7:active {
  color: #0055ff;
  border-color: #0055ff;
}
.button_262f7.text_262f7 {
  color: #1664ff;
  box-shadow: unset;
  font-weight: 400;
  font-size: 14px;
  background-color: unset;
  width: unset;
}
.button_262f7.text_262f7 > svg {
  margin-left: 8px;
  margin-right: 2px;
  transition: all 0.2s ease;
}
.button_262f7.text_262f7:hover {
  color: #4281ff;
}
.button_262f7.text_262f7:hover > svg {
  margin-left: 10px;
  margin-right: 0;
}
.button_262f7.text_262f7:active {
  color: #0055ff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Banner/Param_module.css */
@font-face {
  font-family: "ByteSans-Medium";
  src: url(https://portal.volccdn.com/obj/volcfe/font/ByteSans-Medium.ttf);
}
@media screen and (max-width: 767px) {
  .param_19385 {
    display: none;
  }
}
.param__name_19385 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #959595;
}
@media screen and (max-width: 1023px) {
  .param__name_19385 {
    font-size: 12px;
    line-height: 17px;
  }
}
.param__value_19385 {
  color: #181818;
  font-weight: 500;
}
.param__value_19385 b {
  font-family: "ByteSans-Medium";
  font-size: 28px;
  line-height: 33px;
  font-weight: 400;
}
.param__value_19385 span {
  font-family: "ByteSans-Medium", "PingFang SC";
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-left: 4px;
}
@media screen and (min-width: 1680px) {
  .param__value_19385 b {
    font-size: 42px;
    line-height: 50px;
  }
  .param__value_19385 span {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .param__value_19385 b {
    font-size: 24px;
    line-height: 29px;
  }
  .param__value_19385 span {
    font-size: 12px;
    line-height: 17px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Banner/Replay_module.css */
.replay-container_30cff {
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 50px;
  right: 120px;
}
@media screen and (min-width: 1680px) {
  .replay-container_30cff {
    right: 180px;
  }
}
.replay_30cff {
  width: 42px;
  height: 42px;
  border-radius: 42px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: replay-enter_30cff 0.5s ease-in;
}
.spin-1_30cff {
  animation: replay-spin-1_30cff 0.5s ease-in-out;
}
.spin-2_30cff {
  animation: replay-spin-2_30cff 0.5s ease-in-out;
}
@keyframes replay-enter_30cff {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes replay-spin-1_30cff {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes replay-spin-2_30cff {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Banner/index_module.css */
.cloud-ecs-banner_1a664 {
  font-family: "PingFang SC";
  background-color: white;
  height: 100vh;
  min-height: calc(355px + 40vw);
  max-height: calc(355px + 50vw);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .cloud-ecs-banner_1a664 {
    width: 1200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cloud-ecs-banner_1a664 {
    min-height: calc(268px + 40vw);
    max-height: calc(268px + 50vw);
  }
}
@media screen and (max-width: 767px) {
  .cloud-ecs-banner_1a664 {
    height: unset;
    min-height: unset;
    max-height: unset;
  }
}
.content_1a664 {
  flex: none;
  padding: 96px 120px 38px 120px;
}
@media screen and (min-width: 1680px) {
  .content_1a664 {
    padding-left: 180px;
    padding-right: 180px;
    padding: 108px 180px 43px 180px;
  }
}
@media screen and (max-width: 1023px) {
  .content_1a664 {
    padding: 88px 36px 40px 36px;
  }
}
@media screen and (max-width: 767px) {
  .content_1a664 {
    padding: 90px 24px 24px 24px;
  }
}
.flex_1a664 {
  display: flex;
}
.flex-auto_1a664 {
  flex: auto;
}
.content__right_1a664 {
  justify-self: flex-end;
  display: flex;
  gap: 68px;
  margin-top: 41px;
}
@media screen and (min-width: 1680px) {
  .content__right_1a664 {
    margin-top: 56px;
  }
}
@media screen and (max-width: 1023px) {
  .content__right_1a664 {
    margin-top: 11px;
  }
}
.title_1a664 {
  font-family: "PingFang SC";
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
}
@media screen and (min-width: 1680px) {
  .title_1a664 {
    font-size: 42px;
    line-height: 56px;
  }
}
@media screen and (max-width: 1023px) {
  .title_1a664 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .title_1a664 {
    font-size: 32px;
    line-height: 45px;
  }
}
.title2_1a664 {
  font-family: "PingFang SC";
  font-size: 28px;
  font-weight: 400;
  line-height: 39px;
}
@media screen and (min-width: 1680px) {
  .title2_1a664 {
    font-size: 40px;
    line-height: 56px;
  }
}
@media screen and (max-width: 1023px) {
  .title2_1a664 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .title2_1a664 {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #4e5969;
    margin-top: 6px;
  }
}
.buttons_1a664 {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 22px;
}
@media screen and (max-width: 1023px) {
  .buttons_1a664 {
    margin-top: 19px;
  }
}
@media screen and (max-width: 767px) {
  .buttons_1a664 {
    gap: 18px;
  }
}
.buttons_1a664 .button_1a664 {
  height: 50px;
  font-size: 14px;
}
.buttons_1a664 .button_1a664.primary_1a664 {
  width: 148px;
}
@media screen and (max-width: 1023px) {
  .buttons_1a664 .button_1a664 {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .buttons_1a664 .button_1a664 {
    height: 36px;
  }
  .buttons_1a664 .button_1a664.primary_1a664 {
    width: 103px;
  }
}
.video-container_1a664 {
  position: relative;
  flex: auto;
  min-height: 0;
}
.video-container_1a664 > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .video-container_1a664 {
    display: none;
  }
}
.image-container_1a664 {
  position: relative;
  flex: auto;
  min-height: 0;
  display: none;
}
.image-container_1a664 > img,
.image-container_1a664 > canvas,
.image-container_1a664 > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-container_1a664 .image-mobile_1a664 {
  border-radius: 8px;
}
@media screen and (max-width: 1023px) {
  .image-container_1a664 {
    display: block;
  }
  .image-container_1a664 .image-pad_1a664 {
    display: block;
  }
  .image-container_1a664 .image-mobile_1a664 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .image-container_1a664 {
    padding: 0 24px 48px 24px;
  }
  .image-container_1a664 .image-pad_1a664 {
    display: none;
  }
  .image-container_1a664 .image-mobile_1a664 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/index_module.css */
.pc_d15e8,
.pad_d15e8,
.mobile_d15e8 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc_d15e8 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_d15e8 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .mobile_d15e8 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/Main/Collapse/index_module.css */
.collapse_0185c {
  overflow: visible;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/Main/index_module.css */
.scenes_5dbca {
  position: relative;
}
.marker-rail_5dbca {
  width: 1px;
  background: #b2b2b2;
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: -27px;
}
.marker_5dbca {
  position: absolute;
  top: 0;
  height: 0;
  left: -27px;
  width: 2px;
  background: #181818;
  transform: translate(-0.5px, 0);
  transition: all 0.2s ease-in-out;
}
.scene_5dbca {
  margin-top: 24px;
  width: 400px;
  position: relative;
}
.title_5dbca {
  font-size: 24px;
  font-weight: 400;
  line-height: 46px;
  color: #5d5d5d;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.title_5dbca:hover {
  color: #181818;
}
.title_5dbca.active_5dbca {
  color: #181818;
  cursor: auto;
  font-size: 28px;
  font-weight: 500;
}
.sub-scenes_5dbca {
  margin-top: 20px;
}
.desc_5dbca {
  padding-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
}
.desc-cross-fade-item_5dbca {
  overflow: visible;
  transition: opacity 0.3s linear;
  opacity: 0;
  width: 0;
  display: inline-block;
  vertical-align: top;
}
.desc-cross-fade-item_5dbca.active_5dbca {
  opacity: 1;
  transition-delay: 0.2s;
}
.desc-cross-fade-item_5dbca > div {
  width: 460px;
}
.button_5dbca {
  margin-top: 16px;
  width: 100px;
  height: 40px;
  margin-bottom: 36px;
}
@keyframes fade-in_5dbca {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/Main/RadioButton/index_module.css */
.radio-button_0c3a9 {
  height: 33px;
  padding: 3px;
  border-radius: 6px;
  background: #f1f3f5;
  display: inline-block;
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.option_0c3a9 {
  color: #737a87;
  padding: 3px 12px;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
}
.option_0c3a9:first-child {
  margin-left: 0;
}
.option_0c3a9.active_0c3a9 {
  background: #ffffff;
  color: #1664ff;
  font-weight: 500;
  border-radius: 4px;
  box-shadow:
    0px 0px 0px 0.5px rgba(213, 219, 227, 0.6980392157),
    0px 0.5px 1px 0px rgba(0, 0, 0, 0.0509803922),
    0px 1px 2px 0px rgba(0, 0, 0, 0.0705882353);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/Stage/index_module.css */
.container_b638e {
  position: relative;
  flex: auto;
}
.container_b638e > img {
  width: 100%;
  object-fit: cover;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/Overlay/index_module.css */
.item_0eab2 {
  position: absolute;
  font-size: 0;
  animation: fade-in_0eab2 0.2s ease-in;
}
.title_0eab2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-align: right;
  color: #181818;
  animation: text-enter_0eab2 0.3s ease-in;
  animation-fill-mode: both;
}
.desc_0eab2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  color: #404040;
  margin-top: 4px;
  animation: text-enter_0eab2 0.3s ease-in;
  animation-fill-mode: both;
}
@keyframes fade-in_0eab2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.line_0eab2 {
  animation: line-enter_0eab2 0.3s linear;
  animation-fill-mode: both;
}
@keyframes line-enter_0eab2 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes text-enter_0eab2 {
  0% {
    transform: translate(-50px, 0);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PCRender/index_module.css */
.container_47203 {
  background-color: white;
  font-family: "PingFang SC";
  position: relative;
}
.content_47203 {
  height: 100vh;
  position: relative;
  display: flex;
}
.content_47203.in-fes-editor_47203 {
  height: 660px;
}
.content_47203.in-fes-editor_47203 .main_47203 {
  margin-top: 90px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .content_47203 {
    width: 1200px;
  }
  .content_47203.sticky_47203 {
    left: max(-90px, 100vw - 1200px);
  }
}
.fixed_47203 {
  position: fixed;
  top: 0;
  left: 0;
}
.stage-container_47203 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.main_47203 {
  margin-left: 149px;
  position: relative;
  margin-top: calc(50vh - 250px);
}
@media screen and (min-width: 1680px) {
  .main_47203 {
    margin-left: 269px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PadRender/index_module.css */
.container_e6565 {
  font-family: "PingFang SC";
}
.scene_e6565 {
  height: 408px;
  position: relative;
}
.image-container_e6565 {
  position: absolute;
  top: 0;
  height: 244px;
  right: 0;
  overflow: visible;
}
.image-container_e6565 > img,
.image-container_e6565 > canvas {
  height: 100%;
}
.content_e6565 {
  padding: 125px 0 0 24px;
}
.title_e6565 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  position: relative;
}
.desc_e6565 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  width: 215px;
  margin-top: 8px;
  position: relative;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/PadRender/Overlay/index_module.css */
.item_65f42 {
  position: absolute;
  font-size: 0;
}
.title_65f42 {
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: right;
  color: #181818;
  margin-bottom: 4px;
}
.desc_65f42 {
  font-family: "PingFang SC";
  font-size: 7px;
  font-weight: 400;
  text-align: right;
  color: #404040;
  margin-top: 2px;
}
.desc_65f42.first_65f42 {
  margin-top: 6px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/MobileRender/index_module.css */
.container_7da80 {
  font-family: "PingFang SC";
}
.scene_7da80 {
  padding: 48px 0;
}
.title_7da80 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  text-align: center;
}
.desc_7da80 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.002em;
  padding: 0 24px;
  padding-top: 8px;
  color: #4e5969;
}
.image-container_7da80 {
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.image-container_7da80 > img,
.image-container_7da80 > canvas {
  width: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Advantage/MobileRender/Overlay/index_module.css */
.item_3fe03 {
  position: absolute;
  font-size: 0;
}
.title_3fe03 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: left;
  color: #181818;
  margin-bottom: 2px;
}
.desc_3fe03 {
  font-size: 7px;
  font-weight: 400;
  text-align: left;
  color: #404040;
  margin-top: 2px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Navigator/index_module.css */
.cloud-ecs-navigator_66a1c {
  position: relative;
  height: 50px;
  background-color: white;
}
@media screen and (max-width: 1023px) {
  .cloud-ecs-navigator_66a1c {
    height: 0;
  }
}
.nav-container_66a1c {
  position: absolute;
  width: 100%;
  z-index: 99;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.nav-container_66a1c > div {
  pointer-events: auto;
}
@media screen and (max-width: 1023px) {
  .nav-container_66a1c {
    display: none;
  }
}
.slot-wrapper_66a1c {
  background-color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .solutionsBody {
    min-width: 1200px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Navigator/NavBar/index_module.css */
.nav_ffb2a {
  height: 50px;
  width: 692px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 0px 15px 0px rgba(0, 43, 108, 0.0509803922);
  padding: 0 24px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.nav-item_ffb2a {
  color: #181818;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: color 0.2s;
}
.nav-item_ffb2a:hover {
  opacity: 0.7;
}
.nav-item_ffb2a.active_ffb2a {
  opacity: 1;
  color: #1664ff;
  font-weight: 500;
}
.marker_ffb2a {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #1664ff;
  height: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: width 0.3s, left 0.3s;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/ProductDyna/index_module.css */
@font-face {
  font-family: "ByteSans-Medium";
  src: url(https://portal.volccdn.com/obj/volcfe/font/ByteSans-Medium.ttf);
}
.item-group_97b7e {
  display: flex;
  gap: 60px;
  background-color: white;
}
@media screen and (min-width: 1680px) {
  .item-group_97b7e {
    gap: 126px;
  }
}
.item_97b7e {
  width: 360px;
}
@media screen and (min-width: 1680px) {
  .item_97b7e {
    width: 396px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .item_97b7e {
    width: 288px;
  }
}
.title_97b7e {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #0c0d0e;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  transition: color 0.2s ease;
}
.title_97b7e:hover {
  color: #1664ff;
}
.split_97b7e {
  font-size: 0;
  display: flex;
  align-items: center;
  margin-top: 19px;
}
.split_97b7e > svg {
  flex: none;
}
.line_97b7e {
  height: 1px;
  background: #ececec;
  min-width: 150%;
}
.line_97b7e.last_97b7e {
  min-width: 100%;
}
.content_97b7e {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4e5969;
  margin-top: 19px;
  height: 72px;
  overflow: hidden;
}
.date_97b7e {
  font-family: "ByteSans-Medium";
  font-size: 16px;
  line-height: 28px;
  color: #a7a7a7;
  margin-top: 8px;
}
.buttons_97b7e {
  display: flex;
  justify-content: center;
  gap: 39px;
  margin-top: 56px;
}
.button_97b7e {
  cursor: pointer;
  background: #f7f7f9;
  color: #454545;
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button_97b7e.disabled_97b7e {
  opacity: 0.5;
}
.button_97b7e.left_97b7e {
  transform: rotate(180deg);
}
.pad-container_97b7e {
  display: none;
}
.mobile-container_97b7e {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pc-container_97b7e {
    display: none;
  }
  .pad-container_97b7e {
    display: flex;
    gap: 36px;
    overflow: scroll;
    padding: 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .pad-container_97b7e::-webkit-scrollbar {
    display: none;
  }
  .item_97b7e {
    display: inline-block;
    width: 288px;
    flex: none;
  }
  .title_97b7e {
    font-size: 16px;
    line-height: 22.4px;
  }
  .split_97b7e {
    margin-top: 12px;
  }
  .content_97b7e {
    font-size: 14px;
    line-height: 21px;
    height: 63px;
    margin-top: 16px;
  }
  .date_97b7e {
    font-size: 14px;
    margin-top: 9px;
  }
  .card-container_97b7e > div:nth-child(2) > div {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .pc-container_97b7e {
    display: none;
  }
  .mobile-container_97b7e {
    display: flex;
    flex-direction: column;
    gap: 23px;
  }
  .item_97b7e {
    width: 100%;
  }
  .item_97b7e:nth-child(n+5) {
    display: none;
  }
  .title_97b7e {
    font-size: 16px;
    line-height: 22.4px;
  }
  .title_97b7e > svg {
    vertical-align: 2px;
    margin-right: 12px;
  }
  .content_97b7e {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 6px;
    margin-left: 24px;
  }
  .date_97b7e {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    margin-left: 24px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/SellingModel/index_module.css */
.container_b38d7 {
  display: flex;
  justify-content: space-between;
}
.item_b38d7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 250px;
}
.video-container_b38d7 {
  width: 80px;
}
.video_b38d7 {
  display: block;
  width: 100%;
}
.image-container_b38d7 {
  display: none;
  width: 72px;
}
.image_b38d7 {
  display: block;
  width: 100%;
}
.title_b38d7 {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  margin-top: 25px;
  color: #181818;
}
.desc_b38d7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: #4e5969;
  margin-top: 12px;
}
.button_b38d7 {
  margin-top: 12px;
  height: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container_b38d7 {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-rows: auto;
    row-gap: 31px;
    column-gap: 20px;
  }
  .item_b38d7 {
    align-items: flex-start;
    width: unset;
  }
  .video-container_b38d7 {
    display: none;
  }
  .image-container_b38d7 {
    display: none;
  }
  .title_b38d7 {
    font-size: 18px;
    line-height: 25.2px;
  }
  .desc_b38d7 {
    text-align: start;
    margin-top: 6px;
  }
  .button_b38d7 {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .container_b38d7 {
    flex-direction: column;
    gap: 16px;
  }
  .item_b38d7 {
    padding: 32px;
    width: 100%;
    align-items: flex-start;
    border: 1px solid #eaedf1;
    border-radius: 4px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  }
  .video-container_b38d7 {
    display: none;
  }
  .image-container_b38d7 {
    display: block;
  }
  .title_b38d7 {
    font-size: 18px;
    line-height: 25.2px;
    margin-top: 10px;
  }
  .desc_b38d7 {
    text-align: start;
    margin-top: 8px;
  }
  .button_b38d7 {
    margin-top: 20px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Specification/Card_module.css */
.card_8da04 {
  border-radius: 4px;
  border: 1px solid #eaedf1;
  padding: 47px 58px 70px 70px;
  display: flex;
  transition: box-shadow 0.2s linear;
}
.card_8da04:hover {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
}
@media screen and (min-width: 1680px) {
  .card_8da04 {
    padding: 47px 80px 70px 80px;
  }
}
.left_8da04 {
  min-width: 565px;
}
.split_8da04 {
  background: #d9d9d9;
  width: 1px;
  flex: none;
}
.placeholder-1_8da04 {
  width: 60px;
}
@media screen and (min-width: 1680px) {
  .placeholder-1_8da04 {
    width: 85px;
  }
}
.placeholder-2_8da04 {
  width: 70px;
}
@media screen and (min-width: 1680px) {
  .placeholder-2_8da04 {
    width: 112px;
  }
}
.right_8da04 {
  max-width: 500px;
  margin-top: 25px;
}
.tag_8da04 {
  display: inline-block;
  background: #e2ecfe;
  padding: 1px 7px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 14px;
  color: #1664ff;
}
.name_8da04 {
  font-size: 28px;
  font-weight: 500;
  line-height: 39px;
  margin-top: 7px;
}
.params_8da04 {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.param__value_8da04 {
  color: #0c0d0e;
  font-weight: 500;
}
.param__value_8da04 b {
  font-family: "ByteSans-Medium";
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}
.param__value_8da04 span {
  font-size: 16px;
  line-height: 24px;
}
.param__name_8da04 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #4e5969;
}
.buttons_8da04 {
  display: flex;
  gap: 28px;
  margin-top: 35px;
}
.button_8da04 {
  width: 131px;
  height: 40px;
  font-size: 14px;
}
.desc__title_8da04 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #181818;
}
.desc__content_8da04 {
  font-size: 14px;
  line-height: 20px;
  color: #4e5969;
  margin-top: 9px;
}
.scene_8da04 {
  margin-top: 40px;
}
.scene__content_8da04 {
  font-size: 14px;
  line-height: 20px;
  color: #4e5969;
  margin-top: 9px;
  display: flex;
  gap: 8px 22px;
  flex-wrap: wrap;
}
@media screen and (min-width: 1680px) {
  .scene__content_8da04 {
    column-gap: 32px;
  }
}
.scene__content__item_8da04 > svg {
  margin-right: 6px;
  vertical-align: 3px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Specification/index_module.css */
@font-face {
  font-family: "ByteSans-Medium";
  src: url(https://portal.volccdn.com/obj/volcfe/font/ByteSans-Medium.ttf);
}
.cards_2ac01 {
  margin-top: 20px;
}
.cards_2ac01 > div + div {
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .cards_2ac01 {
    margin-top: 24px;
  }
  .cards_2ac01 > div {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cards_2ac01 > div {
    margin-top: 16px;
  }
}
.card-container_2ac01 > div:first-child {
  margin-bottom: 40px;
}
.pc-only_2ac01 {
  display: none;
}
@media screen and (min-width: 1023px) {
  .pc-only_2ac01 {
    display: block;
  }
}
.pad-only_2ac01 {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad-only_2ac01 {
    display: block;
  }
}
.mobile-only_2ac01 {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile-only_2ac01 {
    display: block;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Specification/CardPad_module.css */
.card_e2c02 {
  border-radius: 4px;
  border: 1px solid #eaedf1;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  padding: 36px;
}
.tag_e2c02 {
  display: inline-block;
  background: #e2ecfe;
  padding: 1px 7px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 14px;
  color: #1664ff;
}
.name_e2c02 {
  font-size: 18px;
  font-weight: 500;
  line-height: 25.2px;
  margin-top: 7px;
}
.params_e2c02 {
  margin-top: 17px;
}
.param_e2c02 {
  display: inline-block;
  margin-right: 40px;
}
.param__value_e2c02 {
  color: #0c0d0e;
  font-weight: 500;
}
.param__value_e2c02 b {
  font-family: "ByteSans-Medium";
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  margin-right: 5px;
  font-weight: 400;
}
.param__value_e2c02 span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.param__name_e2c02 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  color: #4e5969;
}
.scenes_e2c02 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  margin-top: 25px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px;
  width: 540px;
}
.scenes__item_e2c02 > svg {
  margin-right: 6px;
  vertical-align: 3px;
}
.buttons_e2c02 {
  display: flex;
  gap: 28px;
  margin-top: 25px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/Specification/CardMobile_module.css */
.card_50d7e {
  border-radius: 4px;
  border: 1px solid #eaedf1;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  padding: 20px;
}
.tag_50d7e {
  display: inline-block;
  background: #e2ecfe;
  padding: 1px 7px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 16px;
  color: #1664ff;
}
.name_50d7e {
  font-size: 18px;
  font-weight: 500;
  line-height: 25.2px;
  margin-top: 7px;
}
.desc_50d7e {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  margin-top: 8px;
}
.params_50d7e {
  margin-top: 2px;
}
.param_50d7e {
  display: block;
  margin-top: 12px;
}
.param__value_50d7e {
  color: #0c0d0e;
  font-weight: 500;
}
.param__value_50d7e b {
  font-family: "ByteSans-Medium";
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  margin-right: 5px;
  font-weight: 400;
}
.param__value_50d7e span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.param__name_50d7e {
  font-size: 12px;
  font-weight: 400;
  line-height: 18.2px;
  color: #4e5969;
}
.scenes_50d7e {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  margin-top: 25px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px;
  width: 540px;
}
.scenes__item_50d7e > svg {
  margin-right: 6px;
  vertical-align: 3px;
}
.buttons_50d7e {
  display: flex;
  gap: 8px;
  margin-top: 25px;
}
.button_50d7e {
  flex: auto;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/TrustFromCustomer/index_module.css */
.container_c8e8c {
  display: flex;
  gap: 20px;
}
.container_c8e8c * {
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .container_c8e8c {
    overflow: scroll;
    padding: 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .container_c8e8c::-webkit-scrollbar {
    display: none;
  }
  .card_c8e8c {
    flex: none;
  }
  .card-container_c8e8c > div:nth-child(2) > div {
    padding: 0;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CloudECS/TrustFromCustomer/Card/index_module.css */
.card_16f58 {
  width: 285px;
  height: 412px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.0784313725);
  font-size: 0;
  cursor: auto;
}
.card_16f58.has-check-more_16f58 {
  cursor: pointer;
}
@media screen and (min-width: 1680px) {
  .card_16f58 {
    width: 345px;
    height: 450px;
  }
}
.bg_16f58 {
  width: 100%;
  border-radius: 4px;
}
.content_16f58 {
  width: 100%;
  position: absolute;
  top: 162px;
  bottom: 0;
  overflow: hidden;
  transition: top 0.3s ease-in-out;
  border: 1px solid #eaedf1;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(231, 247, 255, 0.768627451) 0%, #ffffff 21.17%);
  backdrop-filter: blur(15px);
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .content_16f58.hover_16f58 {
    top: 0;
  }
}
.logo_16f58 {
  width: 193px;
  height: 63px;
}
.title_16f58 {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #181818;
  margin-top: 12px;
}
.desc_16f58 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #4e5969;
  margin-top: 12px;
  height: 198px;
}
.check-more_16f58 {
  display: inline-block;
  color: #006eff;
}
.button_16f58 {
  width: 100%;
  height: 44px;
  margin-top: 18px;
}
@media screen and (min-width: 1680px) {
  .content_16f58 {
    top: 200px;
  }
  .desc_16f58 {
    height: 235px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/ModelFamily/index_module.css */
.model-family_50a8c {
  font-family: "PingFang SC";
}
.large-models_50a8c {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  width: 100%;
}
.large-model_50a8c {
  height: 264px;
  border-radius: 12px;
  padding: 34px 40px;
  position: relative;
  transition: box-shadow 0.2s ease;
}
.large-model_50a8c:hover {
  box-shadow:
    0px 5px 15px 0px #0000000d,
    0px 15px 35px -2px #0000000d,
    0px 4px 60px 0px #4012dd2e;
}
.large-model_50a8c .icon_50a8c {
  height: 60px;
  display: block;
}
.large-model_50a8c .name_50a8c {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff;
}
.large-model_50a8c .corner-tag_50a8c {
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 8px 10px;
  font-style: italic;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  color: #ffffff;
}
.large-model_50a8c .tags_50a8c {
  margin-top: 8px;
}
.large-model_50a8c .tag_50a8c {
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  border: 1px solid #ffffff73;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
}
.large-model_50a8c .tag_50a8c:first-child {
  margin-left: 0;
}
.large-model_50a8c .desc_50a8c {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 24px;
}
.models_50a8c {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 20px;
}
.model_50a8c {
  height: 166px;
  border-radius: 11px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0px 3px 2px 0px #e6ebfa;
  transition: box-shadow 0.2s ease;
}
.model_50a8c:hover {
  box-shadow: 0px 3px 18px 0px #3341651a;
}
.model_50a8c:hover .name_50a8c {
  color: #1664ff;
}
.model_50a8c .icon_50a8c {
  height: 44px;
  display: block;
}
.model_50a8c .name_50a8c {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #020814;
  margin-top: 8px;
  transition: color 0.2s ease;
}
.model_50a8c .name_50a8c .colorful_50a8c {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.model_50a8c .desc_50a8c {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #42464e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
}
.model_50a8c .link_50a8c {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1664ff;
  text-decoration: none;
  transition: all 0.2s ease;
}
.model_50a8c .link_50a8c:hover {
  color: #4281ff;
}
.model_50a8c .link_50a8c:hover > svg {
  margin-left: 10px;
  margin-right: 0px;
}
.model_50a8c .link_50a8c > svg {
  display: inline-block;
  vertical-align: 1px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1023px) {
  .large-model_50a8c {
    height: 250px;
    padding: 24px 20px;
  }
  .large-model_50a8c .icon_50a8c {
    height: 44px;
  }
  .large-model_50a8c .name_50a8c {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 12px;
  }
  .large-model_50a8c .tags_50a8c {
    margin-top: 8px;
  }
  .large-model_50a8c .tag_50a8c {
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
  }
  .large-model_50a8c .desc_50a8c {
    margin-top: 16px;
  }
  .models_50a8c {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
  .model_50a8c {
    height: 166px;
  }
}
@media screen and (max-width: 767px) {
  .large-models_50a8c {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
  .large-model_50a8c {
    padding: 20px 16px;
    height: 114px;
  }
  .large-model_50a8c .icon_50a8c {
    height: 32px;
    display: inline-block;
    vertical-align: -10px;
  }
  .large-model_50a8c .name_50a8c {
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    margin-top: 0;
    margin-left: 8px;
  }
  .large-model_50a8c .tags_50a8c {
    display: none;
  }
  .large-model_50a8c .desc_50a8c {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
  }
  .models_50a8c {
    margin-top: 12px;
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
    column-gap: 11px;
  }
  .model_50a8c {
    height: 164px;
    padding: 16px;
    background: #ffffff80;
    border: 1px solid #ffffff;
  }
  .model_50a8c .icon_50a8c {
    height: 32px;
  }
  .model_50a8c .name_50a8c {
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
  }
  .model_50a8c .desc_50a8c {
    margin-top: 2px;
    -webkit-line-clamp: 3;
  }
  .model_50a8c .link_50a8c {
    font-size: 12px;
  }
  .model_50a8c .link_50a8c > svg {
    vertical-align: -1px;
  }
}
@media screen and (min-width: 768px) {
  .mobile-only_50a8c.mobile-only_50a8c {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pad-pc-only_50a8c.pad-pc-only_50a8c {
    display: none;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Case2/index_module.css */
.logos_6b674 {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 20px;
}
.logo_6b674 {
  width: 256px;
  height: 60px;
  user-select: none;
  -webkit-user-drag: none;
  object-position: center;
  object-fit: cover;
  cursor: pointer;
  filter: grayscale(1);
  opacity: 0.5;
}
.logo_6b674:hover {
  opacity: 0.3;
}
.logo_6b674.active_6b674 {
  filter: initial;
  opacity: 1;
}
.highlight-line_6b674 {
  position: absolute;
  width: 256px;
  bottom: 0;
  transition: transform 0.3s;
  height: 2px;
  border-radius: 4px 4px 0 0;
  background-color: #1664ff;
}
.carousel_6b674 {
  margin-top: 50px;
  height: 480px;
  border-radius: 14px;
  overflow: hidden;
}
.cases-wrap_6b674 {
  white-space: nowrap;
  height: 100%;
}
.case_6b674 {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.case_6b674 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
  transition: transform 0.3s;
}
.case_6b674:hover img {
  transform: scale(1.05);
}
.case_6b674:hover svg {
  transform: translateX(4px);
}
.desc_6b674 {
  position: absolute;
  left: 54px;
  bottom: 108px;
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: 0.16px;
  max-width: 720px;
  white-space: pre-wrap;
}
@media (max-width: 1023px) {
  .desc_6b674 {
    left: 28px;
    right: 28px;
    bottom: 60px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.08px;
  }
}
@media (max-width: 767px) {
  .desc_6b674 {
    max-width: 460px;
    left: 20px;
    right: 20px;
    bottom: 52px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.09px;
  }
}
@media (max-width: 375px) {
  .desc_6b674 {
    max-width: 100%;
  }
}
.button_6b674 {
  position: absolute;
  left: 54px;
  bottom: 54px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.16px;
}
.button_6b674 svg {
  font-size: 12px;
  stroke-width: 6;
  margin-left: 4px;
  transition: transform 0.3s;
}
.dots_6b674 {
  display: none;
}
@media screen and (max-width: 1679px) {
  .carousel_6b674 {
    height: 400px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .logos_6b674 {
    padding-bottom: 4px;
  }
  .logo_6b674 {
    width: 180px;
  }
  .highlight-line_6b674 {
    width: 180px;
  }
  .carousel_6b674 {
    margin-top: 24px;
    height: 240px;
  }
  .button_6b674 {
    left: 28px;
    bottom: 28px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.14px;
  }
}
@media screen and (max-width: 767px) {
  .logos_6b674 {
    display: none;
  }
  .carousel_6b674 {
    height: 370px;
    margin-top: 0;
    border-radius: unset;
  }
  .case_6b674 img {
    border-radius: 12px;
  }
  .case_6b674:hover img {
    transform: unset;
  }
  .case_6b674:hover svg {
    transform: unset;
  }
  .button_6b674 {
    left: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.14px;
  }
  .dots_6b674 {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dot_6b674 {
    border-radius: 50%;
    background-color: #e5e8ef;
    width: 6px;
    height: 6px;
  }
  .dot_6b674 + .dot_6b674 {
    margin-left: 8px;
  }
  .dot_6b674.active_6b674 {
    background-color: #1664ff;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Navigator/index_module.css */
.navigator_77d33 {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  z-index: 99;
}
.tabs_77d33 {
  display: flex;
  height: 52px;
  position: absolute;
  width: 1200px;
  top: -26px;
  background-color: #ffffff;
  backdrop-filter: blur(4px);
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.06);
}
.tab_77d33 {
  display: flex;
  flex-grow: 1;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.002em;
  color: #181818;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tabNow_77d33 {
  font-weight: 500;
  color: #ffffff;
  background: #1664ff;
}
@media (any-hover: hover) {
  .tab_77d33:hover {
    color: var(--color-primary);
    transition: color 0.5s;
  }
  .tabNow_77d33:hover {
    color: #ffffff;
    transition: unset;
  }
}
@media screen and (max-width: 1200px) {
  .tabs_77d33 {
    width: 100vw !important;
  }
}
.Navi_77d33 {
  width: 100vw;
  position: fixed;
  display: none;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  z-index: 99;
  top: -50px;
  transition: transform 0.5s;
}
.NaviShow_77d33 {
  transform: translateY(50px);
}
.moTabs_77d33 {
  position: relative;
  display: flex;
  height: 50px;
  width: 1200px;
  max-width: 100vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1680px) {
  .moTabs_77d33 {
    width: 1200px;
    width: var(--volcfe-nav-width-xl, 1200px);
  }
}
.moTabs_77d33::-webkit-scrollbar {
  display: none;
}
.moTab_77d33 {
  display: flex;
  flex-grow: 1;
  flex-grow: var(--volcfe-nav-grow, 1);
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0.002em;
  color: #181818;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.moTab_77d33:not(:last-child) {
  margin-right: var(--volcfe-nav-gap);
}
.moTabScroll_77d33 {
  flex-grow: unset;
  white-space: nowrap;
  padding: 0 10px;
}
.moTabNow_77d33 {
  color: #1664ff;
  font-weight: 500;
}
.highLightLine_77d33 {
  position: absolute;
  bottom: 0;
  height: 3px;
  background: #1664ff;
  transition: width 0.5s, transform 0.5s;
  border-radius: 12px 12px 0 0;
}
.slot-wrapper_77d33 {
  background-color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .navigator_77d33 {
    display: none;
  }
  .Navi_77d33 {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .solutionsBody {
    min-width: 1200px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/index_module.css */
.pc_3e259,
.pad_3e259,
.mobile_3e259 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc_3e259 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_3e259 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .mobile_3e259 {
    display: block;
  }
}
.normalize_3e259 * {
  box-sizing: border-box;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/players/MultiStagesAlphaPlayer/index_module.css */
.alpha-player-container_af67d {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alpha-player-container_af67d > canvas {
  width: 100%;
  height: auto;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/Main/Collapse/index_module.css */
.collapse_eef33 {
  overflow: visible;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/Main/index_module.css */
.scenes_f0a8d {
  position: relative;
  transform: translateX(27px);
}
.marker-rail_f0a8d {
  width: 1px;
  background: #b2b2b2;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -27px;
}
.marker_f0a8d {
  position: absolute;
  top: 0;
  height: 0;
  left: -27px;
  width: 2px;
  background: #181818;
  transform: translate(-0.5px, 0);
  transition: all 0.2s ease-in-out;
}
.enableSubMenu_f0a8d.marker-rail_f0a8d {
  width: 2px;
}
.enableSubMenu_f0a8d.marker_f0a8d {
  transform: translate(0, 0);
}
.scene_f0a8d {
  margin-top: 24px;
  width: 400px;
  position: relative;
}
.title_f0a8d {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #737a87;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.title_f0a8d:hover {
  color: #0c0d0e;
}
.title_f0a8d.active_f0a8d {
  color: #0c0d0e;
  cursor: auto;
}
.title_f0a8d.active_f0a8d .img_f0a8d {
  display: none;
}
.title_f0a8d.active_f0a8d .active-img_f0a8d {
  display: inline-block;
}
.title_f0a8d .icon-empty_f0a8d {
  width: 28px;
}
.title_f0a8d .img_f0a8d {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.title_f0a8d .active-img_f0a8d {
  display: none;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.title-old_f0a8d {
  font-size: 32px;
  font-weight: 400;
  line-height: 46px;
  color: #737a87;
}
.title-old_f0a8d.active_f0a8d {
  color: #0c0d0e;
  cursor: auto;
  font-weight: 500;
}
.title-old_f0a8d.active_f0a8d .img_f0a8d {
  display: none;
}
.title-old_f0a8d.active_f0a8d .active-img_f0a8d {
  display: inline-block;
}
.sub-scenes_f0a8d {
  margin-top: 20px;
}
.desc_f0a8d {
  padding-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
}
.desc-cross-fade-item_f0a8d {
  overflow: visible;
  transition: opacity 0.3s linear;
  opacity: 0;
  width: 0;
  display: inline-block;
  vertical-align: top;
}
.desc-cross-fade-item_f0a8d.active_f0a8d {
  opacity: 1;
  transition-delay: 0.2s;
}
.desc-cross-fade-item_f0a8d > div {
  width: 460px;
}
.button_f0a8d {
  margin-top: 16px;
  width: 100px;
  height: 40px;
  margin-bottom: 36px;
}
@keyframes fade-in_f0a8d {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/Main/RadioButton/index_module.css */
.radio-button_6f196 {
  height: 33px;
  padding: 3px;
  border-radius: 6px;
  background: #f1f3f5;
  display: inline-block;
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.option_6f196 {
  color: #737a87;
  padding: 3px 12px;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
}
.option_6f196:first-child {
  margin-left: 0;
}
.option_6f196.active_6f196 {
  background: #ffffff;
  color: #1664ff;
  font-weight: 500;
  border-radius: 4px;
  box-shadow:
    0px 0px 0px 0.5px rgba(213, 219, 227, 0.6980392157),
    0px 0.5px 1px 0px rgba(0, 0, 0, 0.0509803922),
    0px 1px 2px 0px rgba(0, 0, 0, 0.0705882353);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/Main/SubMenu/index_module.css */
.sub-menu_dce7a {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}
.option_dce7a {
  line-height: 22px;
  cursor: pointer;
  margin-left: 2px;
}
.has-icon_dce7a {
  margin-left: 28px;
}
.active_dce7a {
  color: #1664ff;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/Overlay/index_module.css */
.item_5eddb {
  position: absolute;
  font-size: 0;
  animation: fade-in_5eddb 0.2s ease-in;
}
.title_5eddb {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-align: right;
  color: #181818;
  animation: text-enter_5eddb 0.3s ease-in;
  animation-fill-mode: both;
}
.desc_5eddb {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  color: #404040;
  margin-top: 4px;
  animation: text-enter_5eddb 0.3s ease-in;
  animation-fill-mode: both;
}
@keyframes fade-in_5eddb {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.line_5eddb {
  animation: line-enter_5eddb 0.3s linear;
  animation-fill-mode: both;
}
@keyframes line-enter_5eddb {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes text-enter_5eddb {
  0% {
    transform: translate(-50px, 0);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PCRender/index_module.css */
.container_319d8 {
  background-color: white;
  font-family: "PingFang SC";
  position: relative;
}
@media (min-width: 1200px) {
  .container_319d8.sticky-scroll_319d8 .title-and-content-container_319d8 {
    height: 100vh;
  }
  .container_319d8.sticky-scroll_319d8 .content-container_319d8 {
    height: 100%;
  }
}
.title-and-content-container_319d8 {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .title-and-content-container_319d8 {
    padding-top: 140px !important;
  }
}
.title-and-content-container_319d8 > div:nth-child(1) {
  padding-bottom: 0;
  z-index: 1;
}
.title-and-content-container_319d8 > div:nth-child(2) {
  flex: 1 1;
}
.title-and-content-container_319d8 > div:nth-child(2) > div {
  height: 100%;
}
.content-container_319d8 {
  height: 750px;
  position: relative;
  display: flex;
}
.stage-container_319d8 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.main_319d8 {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 1;
  height: fit-content;
}
.animation-container_319d8 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.float-container_319d8 {
  position: absolute;
  top: calc(50% - 43px);
  right: 160px;
  padding: 40px;
  background: #ffffff;
  width: 420px;
  border-radius: 12px;
  border: 1px solid #eaedf1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  transform: translateY(-50%);
}
@media screen and (max-width: 1679px) {
  .float-container_319d8 {
    right: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .float-container_319d8 {
    top: calc(50% - 81px);
    right: 40px;
  }
}
@media screen and (max-width: 1160px) {
  .float-container_319d8 {
    right: calc(1210px - 100vw);
  }
}
.main-title_319d8 {
  color: #0c0f0e;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  font-family: PingFang SC;
}
.main-title-desc_319d8 {
  margin-top: 12px;
  color: #42464e;
}
.serve-container_319d8 {
  margin-top: 16px;
}
.serve-title_319d8 {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.serve-details_319d8 {
  display: grid;
  margin-top: 12px;
  gap: 12px;
  line-height: 22px;
  color: #4e5969;
}
.serve-desc-title_319d8 {
  display: flex;
  align-items: center;
  opacity: 1;
}
.serve-desc-title_319d8 svg {
  margin-right: 3px;
}
.serve-desc-detail_319d8 {
  opacity: 0.5;
}
.button_319d8 {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  background: #1664ff;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 16px 0 0;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.button_319d8:hover {
  background: #4281ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.button_319d8:active {
  background: #0055ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.family-container_319d8 {
  margin-top: 16px;
}
.family-title_319d8 {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
}
.family-product_319d8 {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.product-btn_319d8 {
  margin: 0;
  padding-left: 12px;
  border: none;
  outline: none;
  background-color: transparent;
  display: flex;
  width: 100%;
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  font-family: "PingFang SC";
  line-height: 22px;
  color: rgba(24, 24, 24, 0.8);
}
.product-btn_319d8:hover {
  border: 1px solid #4281fd;
}
.product-btn_319d8:active {
  border: 1px solid #1664ff;
}
.product-btn_319d8 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PadRender/index_module.css */
.container_6b670 {
  font-family: "PingFang SC";
}
.scene_6b670 {
  height: 408px;
  position: relative;
}
.image-container_6b670 {
  position: absolute;
  top: 0;
  height: 244px;
  right: 0;
  overflow: visible;
}
.image-container_6b670 > img,
.image-container_6b670 > canvas {
  height: 100%;
}
.content_6b670 {
  padding: 125px 0 0 24px;
}
.title_6b670 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  position: relative;
}
.desc_6b670 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  width: 215px;
  margin-top: 8px;
  position: relative;
}
.mobile-collapse_6b670 .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #fff;
  border: unset;
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-content {
  background-color: #fff;
}
.mobile-collapse_6b670 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.mobile-collapse_6b670 .arco-collapse-item + .arco-collapse-item {
  margin-top: 8px;
}
.mobile-collapse_6b670 .arco-collapse-item-active .mobile-tab-title_6b670 {
  color: #1664ff;
}
.mobile-collapse_6b670 .mobile-tab-title_6b670 {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.mobile-collapse_6b670 .float-container_6b670 {
  padding-bottom: 32px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 {
  padding: 12px 24px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .serve-title_6b670 {
  color: #0c0d0e;
  font-weight: 500;
  line-height: 22px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .serve-details_6b670 {
  display: grid;
  margin-top: 12px;
  gap: 8px;
  line-height: 22px;
  color: #4e5969;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .serve-desc-title_6b670 {
  display: flex;
  align-items: center;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .serve-desc-title_6b670 svg {
  margin-right: 3px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .button_6b670 {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  background: #1664ff;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 16px 0 0;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .button_6b670:hover {
  background: #4281ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .button_6b670:active {
  background: #0055ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .family-container_6b670 {
  margin-top: 16px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .family-title_6b670 {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .family-product_6b670 {
  display: flex;
  margin-top: 12px;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .product-btn_6b670 {
  margin: 0;
  padding: 7px 12px;
  border: none;
  outline: none;
  background-color: transparent;
  margin-right: 8px;
  display: flex;
  width: fit-content;
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  font-family: "PingFang SC";
  line-height: 22px;
  color: rgba(24, 24, 24, 0.8);
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .product-btn_6b670:hover {
  border: 1px solid #4281fd;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .product-btn_6b670:active {
  border: 1px solid #1664ff;
}
.mobile-collapse_6b670 .float-container_6b670 .details-container_6b670 .product-btn_6b670 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.card-title-left_6b670 > div:first-child {
  padding-left: 0;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/TabsCollapseContentLayout/index_module.css */
.mobile-collapse_fe5cb .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden;
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-header {
  padding: 16px;
  background-color: #fff;
  border: unset;
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px;
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  width: 12px;
  height: 12px;
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
  transform: rotate(-180deg);
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-content {
  background-color: #fff;
}
.mobile-collapse_fe5cb .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset;
}
.mobile-collapse_fe5cb .arco-collapse-item + .arco-collapse-item {
  margin-top: 12px;
}
.mobile-collapse_fe5cb .arco-collapse-item-active .mobile-tab-title_fe5cb {
  color: #1664ff;
}
.mobile-collapse_fe5cb .mobile-tab-title_fe5cb {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.002em;
  color: #181818;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb {
  padding: 12px 24px;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .serve-title_fe5cb {
  color: #0c0d0e;
  font-weight: 500;
  line-height: 22px;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .serve-details_fe5cb {
  display: grid;
  margin-top: 12px;
  gap: 8px;
  line-height: 22px;
  color: #4e5969;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .serve-desc-title_fe5cb {
  display: flex;
  align-items: center;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .serve-desc-title_fe5cb svg {
  margin-right: 3px;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .button_fe5cb {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  background: #1664ff;
  border-radius: 4px;
  height: 36px;
  align-items: center;
  text-align: center;
  margin: 16px 0 0;
  cursor: pointer;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .button_fe5cb:hover {
  background: #4281ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .button_fe5cb:active {
  background: #0055ff;
  box-shadow: 0px 6px 8px rgba(46, 70, 146, 0.1);
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .family-container_fe5cb {
  margin-top: 16px;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .family-title_fe5cb {
  color: #1a202c;
  font-weight: 500;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .family-product_fe5cb {
  display: flex;
  margin-top: 12px;
  flex-wrap: wrap;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .product-btn_fe5cb {
  margin: 0 8px 8px 0;
  padding: 7px 12px;
  outline: none;
  display: flex;
  width: fit-content;
  height: 36px;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  font-family: "PingFang SC";
  line-height: 22px;
  color: rgba(24, 24, 24, 0.8);
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .product-btn_fe5cb:hover {
  border: 1px solid #4281fd;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .product-btn_fe5cb:active {
  border: 1px solid #1664ff;
}
.mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb .product-btn_fe5cb img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .mobile-collapse_fe5cb .float-container_fe5cb .details-container_fe5cb {
    padding: 12px 25.5px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CardGroup/Card/index_module.css */
.size-all_2d87a {
  --volcfe-card-text-size: 14px;
  --volcfe-card-button-max-width: 180px;
  --volcfe-card-border-radius: 12px;
  --volcfe-card-item-space: 8px;
  --volcfe-card-main-icon-size: 48px;
}
@media screen and (max-width: 1023.9px) {
  .size-all_2d87a {
    --volcfe-card-button-max-width: 110px;
    --volcfe-card-border-radius: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-all_2d87a {
    --volcfe-card-main-icon-size: 32px;
    --volcfe-card-text-size: 12px;
  }
}
.size-xs_2d87a {
  --volcfe-card-title-size: 16px;
  --volcfe-card-inner-padding: 16px;
  --volcfe-card-button-height: 28px;
}
@media screen and (min-width: 768px) {
  .size-xs_2d87a {
    --volcfe-card-main-icon-size: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xs_2d87a {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 12px;
  }
}
.size-s_2d87a {
  --volcfe-card-title-size: 18px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 767.9px) {
  .size-s_2d87a {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-m_2d87a {
  --volcfe-card-title-size: 20px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 767.9px) {
  .size-m_2d87a {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-l_2d87a {
  --volcfe-card-title-size: 24px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 1023.9px) {
  .size-l_2d87a {
    --volcfe-card-title-size: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-l_2d87a {
    --volcfe-card-title-size: 18px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-xl_2d87a {
  --volcfe-card-title-size: 28px;
  --volcfe-card-inner-padding: 32px;
  --volcfe-card-button-height: 40px;
}
@media screen and (min-width: 1024px) {
  .size-xl_2d87a {
    --volcfe-card-border-radius: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .size-xl_2d87a {
    --volcfe-card-title-size: 20px;
    --volcfe-card-inner-padding: 24px;
    --volcfe-card-button-height: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xl_2d87a {
    --volcfe-card-title-size: 18px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-xxl_2d87a {
  --volcfe-card-title-size: 32px;
  --volcfe-card-inner-padding: 32px;
  --volcfe-card-button-height: 40px;
  --volcfe-card-item-space: 16px;
}
@media screen and (min-width: 1024px) {
  .size-xxl_2d87a {
    --volcfe-card-border-radius: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .size-xxl_2d87a {
    --volcfe-card-title-size: 20px;
    --volcfe-card-inner-padding: 24px;
    --volcfe-card-item-space: 8px;
    --volcfe-card-button-height: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xxl_2d87a {
    --volcfe-card-inner-padding: 16px;
  }
}
.button_2d87a.cardGroupFastbuyButton_2d87a:hover {
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.2);
}
.button_2d87a.primary_2d87a,
.button_2d87a.secondary_2d87a,
.button_2d87a.textLink_2d87a {
  cursor: pointer;
}
.button_2d87a.primary_2d87a:hover,
.button_2d87a.secondary_2d87a:hover,
.button_2d87a.textLink_2d87a:hover {
  opacity: 0.7;
}
.card_2d87a {
  display: flex;
  overflow: hidden;
  border-radius: var(--volcfe-card-border-radius);
  position: relative;
  justify-content: space-between;
  text-decoration: none;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.card_2d87a * {
  box-sizing: border-box;
}
.card_2d87a:hover .buttons_2d87a.hoverButton_2d87a {
  transform: translateY(0);
}
.hover-background_2d87a {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.22s ease;
}
.hover-background-visible_2d87a {
  opacity: 1;
}
.card-content_2d87a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.card-content-inner_2d87a {
  display: flex;
  flex-direction: column;
  padding: var(--volcfe-card-inner-padding);
}
.icon-wrap_2d87a {
  height: var(--volcfe-card-main-icon-size);
  width: 100%;
}
.icon-wrap_2d87a img {
  height: 100%;
  width: auto;
}
.title_2d87a {
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: calc(1em + 8px);
  font-size: var(--volcfe-card-title-size);
}
.title-tag_2d87a {
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 4px;
  margin-left: 8px;
  flex-shrink: 0;
}
.description-wrap_2d87a {
  display: flex;
}
.check-icon_2d87a {
  flex-shrink: 0;
  transform: translateY(1px);
  font-size: var(--volcfe-card-text-size);
  width: calc(1em + 6px);
  height: calc(1em + 6px);
  margin-right: 2px;
}
.description_2d87a {
  font-weight: 400;
  font-size: var(--volcfe-card-text-size);
  line-height: calc(1em + 8px);
  color: #42464e;
  color: var(--color-text-2, #42464e);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description_2d87a svg {
  margin-left: 3px;
}
.description-link_2d87a {
  margin-left: 8px;
  text-decoration: none;
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
}
.item_2d87a:not(:last-child) {
  margin-bottom: var(--volcfe-card-item-space);
}
.media-container_2d87a {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.media-container_2d87a.has-padding_2d87a {
  padding: var(--volcfe-card-inner-padding);
}
.media-container_2d87a.has-padding_2d87a .media_2d87a {
  border-radius: var(--volcfe-card-border-radius);
}
.media_2d87a {
  display: block;
  height: 100%;
  object-position: center;
  width: 100%;
}
.corner-tag_2d87a {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 0.4em 0.6em;
  letter-spacing: 0.05em;
  font-size: var(--volcfe-card-text-size);
  line-height: calc(1em + 8px);
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: var(--volcfe-card-border-radius);
}
.content-title_2d87a {
  font-weight: 500;
  margin: var(--volcfe-card-item-space) 0;
  font-size: calc(var(--volcfe-card-text-size) + 2px);
  line-height: calc(1em + 8px);
}
.tags-wrap_2d87a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
}
.tag_2d87a {
  text-decoration: none;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 2px;
  margin-right: 12px;
}
.tag_2d87a img {
  height: 15px;
  margin-right: 4px;
}
.placeholder_2d87a {
  flex: 1 1;
}
.buttons_2d87a {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: var(--volcfe-card-item-space);
  column-gap: 16px;
  font-size: max(var(--volcfe-card-text-size), 14px);
  line-height: calc(1em + 8px);
}
.buttons_2d87a.hoverButton_2d87a {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  padding: var(--volcfe-card-inner-padding);
}
.button_2d87a {
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: var(--volcfe-card-button-height);
  font-weight: 500;
}
.button_2d87a.primary_2d87a {
  width: 180px;
  height: 40px;
  flex: 1 1;
  justify-content: center;
  box-shadow: 0 3px 8px 0 rgba(46, 70, 146, 0.05);
  background-color: rgb(22, 100, 225);
  background-color: rgb(var(--primary-6, 22, 100, 225));
  color: #fff;
  color: var(--color-white, #fff);
  font-weight: 500;
}
.button_2d87a.secondary_2d87a {
  flex: 1 1;
  justify-content: center;
  box-shadow: 0 3px 8px 0 rgba(46, 70, 146, 0.05);
}
.button_2d87a.textLink_2d87a {
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
}
.button_2d87a.auto-width_2d87a {
  max-width: var(--volcfe-card-button-max-width);
}
.tail-arrow_2d87a {
  width: 0.4em;
  height: auto;
  transform: translateY(-0.2px);
}
.button-arrow_2d87a {
  margin-left: 6px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/common/Trigger/index_module.css */
.clickable_59a00 {
  cursor: pointer;
}
.video-modal_59a00 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-modal-inner_59a00 {
  position: relative;
}
.video-modal-inner_59a00 svg {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: -20px;
  right: -20px;
}
.video-modal-inner_59a00 video {
  border-radius: 14px;
  overflow: hidden;
  height: auto;
  max-width: 80vw;
}
@media screen and (max-width: 1023.9px) {
  .video-modal-inner_59a00 video {
    max-width: calc(100vw - 48px);
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/common/assets/BuiltInIcon/index_module.css */
.svgPlay_2c3ad {
  width: 1.22em;
  height: 1.22em;
  vertical-align: -4px;
}
.svgRightArrow_2c3ad {
  height: 1em;
  vertical-align: -2px;
}
.svgClose_2c3ad {
  width: 0.8em;
  height: 0.8em;
  vertical-align: -1px;
}
.svgCopy_2c3ad {
  width: 1.1em;
  height: 1.1em;
  vertical-align: -3px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CardGroup/index_module.css */
@keyframes move_45a1b {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.carousel-container_45a1b {
  width: fit-content;
  will-change: transform;
  animation: move_45a1b infinite linear 5s;
}
.carousel-container_45a1b.hover-pause_45a1b:hover {
  animation-play-state: paused;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/ComponentContainer/index_module.css */
@media screen and (min-width: 1024px) {
  .volcfe-responsive-layout {
    min-width: 1200px;
  }
}
.component-container_da14a {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  background-color: var(--color-bg-1, #fff);
  box-sizing: border-box;
  padding: 60px 0;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .component-container_da14a {
    padding: 32px 0 24px;
  }
}
@media (min-width: 1024px) {
  .component-container_da14a:not([data-bg-img-pc=""]) {
    background-image: var(--component-container-bg-img-pc) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .component-container_da14a:not([data-bg-img-pad=""]) {
    background-image: var(--component-container-bg-img-pad) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}
@media (max-width: 767px) {
  .component-container_da14a:not([data-bg-img-mobile=""]) {
    background-image: var(--component-container-bg-img-mobile) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}
.component-container_da14a * {
  box-sizing: border-box;
}
.content-wrap_da14a {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .content-wrap_da14a {
    width: 1200px;
  }
}
@media screen and (min-width: 1680px) {
  .content-wrap_da14a {
    width: 1440px;
  }
}
@media (max-width: 1023.9px) {
  .content-wrap_da14a {
    padding: 0 24px;
  }
}
@media (max-width: 767.9px) {
  .content-wrap_da14a {
    padding: 0 12px;
  }
}
.content-wrap_da14a.full-width_da14a {
  width: 100%;
  padding: 0;
}
.title-area-wrap_da14a {
  padding-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .title-area-wrap_da14a {
    padding-bottom: 60px;
  }
}
.title-area-wrap_da14a h2 {
  margin: 0;
  padding: 0;
}
.title_da14a {
  flex: none;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.002em;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
  font-size: 40px;
  line-height: 48px;
}
@media screen and (max-width: 1023.9px) {
  .title_da14a {
    font-size: 24px;
    line-height: 32px;
  }
}
.desc_da14a {
  flex: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  color: #42464e;
  color: var(--color-text-2, #42464e);
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px;
}
@media screen and (max-width: 1023.9px) {
  .desc_da14a {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
  }
}
.desc_da14a p {
  margin: 0;
}
.link_da14a {
  display: inline-flex;
  height: 24px;
  align-items: center;
  font-weight: 400;
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
  text-decoration: none;
  letter-spacing: 0.002em;
  font-size: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 1023.9px) {
  .link_da14a {
    font-size: 14px;
    margin-top: 8px;
  }
}
.link_da14a:hover {
  color: rgb(56, 123, 255);
  color: rgb(var(--primary-5, 56, 123, 255));
}
.link_da14a:hover .link-arrow_da14a {
  right: -4px;
}
.link_da14a:active {
  color: rgb(56, 123, 255);
  color: rgb(var(--primary-5, 56, 123, 255));
}
.link-arrow_da14a {
  position: relative;
  right: 0;
  margin-left: 4px;
  transition: right 0.3s;
  height: 1em;
}
.buttons_da14a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 16px;
  row-gap: 12px;
  padding-top: 48px;
}
@media screen and (max-width: 767.9px) {
  .buttons_da14a {
    padding-top: 24px;
  }
}
.button_da14a {
  flex: 1 1;
  min-width: 240px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
  line-height: calc(1em + 8px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
@media screen and (min-width: 768px) {
  .button_da14a {
    max-width: 240px;
  }
}
@media screen and (max-width: 767.9px) {
  .button_da14a {
    font-size: 14px;
    height: 36px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/Tabs/index_module.css */
body {
  --standardized-tabs-capsule-grey-bg-color: #f1f3f5;
  --standardized-tabs-capsule-grey-active-bg-color: var(--color-bg-1, #fff);
}
body[arco-theme=dark] {
  --standardized-tabs-capsule-grey-bg-color: #0c0d0e;
  --standardized-tabs-capsule-grey-active-bg-color: var(--background-color-bg-5, rgba(241, 243, 245, 0.08));
}
.tabs-wrap_09e31 {
  width: 100%;
  overflow: hidden;
}
.tabs-inner-wrap_09e31 {
  width: calc(100% + 64px);
  display: flex;
  transform: translateX(-32px);
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .tabs-inner-wrap_09e31 {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1023.9px) {
  .tabs-inner-wrap_09e31 {
    width: calc(100% + 24px);
    transform: translateX(-24px);
  }
}
@media screen and (max-width: 767.9px) {
  .tabs-inner-wrap_09e31 {
    width: calc(100% + 16px);
    transform: translateX(-16px);
  }
}
.capsule-tab-inner-wrap_09e31 {
  width: 100%;
  display: flex;
  transform: translateX(0);
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .capsule-tab-inner-wrap_09e31 {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1023.9px) {
  .capsule-tab-inner-wrap_09e31 {
    width: 100%;
    transform: translateX(0);
  }
}
@media screen and (max-width: 767.9px) {
  .capsule-tab-inner-wrap_09e31 {
    width: 100%;
    transform: translateX(0);
  }
}
.tabs-inner-scroll-wrap_09e31 {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  position: relative;
  z-index: 0;
}
.tabs-inner-scroll-wrap_09e31::-webkit-scrollbar {
  display: none;
}
.tab_09e31 {
  cursor: pointer;
  padding: 0 2px;
  flex-shrink: 0;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .tab_09e31 {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #0c0d0e;
    color: var(--color-text-1, #0c0d0e);
    margin: 0 32px;
  }
}
@media screen and (max-width: 1023.9px) {
  .tab_09e31 {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    margin: 0 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .tab_09e31 {
    margin: 0 16px;
  }
}
.tab_09e31 .selectIcon_09e31 {
  color: #737a87;
  font-size: 16px;
  transition: all 0.4s;
  margin-left: 6px;
}
.tab_09e31 .selectIcon_09e31.popupVisible_09e31 {
  transform: rotate(-180deg);
}
.tab_09e31[data-type=capsule-grey] {
  color: #737a87;
  color: var(--color-text-3, #737a87);
}
.tab_09e31.active_09e31 {
  color: transparent;
}
.tab_09e31.active_09e31:after {
  content: attr(title);
  position: absolute;
  left: 0;
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
  font-weight: 500;
}
.tab_09e31.capsule-dark-text_09e31:after {
  color: #fff;
  color: var(--color-bg-1, #fff);
}
.tab_09e31.capsule-grey-text_09e31:after {
  color: #737a87;
  color: var(--color-text-3, #737a87);
}
.tab_09e31.active-icon_09e31:after {
  left: 26px;
}
.tab_09e31.capsule-tab_09e31 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .tab_09e31.capsule-tab_09e31 {
    height: 42px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1023.9px) {
  .tab_09e31.capsule-tab_09e31 {
    height: 34px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767.9px) {
  .tab_09e31.capsule-tab_09e31 {
    height: 30px;
    line-height: 30px;
  }
}
.tabs-icon_09e31 {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.tabs-icon-suffix_09e31 {
  height: 20px;
  width: auto;
  margin-left: 6px;
}
.tabs-icon-suffix_09e31 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .tabs-icon-suffix_09e31 {
    height: 16px;
    margin-left: 4px;
  }
}
.tabs-line_09e31 {
  position: absolute;
  bottom: 0;
  right: auto;
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.selectTabPopup_09e31 {
  min-width: 154px;
  opacity: 1;
  top: 52px;
  left: 489px;
  border-radius: 12px;
  gap: 4px;
  padding: 6px;
  border-width: 1px;
  background: #fff;
  background: var(--color-bg-1, #fff);
  border: 1px solid #eaedf1;
  border: 1px solid var(--color-border-2, #eaedf1);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0509803922), 0px 15px 35px -2px rgba(0, 0, 0, 0.0509803922);
  display: flex;
  flex-direction: column;
}
.selectTabPopup_09e31 .selectTabPopupItem_09e31 {
  color: #42464e;
  color: var(--text-color-text-2, var(--color-text-2, #42464e));
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
  gap: 10px;
  padding: 6px 8px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
  max-width: 200px;
}
.selectTabPopup_09e31 .selectTabPopupItem_09e31:hover {
  background: #f6f8fa;
  background: var(--color-bg-4, #f6f8fa);
}
.selectTabPopup_09e31 .selectTabPopupItem_09e31.selectTabPopupItemActive_09e31 {
  font-weight: 500;
  background: #f6f8fa;
  background: var(--color-bg-4, #f6f8fa);
}
.underline_09e31 {
  height: 2px;
  background: rgb(22, 100, 225);
  background: rgb(var(--primary-6, 22, 100, 225));
}
.capsule_09e31 {
  border-radius: 32px;
  background: rgb(235, 241, 255);
  background: rgb(var(--primary-2, 235, 241, 255));
}
.capsule-dark_09e31 {
  z-index: -1;
  border-radius: 32px;
  background-color: #0c0d0e;
  background-color: var(--color-fill-4, #0c0d0e);
}
.capsule-grey-container_09e31 {
  background-color: var(--standardized-tabs-capsule-grey-bg-color);
  border-radius: 32px;
  padding: 4px;
}
.capsule-grey_09e31 {
  z-index: -1;
  border-radius: 32px;
  background-color: var(--standardized-tabs-capsule-grey-active-bg-color);
  box-shadow:
    0 1px 2px -2px rgba(0, 0, 0, 0.16),
    0 3px 6px 0 rgba(0, 0, 0, 0.12),
    0 5px 12px 4px rgba(0, 0, 0, 0.09);
  bottom: 4px;
}
.capsule-grey-container_09e31 .tab_09e31 {
  margin: 0;
  padding: 0 16px;
}
@media screen and (max-width: 1023.9px) {
  .capsule-grey-container_09e31 .tab_09e31 {
    padding: 0 12px;
  }
}
.capsule-grey-container_09e31 .tab_09e31.active_09e31:after {
  left: 16px;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media screen and (max-width: 1023.9px) {
  .capsule-grey-container_09e31 .tab_09e31.active_09e31:after {
    left: 12px;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CodeFragment/index_module.css */
.code-fragment-wrap_6f00b {
  border: 1px solid #e5e8ef;
  border-radius: 16px;
  height: 100%;
  padding: 24px 24px 0;
}
@media screen and (max-width: 767.9px) {
  .code-fragment-wrap_6f00b {
    border-radius: 8px;
    padding: 16px 16px 0;
  }
}
.code-fragment-wrap_6f00b.disable-padding_6f00b {
  border: none;
  border-radius: 0;
  padding: 0;
}
.code-fragment-body_6f00b pre {
  max-height: inherit;
  overflow: auto;
  margin: 0 !important;
}
.code-fragment-header_6f00b {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.code-lang-indicator_6f00b {
  font-weight: 500;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  color: #42464E;
}
.code-btn-group-wrap_6f00b {
  display: flex;
}
.code-copy-btn_6f00b {
  width: 32px;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.0784313725);
}
.code-btn_6f00b {
  display: inline-flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
}
.code-custom-btn_6f00b {
  margin-left: 10px;
  padding: 0 16px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CodeFragment/prism/prism.css */
.volcfe-code-theme-light code[class*=language-],
.volcfe-code-theme-light pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.volcfe-code-theme-light code[class*=language-] ::-moz-selection,
.volcfe-code-theme-light code[class*=language-]::-moz-selection,
.volcfe-code-theme-light pre[class*=language-] ::-moz-selection,
.volcfe-code-theme-light pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
.volcfe-code-theme-light code[class*=language-] ::selection,
.volcfe-code-theme-light code[class*=language-]::selection,
.volcfe-code-theme-light pre[class*=language-] ::selection,
.volcfe-code-theme-light pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  .volcfe-code-theme-light code[class*=language-],
  .volcfe-code-theme-light pre[class*=language-] {
    text-shadow: none;
  }
}
.volcfe-code-theme-light pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
.volcfe-code-theme-light :not(pre) > code[class*=language-],
.volcfe-code-theme-light pre[class*=language-] {
  background: #f5f7fc;
}
.volcfe-code-theme-light :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.volcfe-code-theme-light .token.cdata,
.volcfe-code-theme-light .token.comment,
.volcfe-code-theme-light .token.doctype,
.volcfe-code-theme-light .token.prolog {
  color: #708090;
}
.volcfe-code-theme-light .token.punctuation {
  color: #999;
}
.volcfe-code-theme-light .token.namespace {
  opacity: 0.7;
}
.volcfe-code-theme-light .token.boolean,
.volcfe-code-theme-light .token.constant,
.volcfe-code-theme-light .token.deleted,
.volcfe-code-theme-light .token.number,
.volcfe-code-theme-light .token.property,
.volcfe-code-theme-light .token.symbol,
.volcfe-code-theme-light .token.tag {
  color: #905;
}
.volcfe-code-theme-light .token.attr-name,
.volcfe-code-theme-light .token.builtin,
.volcfe-code-theme-light .token.char,
.volcfe-code-theme-light .token.inserted,
.volcfe-code-theme-light .token.selector,
.volcfe-code-theme-light .token.string {
  color: #690;
}
.volcfe-code-theme-light .language-css .token.string,
.volcfe-code-theme-light .style .token.string,
.volcfe-code-theme-light .token.entity,
.volcfe-code-theme-light .token.operator,
.volcfe-code-theme-light .token.url {
  color: #9a6e3a;
  background: hsla(0deg, 0%, 100%, 0.5);
}
.volcfe-code-theme-light .token.atrule,
.volcfe-code-theme-light .token.attr-value,
.volcfe-code-theme-light .token.keyword {
  color: #07a;
}
.volcfe-code-theme-light .token.class-name,
.volcfe-code-theme-light .token.function {
  color: #dd4a68;
}
.volcfe-code-theme-light .token.important,
.volcfe-code-theme-light .token.regex,
.volcfe-code-theme-light .token.variable {
  color: #e90;
}
.volcfe-code-theme-light .token.bold,
.volcfe-code-theme-light .token.important {
  font-weight: 700;
}
.volcfe-code-theme-light .token.italic {
  font-style: italic;
}
.volcfe-code-theme-light .token.entity {
  cursor: help;
}
.volcfe-code-theme-dark code[class*=language-],
.volcfe-code-theme-dark pre[class*=language-] {
  color: #ccc;
  background: 0 0;
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.volcfe-code-theme-dark pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
.volcfe-code-theme-dark :not(pre) > code[class*=language-],
.volcfe-code-theme-dark pre[class*=language-] {
  background: #2d2d2d;
}
.volcfe-code-theme-dark :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.volcfe-code-theme-dark .token.block-comment,
.volcfe-code-theme-dark .token.cdata,
.volcfe-code-theme-dark .token.comment,
.volcfe-code-theme-dark .token.doctype,
.volcfe-code-theme-dark .token.prolog {
  color: #999;
}
.volcfe-code-theme-dark .token.punctuation {
  color: #ccc;
}
.volcfe-code-theme-dark .token.attr-name,
.volcfe-code-theme-dark .token.deleted,
.volcfe-code-theme-dark .token.namespace,
.volcfe-code-theme-dark .token.tag {
  color: #e2777a;
}
.volcfe-code-theme-dark .token.function-name {
  color: #6196cc;
}
.volcfe-code-theme-dark .token.boolean,
.volcfe-code-theme-dark .token.function,
.volcfe-code-theme-dark .token.number {
  color: #f08d49;
}
.volcfe-code-theme-dark .token.class-name,
.volcfe-code-theme-dark .token.constant,
.volcfe-code-theme-dark .token.property,
.volcfe-code-theme-dark .token.symbol {
  color: #f8c555;
}
.volcfe-code-theme-dark .token.atrule,
.volcfe-code-theme-dark .token.builtin,
.volcfe-code-theme-dark .token.important,
.volcfe-code-theme-dark .token.keyword,
.volcfe-code-theme-dark .token.selector {
  color: #cc99cd;
}
.volcfe-code-theme-dark .token.attr-value,
.volcfe-code-theme-dark .token.char,
.volcfe-code-theme-dark .token.regex,
.volcfe-code-theme-dark .token.string,
.volcfe-code-theme-dark .token.variable {
  color: #7ec699;
}
.volcfe-code-theme-dark .token.entity,
.volcfe-code-theme-dark .token.operator,
.volcfe-code-theme-dark .token.url {
  color: #67cdcc;
}
.volcfe-code-theme-dark .token.bold,
.volcfe-code-theme-dark .token.important {
  font-weight: 700;
}
.volcfe-code-theme-dark .token.italic {
  font-style: italic;
}
.volcfe-code-theme-dark .token.entity {
  cursor: help;
}
.volcfe-code-theme-dark .token.inserted {
  color: green;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CardGroupBtnTop/Card/index_module.css */
.size-all_a9ebe {
  --volcfe-card-text-size: 14px;
  --volcfe-card-button-max-width: 180px;
  --volcfe-card-border-radius: 12px;
  --volcfe-card-item-space: 8px;
  --volcfe-card-main-icon-size: 48px;
}
@media screen and (max-width: 1023.9px) {
  .size-all_a9ebe {
    --volcfe-card-button-max-width: 110px;
    --volcfe-card-border-radius: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-all_a9ebe {
    --volcfe-card-main-icon-size: 32px;
    --volcfe-card-text-size: 12px;
  }
}
.size-xs_a9ebe {
  --volcfe-card-title-size: 16px;
  --volcfe-card-inner-padding: 16px;
  --volcfe-card-button-height: 28px;
}
@media screen and (min-width: 768px) {
  .size-xs_a9ebe {
    --volcfe-card-main-icon-size: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xs_a9ebe {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 12px;
  }
}
.size-s_a9ebe {
  --volcfe-card-title-size: 18px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 767.9px) {
  .size-s_a9ebe {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-m_a9ebe {
  --volcfe-card-title-size: 20px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 767.9px) {
  .size-m_a9ebe {
    --volcfe-card-title-size: 14px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-l_a9ebe {
  --volcfe-card-title-size: 24px;
  --volcfe-card-inner-padding: 24px;
  --volcfe-card-button-height: 32px;
}
@media screen and (max-width: 1023.9px) {
  .size-l_a9ebe {
    --volcfe-card-title-size: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-l_a9ebe {
    --volcfe-card-title-size: 18px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-xl_a9ebe {
  --volcfe-card-title-size: 28px;
  --volcfe-card-inner-padding: 32px;
  --volcfe-card-button-height: 40px;
}
@media screen and (min-width: 1024px) {
  .size-xl_a9ebe {
    --volcfe-card-border-radius: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .size-xl_a9ebe {
    --volcfe-card-title-size: 20px;
    --volcfe-card-inner-padding: 24px;
    --volcfe-card-button-height: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xl_a9ebe {
    --volcfe-card-title-size: 18px;
    --volcfe-card-inner-padding: 16px;
  }
}
.size-xxl_a9ebe {
  --volcfe-card-title-size: 32px;
  --volcfe-card-inner-padding: 32px;
  --volcfe-card-button-height: 40px;
  --volcfe-card-item-space: 16px;
}
@media screen and (min-width: 1024px) {
  .size-xxl_a9ebe {
    --volcfe-card-border-radius: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .size-xxl_a9ebe {
    --volcfe-card-title-size: 20px;
    --volcfe-card-inner-padding: 24px;
    --volcfe-card-item-space: 8px;
    --volcfe-card-button-height: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .size-xxl_a9ebe {
    --volcfe-card-inner-padding: 16px;
  }
}
.card_a9ebe {
  display: flex;
  overflow: hidden;
  border-radius: var(--volcfe-card-border-radius);
  position: relative;
  justify-content: space-between;
  text-decoration: none;
}
.card_a9ebe * {
  box-sizing: border-box;
}
.card_a9ebe:hover .buttons_a9ebe.hoverButton_a9ebe {
  transform: translateY(0);
}
.card-content_a9ebe {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.card-content-inner_a9ebe {
  padding: var(--volcfe-card-inner-padding);
}
.icon-wrap_a9ebe {
  height: var(--volcfe-card-main-icon-size);
  width: 100%;
}
.icon-wrap_a9ebe img {
  height: 100%;
  width: auto;
}
.title_a9ebe {
  color: rgb(12, 13, 14);
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: calc(1em + 8px);
  font-size: var(--volcfe-card-title-size);
}
.title-tag_a9ebe {
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 4px;
  margin-left: 8px;
  flex-shrink: 0;
}
.description-wrap_a9ebe {
  display: flex;
}
.check-icon_a9ebe {
  flex-shrink: 0;
  transform: translateY(1px);
  font-size: var(--volcfe-card-text-size);
  width: calc(1em + 6px);
  height: calc(1em + 6px);
  margin-right: 2px;
}
.description_a9ebe {
  font-weight: 400;
  font-size: var(--volcfe-card-text-size);
  line-height: calc(1em + 8px);
  color: #4e5969;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description_a9ebe svg {
  margin-left: 3px;
}
.description-link_a9ebe {
  margin-left: 8px;
  text-decoration: none;
  color: #1664ff;
}
.item_a9ebe:not(:last-child) {
  margin-bottom: var(--volcfe-card-item-space);
}
.media-container_a9ebe {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-container_a9ebe.has-padding_a9ebe {
  padding: var(--volcfe-card-inner-padding);
}
.media-container_a9ebe.has-padding_a9ebe .media_a9ebe {
  border-radius: var(--volcfe-card-border-radius);
}
.media_a9ebe {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
}
.corner-tag_a9ebe {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 0.4em 0.6em;
  letter-spacing: 0.05em;
  font-size: var(--volcfe-card-text-size);
  line-height: calc(1em + 8px);
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: var(--volcfe-card-border-radius);
}
.content-title_a9ebe {
  font-weight: 500;
  margin: var(--volcfe-card-item-space) 0;
  font-size: calc(var(--volcfe-card-text-size) + 2px);
  line-height: calc(1em + 8px);
}
.tags-wrap_a9ebe {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
}
.tag_a9ebe {
  text-decoration: none;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 2px;
  margin-right: 12px;
}
.tag_a9ebe img {
  height: 15px;
  margin-right: 4px;
}
.placeholder_a9ebe {
  flex: 1 1;
}
.buttons_a9ebe {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--volcfe-card-item-space);
  column-gap: 16px;
  font-size: max(var(--volcfe-card-text-size), 14px);
  line-height: calc(1em + 8px);
}
.buttons_a9ebe.hoverButton_a9ebe {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  padding: var(--volcfe-card-inner-padding);
}
.button_a9ebe {
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: var(--volcfe-card-button-height);
  font-weight: 500;
}
.button_a9ebe:hover {
  background-color: #1664ff;
  color: #ffffff;
}
.button_a9ebe.primary_a9ebe,
.button_a9ebe.secondary_a9ebe {
  flex: 1 1;
  justify-content: center;
  box-shadow: 0 3px 8px 0 rgba(46, 70, 146, 0.05);
}
.button_a9ebe.textLink_a9ebe {
  color: #1664ff;
}
.button_a9ebe.auto-width_a9ebe {
  max-width: var(--volcfe-card-button-max-width);
}
.tail-arrow_a9ebe {
  width: 0.4em;
  height: auto;
  transform: translateY(-0.2px);
}
.button-arrow_a9ebe {
  margin-left: 6px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/standardized-components/dist/es/CardGroupBtnTop/index_module.css */
@keyframes move_2e1c8 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.carousel-container_2e1c8 {
  width: fit-content;
  will-change: transform;
  animation: move_2e1c8 infinite linear 5s;
}
.carousel-container_2e1c8.hover-pause_2e1c8:hover {
  animation-play-state: paused;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/PadRender/Overlay/index_module.css */
.item_3b479 {
  position: absolute;
  font-size: 0;
}
.title_3b479 {
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: right;
  color: #181818;
  margin-bottom: 4px;
}
.desc_3b479 {
  font-family: "PingFang SC";
  font-size: 7px;
  font-weight: 400;
  text-align: right;
  color: #404040;
  margin-top: 2px;
}
.desc_3b479.first_3b479 {
  margin-top: 6px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/MobileRender/index_module.css */
.container_27312 {
  font-family: "PingFang SC";
}
.scene_27312 {
  padding: 48px 0;
}
.title_27312 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  text-align: center;
}
.desc_27312 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.002em;
  text-align: center;
  padding: 0 24px;
  padding-top: 8px;
  color: #4e5969;
}
.image-container_27312 {
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.image-container_27312 > img,
.image-container_27312 > canvas {
  width: 100%;
}
.card-title-left_27312 > div:first-child {
  padding-left: 0;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage/MobileRender/Overlay/index_module.css */
.item_b5096 {
  position: absolute;
  font-size: 0;
}
.title_b5096 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: left;
  color: #181818;
  margin-bottom: 2px;
}
.desc_b5096 {
  font-size: 7px;
  font-weight: 400;
  text-align: left;
  color: #404040;
  margin-top: 2px;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/index_module.css */
.pc_01bd3,
.pad_01bd3,
.mobile_01bd3 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc_01bd3 {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_01bd3 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .mobile_01bd3 {
    display: block;
  }
}
.normalize_01bd3 * {
  box-sizing: border-box;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/PCRender/Main/Collapse/index_module.css */
.collapse_045a8 {
  overflow: visible;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/PCRender/Main/index_module.css */
.scenes_7cf88 {
  position: relative;
  transform: translateX(27px);
}
.marker-rail_7cf88 {
  width: 1px;
  background: #b2b2b2;
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: -27px;
}
.marker_7cf88 {
  position: absolute;
  top: 0;
  height: 0;
  left: -27px;
  width: 2px;
  background: #181818;
  transform: translate(-0.5px, 0);
  transition: all 0.2s ease-in-out;
}
.scene_7cf88 {
  margin-top: 24px;
  width: 400px;
  position: relative;
}
.title_7cf88 {
  font-size: 24px;
  font-weight: 400;
  line-height: 46px;
  color: #5d5d5d;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.title_7cf88:hover {
  color: #181818;
}
.title_7cf88.active_7cf88 {
  color: #181818;
  cursor: auto;
  font-size: 28px;
  font-weight: 500;
}
.sub-scenes_7cf88 {
  margin-top: 20px;
}
.desc_7cf88 {
  padding-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
}
.desc-cross-fade-item_7cf88 {
  overflow: visible;
  transition: opacity 0.3s linear;
  opacity: 0;
  width: 0;
  display: inline-block;
  vertical-align: top;
}
.desc-cross-fade-item_7cf88.active_7cf88 {
  opacity: 1;
  transition-delay: 0.2s;
}
.desc-cross-fade-item_7cf88 > div {
  width: 460px;
}
.button_7cf88 {
  margin-top: 16px;
  width: 100px;
  height: 40px;
  margin-bottom: 36px;
}
@keyframes fade-in_7cf88 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/PCRender/Main/RadioButton/index_module.css */
.radio-button_07c7f {
  height: 33px;
  padding: 3px;
  border-radius: 6px;
  background: #f1f3f5;
  display: inline-block;
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.option_07c7f {
  color: #737a87;
  padding: 3px 12px;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
}
.option_07c7f:first-child {
  margin-left: 0;
}
.option_07c7f.active_07c7f {
  background: #ffffff;
  color: #1664ff;
  font-weight: 500;
  border-radius: 4px;
  box-shadow:
    0px 0px 0px 0.5px rgba(213, 219, 227, 0.6980392157),
    0px 0.5px 1px 0px rgba(0, 0, 0, 0.0509803922),
    0px 1px 2px 0px rgba(0, 0, 0, 0.0705882353);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/PCRender/index_module.css */
.container_106e9 {
  background-color: white;
  position: relative;
}
.title-and-content-container_106e9 {
  display: flex;
  flex-direction: column;
}
.title-and-content-container_106e9 > div:nth-child(1) {
  padding-bottom: 0;
  z-index: 1;
}
.title-and-content-container_106e9 > div:nth-child(2) {
  flex: 1 1;
}
.title-and-content-container_106e9 > div:nth-child(2) > div {
  height: 100%;
}
.content-container_106e9 {
  position: relative;
  display: flex;
}
.stage-container_106e9 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.main_106e9 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  height: fit-content;
}
.animation-container_106e9 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-container_106e9 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/PadRender/index_module.css */
.container_c39ee {
  font-family: "PingFang SC";
}
.scene_c39ee {
  height: 408px;
  position: relative;
}
.image-container_c39ee {
  position: absolute;
  top: 0;
  height: 244px;
  right: 0;
  overflow: visible;
}
.image-container_c39ee > img,
.image-container_c39ee > canvas {
  height: 100%;
}
.content_c39ee {
  padding: 125px 0 0 24px;
}
.title_c39ee {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  position: relative;
}
.desc_c39ee {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #4e5969;
  width: 215px;
  margin-top: 8px;
  position: relative;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/AnimationComponents/Advantage2/MobileRender/index_module.css */
.container_bcca3 {
  font-family: "PingFang SC";
}
.scene_bcca3 {
  padding: 48px 0;
}
.title_bcca3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  color: #181818;
  text-align: center;
}
.desc_bcca3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.002em;
  text-align: center;
  padding: 0 24px;
  padding-top: 8px;
  color: #4e5969;
}
.image-container_bcca3 {
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.image-container_bcca3 > img,
.image-container_bcca3 > canvas {
  width: 100%;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/CustomerCase/index_module.css */
.container-outer_774f4 {
  background: linear-gradient(180deg, white 10%, #F2F4FA, white 90%);
}
.container_774f4 {
  width: 1440px;
  margin: auto;
  box-sizing: border-box;
}
@media (max-width: 1430px) {
  .container_774f4 {
    width: 1200px;
  }
}
@media (max-width: 1023px) {
  .container_774f4 {
    width: 100%;
    padding: 0 24px;
  }
}
.panel_774f4 {
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 56px;
}
@media (max-width: 1439px) {
  .panel_774f4 {
    padding-bottom: 79px;
  }
}
@media (max-width: 1023px) {
  .panel_774f4 {
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .panel_774f4 {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .panel_774f4 {
    overflow-x: scroll;
    scrollbar-width: none;
    justify-content: flex-start;
  }
  .panel_774f4::-webkit-scrollbar {
    display: none;
  }
}
.card-wrap_774f4 {
  display: block;
  box-shadow: 0 4px 60px rgba(0, 28, 85, 0.04);
  flex-shrink: 0;
  position: relative;
  cursor: default;
  border-radius: 8px;
  overflow: hidden;
  height: 534px;
  width: 405px;
  margin-left: 32px;
}
.card-wrap_774f4.clickable_774f4 {
  cursor: pointer;
}
@media (max-width: 1679px) {
  .card-wrap_774f4 {
    height: 513px;
    width: 380px;
  }
}
@media (max-width: 1023px) {
  .card-wrap_774f4 {
    height: 362px;
    width: auto;
    flex-grow: 1;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .card-wrap_774f4 {
    height: 396px;
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover {
    box-shadow: 0 4px 20px rgba(0, 28, 85, 0.12);
  }
  .card-wrap_774f4:hover .bg_774f4 {
    transition: 0s 0.5s;
    transition-property: width, transform;
    width: 98%;
    transform: translate(1%, 1%);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .card-wrap_774f4:hover .card-title_774f4 {
    margin: 20px 0 18px;
  }
}
@media (min-width: 1024px) and (min-width: 1680px) {
  .card-wrap_774f4:hover .card-title_774f4 {
    margin: 32px 0 24px;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .card-bottom_774f4 {
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0.33%, #FFFFFF 22.5%);
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .logo_774f4 {
    margin-top: 28px;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .detail-long_774f4 {
    display: block;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .just-hidden_774f4 {
    display: -webkit-box;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .detail-short_774f4 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .card-wrap_774f4:hover .detail-more_774f4 {
    display: inline;
  }
}
.card-wrap_774f4:first-child {
  margin-left: 0;
}
.card-bottom_774f4 {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 200px;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 17.97%);
  backdrop-filter: blur(15px);
  transition: 0.5s top;
  height: 100%;
  padding: 0 32px;
}
@media (max-width: 1679px) {
  .card-bottom_774f4 {
    top: 193px;
  }
}
@media (max-width: 1023px) {
  .card-bottom_774f4 {
    top: 128px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .card-bottom_774f4 {
    top: 158px;
  }
}
.logo_774f4 {
  height: 60px;
  transition: margin 0.5s;
  margin-top: 20px;
}
@media (max-width: 1679px) {
  .logo_774f4 {
    height: 54px;
  }
}
@media (max-width: 1023px) {
  .logo_774f4 {
    height: 40px;
    margin-top: 14px;
  }
}
.title_774f4 {
  font-weight: 500;
  color: #020814;
}
@media (max-width: 767px) {
  .title_774f4 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .title_774f4 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .title_774f4 {
    font-size: 24px;
  }
}
.detail_774f4 {
  color: #020814;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 1023px) {
  .detail_774f4 {
    font-size: 14px;
    line-height: 22px;
  }
}
.detail-short_774f4 {
  -webkit-line-clamp: 3;
}
@media (max-width: 1023px) {
  .detail-short_774f4 {
    -webkit-line-clamp: 4;
  }
}
.detail-long_774f4 {
  display: none;
  word-break: break-all;
  -webkit-line-clamp: 9;
}
.detail-long_774f4.just-hidden_774f4 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.divider-wrap_774f4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .divider-wrap_774f4 {
    padding: 0 16.5px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .divider-wrap_774f4 {
    padding: 0 39px;
  }
}
.divider-line_774f4 {
  flex: 1 1;
  height: 1px;
  background: linear-gradient(90deg, #D5DCE8 -4.86%, rgba(213, 220, 232, 0) 90.62%);
}
.divider-line_774f4:nth-child(1) {
  background: linear-gradient(-90deg, #D5DCE8 -4.86%, rgba(213, 220, 232, 0) 90.62%);
}
.divider-text_774f4 {
  color: #41464F;
}
@media (max-width: 767px) {
  .divider-text_774f4 {
    font-size: 13px;
    line-height: 22px;
    margin: 0 11px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .divider-text_774f4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 28px;
  }
}
@media (min-width: 1024px) {
  .divider-text_774f4 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 32px;
  }
}
.logos-container_774f4 {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-flow: row;
  padding: 50px 0;
  margin: 0 auto;
  grid-row-gap: 32px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .logos-container_774f4 {
    padding: 24px 0;
    grid-row-gap: 22px;
  }
}
@media (max-width: 767px) {
  .logos-container_774f4 {
    padding: 24px 0;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 16px;
  }
}
.bg_774f4 {
  position: absolute;
  width: 100%;
  padding-bottom: 73%;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
}
.card-title_774f4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin: 30px 0 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0C0D0E;
  transition: margin 0.5s;
}
@media (max-width: 1439px) {
  .card-title_774f4 {
    margin: 30px 0 20px;
  }
}
@media (max-width: 1023px) {
  .card-title_774f4 {
    margin: 16px 0 12px;
    line-height: 24px;
    font-size: 18px;
  }
}
.contact-button_774f4 {
  position: absolute;
  width: calc(100% - 64px);
  bottom: 32px;
  background-color: #1664FF;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.contact-button_774f4:hover {
  background: #4281FF;
}
.contact-button_774f4:active {
  background: #0055FF;
}
@media (max-width: 1023px) {
  .contact-button_774f4 {
    display: none;
  }
}
.detail-more_774f4 {
  display: none;
  font-weight: 500;
  color: #1664FF;
  padding-left: 6px;
}
.partner-logo_774f4 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 186px;
}
@media (max-width: 1023px) {
  .partner-logo_774f4 {
    width: 116px;
  }
}
@media (max-width: 767px) {
  .partner-logo_774f4 {
    max-width: 98px;
    width: 100%;
  }
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/Qualifications/index_module.css */
.qualifications-tab_2072e {
  height: 40px !important;
  line-height: 26px !important;
  font-size: 18px !important;
  margin-bottom: 32px !important;
}
.content-container_2072e {
  display: grid;
  grid-row-gap: 37px;
}
.content-container_2072e.with-desc_2072e {
  grid-row-gap: 28px;
}
.item-container_2072e {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-container_2072e img {
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .item-container_2072e img {
    width: 48px;
    height: 48px;
  }
}
.item-container_2072e .item-title_2072e {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #41464f;
}
.item-container_2072e.with-desc_2072e {
  flex-direction: row;
  border: 1px solid #eaedf1;
  border-radius: 8px;
  padding: 24px;
  box-sizing: border-box;
  align-items: flex-start;
  height: auto;
}
.item-container_2072e.with-desc_2072e:hover {
  border-color: transparent;
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, 0.0509803922);
}
.item-container_2072e.with-desc_2072e img {
  margin-bottom: 0;
  margin-right: 24px;
}
.item-container_2072e.with-desc_2072e .item-title_2072e {
  font-size: 18px;
  line-height: 26px;
  color: #020814;
}
.item-container_2072e.with-desc_2072e .item-tag_2072e {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  border-radius: 2px;
  border: 1px solid #e5e5e6;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 0 6px;
  color: #4e5969;
  font-size: 12px;
}
.item-container_2072e.with-desc_2072e .item-tag_2072e:not(:first-child) {
  margin-left: 8px;
}
.item-container_2072e.with-desc_2072e .item-desc_2072e {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #41464f;
}
.item-content-container_2072e {
  flex: 1 1;
}
.expand-btn_2072e {
  cursor: pointer;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #41464f;
  text-align: center;
  margin-top: 34px;
}
@media screen and (min-width: 1024px) {
  .expand-btn_2072e {
    margin-top: 24px;
  }
}
.expand-btn_2072e > svg {
  transition: 0.5s;
  margin-left: 8px;
  transform-origin: center;
  transform: rotate3d(0, 0, 1, 90deg);
}
.expand-btn_2072e:hover {
  color: #4281ff;
}
.expand-btn_2072e:hover > svg path {
  stroke: #4281ff;
}
.expand-btn_2072e.is-expanded_2072e svg {
  transform: rotate3d(0, 0, 1, 270deg);
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/SecondaryNav/index_module.css */
.secondary-nav-container_be4b2 {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 52px;
  top: 60px;
  left: 0;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  backdrop-filter: blur(4px);
  background: white;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(109, 125, 156, 0.2);
}
.secondary-nav-container_be4b2.no-global-nav_be4b2 {
  top: 0;
}
.secondary-nav-container_be4b2.no-global-nav_be4b2 .dropdown-menu-pc-scroll-area_be4b2 {
  max-height: calc(100vh - 100px);
}
@media (max-width: 1023px) {
  .secondary-nav-container_be4b2 {
    padding: 0 20px;
  }
  .secondary-nav-container_be4b2.mobile-menu-open_be4b2 {
    top: 0;
    z-index: 1001;
  }
}
@media (max-width: 600px) {
  .secondary-nav-container_be4b2 {
    top: 48px;
    height: 48px;
    padding: 0 20px;
  }
  .secondary-nav-container_be4b2.no-global-nav_be4b2 {
    top: 0;
  }
}
.secondary-nav-container_be4b2 a {
  text-decoration: none;
}
@media (max-width: 1023px) {
  .pc_be4b2 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .mobile_be4b2 {
    display: none;
  }
}
.nav-block_be4b2 {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-block_be4b2 .nav-link_be4b2:not(:last-of-type) {
  margin-right: 24px;
}
.logo-container_be4b2 {
  width: 117px;
  height: 20px;
  margin-right: 60px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .logo-container_be4b2 {
    width: 35px;
  }
}
.logo_be4b2 {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.nav-link_be4b2 {
  flex-shrink: 0;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-link_be4b2.active_be4b2 .nav-link-entry_be4b2,
.nav-link_be4b2:hover .nav-link-entry_be4b2 {
  color: #1664FF;
}
.nav-link_be4b2.active_be4b2 .nav-link-arrow-icon_be4b2,
.nav-link_be4b2:hover .nav-link-arrow-icon_be4b2 {
  transform: rotate(-180deg);
}
@media (max-width: 1023px) {
  .nav-link_be4b2 {
    display: none;
  }
}
.nav-link-entry_be4b2 {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #181818;
  display: flex;
  align-items: center;
}
.nav-link-arrow-icon_be4b2 {
  width: 8px;
  transition: transform 0.3s;
  padding: 0 6px;
  display: flex;
  box-sizing: content-box;
}
@media (max-width: 1023px) {
  .nav-link-arrow-icon_be4b2 {
    width: 10px;
  }
}
.nav-button_be4b2 {
  border-radius: 4px;
  color: white;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  transition: background-color 0.3s;
  background-color: #1664FF;
  box-shadow: 0 0 0 1px #1759DD;
  font-size: 13px;
  font-weight: 500;
}
.nav-button_be4b2:hover {
  background-color: #4080ff;
}
.nav-button_be4b2:active {
  background-color: #0e42d2;
}
.nav-tag_be4b2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid;
  margin-left: 4px;
}
@media (max-width: 1023px) {
  .nav-tag_be4b2 {
    border: none;
    font-weight: 500;
    padding: 0 4px;
  }
}
.dropdown-menu-pc_be4b2 {
  background-color: white;
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 52px;
  cursor: default;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.07);
}
.dropdown-menu-pc_be4b2.has-trans_be4b2 {
  transition: height 0.2s;
}
@media (max-width: 1023px) {
  .dropdown-menu-pc_be4b2 {
    display: none;
  }
}
.dropdown-menu-pc-line_be4b2 {
  height: 1px;
  background: transparent;
  width: 100%;
}
.dropdown-menu-pc-scroll-area_be4b2 {
  max-height: calc(100vh - 160px);
  overflow: auto;
}
.dropdown-menu-pc-scroll-area_be4b2::-webkit-scrollbar {
  width: 5px;
}
.dropdown-menu-pc-scroll-area_be4b2::-webkit-scrollbar-thumb {
  background: rgba(111, 111, 111, 0.3);
  border-radius: 3px;
}
.dropdown-menu-pc-inner_be4b2 {
  width: 1564px;
  margin: auto;
  padding: 32px 0 41px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1679px) {
  .dropdown-menu-pc-inner_be4b2 {
    width: 1084px;
  }
}
@media (max-width: 1439px) {
  .dropdown-menu-pc-inner_be4b2 {
    width: 890px;
  }
}
.dropdown-menu-left-content_be4b2 {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.dropdown-menu-left-content_be4b2.has-right-image_be4b2 {
  margin-right: 20px;
}
.dropdown-menu-column_be4b2 {
  width: 250px;
}
@media (max-width: 1439px) {
  .dropdown-menu-column_be4b2.sm_be4b2 {
    width: 200px;
  }
}
.dropdown-menu-column_be4b2.single_be4b2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dropdown-menu-column_be4b2.single_be4b2 .dropdown-menu-item_be4b2 {
  flex-shrink: 0;
  flex-basis: 33%;
  margin-bottom: 16px;
}
.dropdown-menu-column_be4b2 * {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu-column-title_be4b2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1664FF;
  margin-bottom: 12px;
  margin-left: 12px;
}
.dropdown-menu-item_be4b2 {
  width: 100%;
  display: flex;
  padding: 0 12px;
  box-sizing: border-box;
}
.dropdown-menu-item_be4b2:not(:last-child) {
  margin-bottom: 16px;
}
.dropdown-menu-item-number_be4b2 {
  font-size: 16px;
  color: #737A87;
  font-weight: 400;
  line-height: 22px;
  margin-right: 12px;
  flex-shrink: 0;
  text-align: center;
  min-width: 8px;
}
.dropdown-menu-item-number_be4b2.highlight_be4b2 {
  color: #006EFF;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .dropdown-menu-item-number_be4b2 {
    font-size: 13px;
    line-height: 18px;
    margin-right: 0;
    min-width: 18px;
    color: #020814;
  }
}
.dropdown-menu-item-content-title_be4b2 {
  color: #020814;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.dropdown-menu-item-content-desc_be4b2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #737A87;
  margin-top: 4px;
}
.dropdown-menu-right-img-container_be4b2 {
  width: 250px;
  height: 347px;
  flex-grow: 0;
  flex-shrink: 0;
}
.dropdown-menu-right-img_be4b2 {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.menu-close_be4b2 {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}
.mobile-menu-switch-icon_be4b2 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.mobile-menu-close-icon_be4b2 {
  box-sizing: border-box;
  padding: 3px;
}
.mobile-menu_be4b2 {
  position: fixed;
  top: 48px;
  left: 0;
  height: calc(100vh - 48px);
  width: 100%;
  background: white;
  padding: 16px 20px 60px;
  overflow: auto;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
}
.mobile-menu-inner_be4b2 {
  margin: auto;
}
.collapse-container_be4b2 {
  height: auto;
  overflow: hidden;
}
.collapse-container_be4b2.did-mount_be4b2 {
  transition: height 0.2s;
}
.mobile-menu-entry_be4b2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  height: 36px;
  color: #020814;
  cursor: pointer;
}
.mobile-menu-entry_be4b2.active_be4b2 .nav-link-arrow-icon_be4b2 {
  transform: rotate(-180deg);
}
.mobile-menu-item_be4b2 {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 8px;
}
.mobile-menu-item-text_be4b2 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #020814;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ../../../../../../Users/bytedance/.codex/worktrees/vlc-seo/volcengine-web-monorepo/packages/@volcfe-blocks/product-v4/dist/es/StaticTable/index_module.css */
.staticTableOuterContainer_e9304 {
  position: relative;
}
.staticTableContainer_e9304 {
  box-sizing: border-box;
}
.staticTableContainer_e9304 * {
  box-sizing: border-box;
}
.staticTableContainer_e9304.mobile_e9304 .staticTableWrap_e9304 {
  font-size: 13px;
}
.staticTableContainer_e9304.mobile_e9304 .staticTableWrap_e9304 .staticTable_e9304 td {
  padding: 8px 0;
}
.staticTableContainer_e9304.mobile_e9304 .staticTableWrap_e9304 .staticTable_e9304 td:nth-child(1) {
  padding-left: 12px;
}
.staticTableContainer_e9304.mobile_e9304 .staticTableWrap_e9304 .staticTable_e9304 .staticTableSectionTitle_e9304 {
  margin-top: 8px;
  font-size: 14px;
}
.staticTableContainer_e9304.mobile_e9304 .staticTableWrap_e9304 .staticTable_e9304 .staticTableSectionTitle_e9304 td {
  padding-top: 16px;
}
.staticTableWrap_e9304 {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  color: #737a87;
  overflow-y: auto;
  scrollbar-width: none;
}
.staticTableWrap_e9304::-webkit-scrollbar {
  display: none;
}
.staticTable_e9304 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.staticTable_e9304 td {
  white-space: pre-wrap;
  padding: 12px 0;
}
.staticTable_e9304 td:nth-child(1) {
  text-align: left;
  padding-left: 32px;
}
.staticTable_e9304 td:nth-child(n+2) {
  text-align: center;
}
.staticTableHeader_e9304 {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #0c0d0e;
}
.staticTableHeader_e9304 td {
  padding: 12px 0;
}
.staticTableFixedHeader_e9304 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  z-index: 900;
}
.staticTableFixedHeader_e9304 tr {
  background: #f5f7fc;
  display: flex;
}
.staticTableFixedHeader_e9304 td {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  padding-left: 32px;
  padding-right: 32px;
}
.staticTableFixedHeader_e9304 td:first-child {
  align-items: flex-start;
}
.staticTableFixedHeader_e9304.mobile_e9304 td {
  padding: 8px 12px;
}
.staticTableHeadDesc_e9304 {
  font-weight: 400;
  font-size: 13px;
  color: #737a87;
  margin-top: 4px;
}
.staticTableSectionTitle_e9304 {
  font-weight: 500;
  font-size: 16px;
  border-top: 1px solid #eaedf1;
  color: #0c0d0e;
}
.staticTableBanner_e9304 {
  height: 46px;
  border: 1px solid #eaedf1;
  font-size: 14px;
  color: #1664ff;
  border-radius: 4px;
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: relative;
  padding-right: 6px;
}
.staticTableBanner_e9304:hover {
  color: #387bff;
}
.staticTableBanner_e9304 svg {
  margin-left: 6px;
}

/* src/common/YesIcon/index.module.scss?css_virtual&hash=85312 */
.icon-yes_61301 {
  width: 18px;
  height: 18px;
}

/* src/Components/AIBanner/index.module.scss?css_virtual&hash=65db9 */
body {
  overscroll-behavior: none;
}
.banner-video-container_6ffd2 {
  margin: 0 auto;
  height: 100%;
}
@media screen and (min-width: 1680px) {
  .banner-video-container_6ffd2 {
    width: 1440px;
  }
}
@media screen and (max-width: 1023px) {
  .pc_6ffd2 {
    display: none !important;
  }
}
.pad_6ffd2 {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pad_6ffd2 {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .mobile_6ffd2 {
    display: none !important;
  }
}
.banner-container_6ffd2 {
  position: relative;
  background-color: #fff;
  background-color: var(--color-bg-1, #fff);
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media screen and (min-width: 1024px) {
  .banner-container_6ffd2 {
    min-width: 1200px;
  }
}
.banner-container_6ffd2,
.banner-container_6ffd2 * {
  box-sizing: border-box;
}
.banner-container_6ffd2 a,
.banner-container_6ffd2 a:link,
.banner-container_6ffd2 a:visited,
.banner-container_6ffd2 a:hover,
.banner-container_6ffd2 a:active {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .banner-container-high_6ffd2 {
    height: 740px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-container-high_6ffd2 {
    height: 500px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container-low_6ffd2 {
    height: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-container-low_6ffd2 {
    height: 410px;
  }
}
.banner-container-top_6ffd2 .banner-media-container-bottom_6ffd2 {
  display: none;
}
@media screen and (max-width: 767px) {
  .banner-container-top_6ffd2 {
    padding-top: 48px;
  }
  .banner-container-top_6ffd2 .banner-media-container_6ffd2 {
    margin-bottom: 8px;
    padding-bottom: 0px;
  }
}
.banner-container-bottom_6ffd2 .banner-media-container-top_6ffd2 {
  display: none;
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .banner-container-bottom_6ffd2 .banner-content-container_6ffd2 {
    padding-top: 84px;
  }
}
@media screen and (max-width: 600px) {
  .banner-container-bottom_6ffd2 .banner-content-container_6ffd2 {
    padding-top: 72px;
  }
}
.banner-media-container_6ffd2 {
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .banner-media-container_6ffd2 {
    height: auto;
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }
}
.banner-image_6ffd2 {
  height: 100%;
  width: auto;
  display: block;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .banner-image_6ffd2 {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
}
.banner-video_6ffd2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  object-fit: cover;
  z-index: 1;
}
.banner-content-container_6ffd2 {
  margin: 0 auto;
  padding-top: 60px;
  width: 1200px;
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .banner-content-container_6ffd2 {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 12px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-content-container_6ffd2 {
    position: absolute;
    top: 0;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 56px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-content-container_6ffd2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1680px) {
  .banner-content-container_6ffd2 {
    width: 1440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .banner-content-container_6ffd2 {
    padding: 72px 20px 0 20px;
  }
}
@media screen and (min-width: 968px) {
  .banner-content_6ffd2 {
    width: 50%;
  }
}
.banner-params_6ffd2 {
  margin-top: 32px;
  display: flex;
}
@media (max-width: 1023px) {
  .banner-params_6ffd2 {
    display: none;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .banner-params_6ffd2.mobile-display_6ffd2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .banner-params_6ffd2.mobile-display_6ffd2 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .param-panel_6ffd2 {
    flex-grow: 1;
  }
}
.param-panel_6ffd2 + .param-panel_6ffd2 {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .param-panel_6ffd2 + .param-panel_6ffd2 {
    margin-left: 16px;
  }
}
.param-value_6ffd2 em {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0.182143px;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media (max-width: 1023px) {
  .param-value_6ffd2 em {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .param-value_6ffd2 em {
    font-size: 16px;
    line-height: 24px;
  }
}
.param-value_6ffd2 small {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media (max-width: 1023px) {
  .param-value_6ffd2 small {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .param-value_6ffd2 small {
    font-size: 16px;
    line-height: 24px;
  }
}
.param-value_6ffd2 span {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media (max-width: 767px) {
  .param-value_6ffd2 > em,
  .param-value_6ffd2 > small {
    letter-spacing: 0;
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
  }
}
.param-name_6ffd2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  margin: 1px 0;
  color: #737a87;
  color: var(--color-text-3, #737a87);
}
@media (max-width: 767px) {
  .param-name_6ffd2 {
    line-height: 20px;
    font-size: 12px;
  }
}
.banner-slogans_6ffd2 {
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: 0.064px;
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.banner-slogans_6ffd2 .slogans-item_6ffd2 {
  display: flex;
}
.banner-slogans_6ffd2 .slogans-item_6ffd2:not(:first-child) {
  margin-left: 20px;
}
.banner-slogans_6ffd2 .slogans-item_6ffd2 .slogans-split_6ffd2 {
  vertical-align: middle;
}
.banner-slogans_6ffd2 .slogans-item_6ffd2:first-child .slogans-divider_6ffd2 {
  display: none;
}
.banner-slogans_6ffd2 .slogans-item_6ffd2:first-child .slogans-split_6ffd2 {
  display: none;
}
.banner-slogans_6ffd2 .slogans-img_6ffd2 {
  height: 100%;
}
.banner-slogans_6ffd2 .slogans-divider_6ffd2 {
  width: 22px;
  height: 2px;
  background-color: transparent;
}
.banner-slogans_6ffd2 .slogans-divider_6ffd2::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100%;
  height: 100%;
  background-color: rgb(22, 100, 225);
  background-color: rgb(var(--primary-6, 22, 100, 225));
  transform: rotate(115deg);
}
.banner-slogans_6ffd2 .slogans-divider_6ffd2::before {
  left: 0;
}
.banner-slogans_6ffd2 .slogans-divider_6ffd2::after {
  right: 0;
}
@media screen and (max-width: 1023px) {
  .banner-slogans_6ffd2 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 12px;
  }
  .banner-slogans_6ffd2 .slogans-item_6ffd2:not(:first-child) {
    margin-left: 10px;
  }
  .banner-slogans_6ffd2 .slogans-item_6ffd2:not(:first-child) .slogans-split_6ffd2 {
    width: 7px;
  }
  .banner-slogans_6ffd2 .slogans-divider_6ffd2 {
    width: 16px;
  }
  .banner-slogans_6ffd2 .slogans-divider_6ffd2::before {
    top: 16px;
    right: 10px;
    width: 100%;
    height: 100%;
    background-color: rgb(22, 100, 225);
    background-color: rgb(var(--primary-6, 22, 100, 225));
    transform: rotate(115deg);
  }
  .banner-slogans_6ffd2 .slogans-img_6ffd2 {
    height: 28px;
  }
}
@media screen and (max-width: 768px) {
  .banner-slogans_6ffd2 .slogans-img_6ffd2 {
    max-width: 100%;
  }
}
.des-panel_6ffd2 {
  display: flex;
}
.des-panel_6ffd2 + .des-panel_6ffd2 {
  margin-top: 8px;
}
.yes-icon_6ffd2 {
  height: 24px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .yes-icon_6ffd2 {
    height: 22px;
  }
}
.des_6ffd2 {
  margin-left: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  max-width: 500px;
  color: #42464e;
  color: var(--color-text-2, #42464e);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .des_6ffd2 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .des_6ffd2 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.banner-des-text_6ffd2 {
  width: 560px;
  margin-top: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.002em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: #737a87;
  color: var(--color-text-3, #737a87);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-des-text_6ffd2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .banner-des-text_6ffd2 {
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
  }
}
.banner-des-text-pad_6ffd2 {
  width: 320px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.002em;
  color: #737a87;
  color: var(--color-text-3, #737a87);
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-des-text-pad_6ffd2 {
    display: -webkit-box;
  }
}
.banner-buttons_6ffd2 {
  margin-top: 32px;
  column-gap: 20px;
  display: flex;
  row-gap: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-buttons_6ffd2 {
    margin-top: 38px;
  }
}
@media screen and (max-width: 767px) {
  .banner-buttons_6ffd2 {
    margin-top: 24px;
    width: 100%;
    column-gap: 15px;
  }
  .banner-buttons_6ffd2.vertical_6ffd2 {
    flex-wrap: wrap;
  }
  .banner-buttons_6ffd2.vertical_6ffd2 .button-a-tag_6ffd2 {
    white-space: nowrap;
    flex: auto;
    flex-shrink: 0;
  }
  .banner-buttons_6ffd2.shortTopPadding_6ffd2 {
    margin-top: 28px;
  }
}
.button-a-tag_6ffd2 {
  flex: none;
}
@media screen and (max-width: 767px) {
  .button-a-tag_6ffd2 {
    flex: 1 1;
    width: 100%;
  }
}
.clickable_6ffd2 {
  cursor: pointer;
}
.button_6ffd2 {
  height: 48px;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .button_6ffd2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .button_6ffd2 {
    min-width: 113px;
  }
}
@media (min-width: 1024px) {
  .button_6ffd2 {
    min-width: 158px;
  }
}
.button-primary_6ffd2 {
  box-shadow: 0px 6.14px 8.19px 0px rgba(46, 70, 146, 0.1019607843);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.01em;
  background-color: rgb(22, 100, 225);
  background-color: rgb(var(--primary-6, 22, 100, 225));
  color: #fff;
  color: var(--color-white, #fff);
}
@media (max-width: 767px) {
  .button-primary_6ffd2 {
    line-height: 40px;
  }
}
.button-primary_6ffd2:hover {
  background-color: rgb(56, 123, 255);
  background-color: rgb(var(--primary-5, 56, 123, 255));
}
.button-primary_6ffd2:active {
  background-color: var(--primary-color-primary-7);
}
.button-secondary_6ffd2 {
  box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.0509803922);
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.01em;
  background-color: #fff;
  background-color: var(--color-bg-1, #fff);
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
  border: 1px solid #eaedf1;
  border: 1px solid var(--color-border-2, #eaedf1);
}
@media (max-width: 767px) {
  .button-secondary_6ffd2 {
    line-height: 40px;
  }
}
.button-secondary_6ffd2:hover {
  background-color: #f6f8fa;
  background-color: var(--color-bg-4, #f6f8fa);
  border: 1px solid rgb(22, 100, 225);
  border: 1px solid rgb(var(--primary-6, 22, 100, 225));
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.button-secondary_6ffd2:active {
  background-color: #f6f8fa;
  background-color: var(--color-bg-4, #f6f8fa);
  border: 1px solid rgb(22, 100, 225);
  border: 1px solid rgb(var(--primary-6, 22, 100, 225));
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.button-text_6ffd2 {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.002em;
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
}
.button-text_6ffd2:hover {
  color: rgb(56, 123, 255);
  color: rgb(var(--primary-5, 56, 123, 255));
}
.button-text_6ffd2:active {
  color: rgb(56, 123, 255);
  color: rgb(var(--primary-5, 56, 123, 255));
}
.button-text_6ffd2 .button-arrow_6ffd2 {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.button-text_6ffd2 .button-arrow_6ffd2 svg {
  flex: none;
  height: 14px;
  width: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .button-text_6ffd2 {
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .button-text_6ffd2 {
    width: 100%;
    line-height: 40px;
    justify-content: center;
  }
}
.button-textLink_6ffd2 {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.002em;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.button-textLink_6ffd2 .button-arrow_6ffd2 {
  flex: none;
  margin-left: 5px;
  display: flex;
  align-items: center;
  position: relative;
  right: 0px;
  transition: right 0.3s;
}
.button-textLink_6ffd2 .button-arrow_6ffd2 svg {
  flex: none;
  height: 14px;
  width: 14px;
}
@media screen and (max-width: 767px) {
  .button-textLink_6ffd2 .button-arrow_6ffd2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .button-textLink_6ffd2 {
    box-shadow: 0px 3px 8px 0px rgba(46, 70, 146, 0.0509803922);
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.01em;
    background-color: #fff;
    background-color: var(--color-bg-1, #fff);
    color: #0c0d0e;
    color: var(--color-text-1, #0c0d0e);
    border: 1px solid #eaedf1;
    border: 1px solid var(--color-border-2, #eaedf1);
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .button-textLink_6ffd2 {
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .button-textLink_6ffd2:hover {
    background-color: #f6f8fa;
    background-color: var(--color-bg-4, #f6f8fa);
    border: 1px solid rgb(22, 100, 225);
    border: 1px solid rgb(var(--primary-6, 22, 100, 225));
    color: #0c0d0e;
    color: var(--color-text-1, #0c0d0e);
  }
}
@media screen and (max-width: 767px) {
  .button-textLink_6ffd2:active {
    background-color: #f6f8fa;
    background-color: var(--color-bg-4, #f6f8fa);
    border: 1px solid rgb(22, 100, 225);
    border: 1px solid rgb(var(--primary-6, 22, 100, 225));
    color: #0c0d0e;
    color: var(--color-text-1, #0c0d0e);
  }
}
.banner-title-container_6ffd2 {
  align-items: center;
  display: flex;
  height: 64px;
}
.banner-title-container_6ffd2 .banner-title-text_6ffd2 {
  display: none;
}
.banner-title-container_6ffd2 .banner-title-text-pc_6ffd2 {
  display: inline;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-container_6ffd2 .banner-title-text-pc_6ffd2 {
    display: none;
  }
  .banner-title-container_6ffd2 .banner-title-text-pad_6ffd2 {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .banner-title-container_6ffd2 .banner-title-text-pc_6ffd2 {
    display: none;
  }
  .banner-title-container_6ffd2 .banner-title-text-mobile_6ffd2 {
    display: inline;
  }
}
.banner-title-container_6ffd2 .banner-title_6ffd2 {
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0.002em;
  display: block;
  margin: 0;
  padding: 0;
  overflow: visible;
  white-space: nowrap;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-title-container_6ffd2 .banner-title_6ffd2 {
    font-size: 32px;
    line-height: 45px;
  }
}
.banner-title-container_6ffd2 .video-title-dot_6ffd2 {
  width: 10px;
  height: 10px;
  background-color: #0c0d0e;
  background-color: var(--color-text-1, #0c0d0e);
  border-radius: 50%;
  margin-left: 16px;
}
.banner-title-container_6ffd2 .video-title_6ffd2 {
  height: 100%;
  overflow: hidden;
  font-size: 56px;
  font-weight: 600;
}
.banner-title-container_6ffd2 .video-title_6ffd2 .video-title-item_6ffd2 {
  margin-left: 20px;
  height: 100%;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: normal;
  letter-spacing: 0.002em;
  display: block;
  margin: 0;
  margin-left: 20px;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media screen and (max-width: 1023px) {
  .banner-title-container_6ffd2 {
    height: 40px;
    line-height: 40px;
  }
  .banner-title-container_6ffd2 .video-title_6ffd2 {
    font-size: 32px;
  }
  .banner-title-container_6ffd2 .video-title_6ffd2 .video-title-item_6ffd2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .banner-title-container_6ffd2 {
    display: flex;
    align-items: flex-start;
    align-items: center;
  }
  .banner-title-container_6ffd2 .banner-title_6ffd2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.banner-title-container-wrap_6ffd2 {
  height: auto;
  min-height: 64px;
}
@media screen and (max-width: 1023px) {
  .banner-title-container-wrap_6ffd2 {
    min-height: 40px;
    height: auto;
  }
}
.banner-title-wrap_6ffd2 {
  white-space: pre-line !important;
  word-break: break-word;
  height: auto !important;
  -webkit-line-clamp: unset;
}
.banner-subtitle_6ffd2 {
  margin: 0;
  margin-top: 20px;
  font-size: 56px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: 0.002em;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
@media screen and (max-width: 1023px) {
  .banner-subtitle_6ffd2 {
    font-size: 32px;
    line-height: 40px;
    margin-top: 8px;
  }
}
.news-title-scroller_6ffd2 {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 400;
  color: #0c0d0e;
  color: var(--color-text-1, #0c0d0e);
}
.news-title-scroller_6ffd2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.news-title-scroller_6ffd2 ul li {
  height: 24px;
  line-height: 24px;
  display: flex;
}
.news-title-scroller_6ffd2 ul li .news-title-item_6ffd2 {
  display: flex;
  align-items: center;
}
.news-title-scroller_6ffd2 ul li .news-title-item_6ffd2 div {
  max-width: 520px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1023px) {
  .news-title-scroller_6ffd2 ul li .news-title-item_6ffd2 div {
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .news-title-scroller_6ffd2 ul li .news-title-item_6ffd2 div {
    max-width: 320px;
  }
}
.news-title-scroller_6ffd2 ul li .news-title-item_6ffd2:hover {
  color: rgb(22, 100, 225);
  color: rgb(var(--primary-6, 22, 100, 225));
}
.news-title-scroller_6ffd2 ul li .news-title-tag_6ffd2 {
  background: linear-gradient(77.86deg, #5ca3ff -3.23%, #508aff 51.11%, #cf8dff 98.65%);
  color: #fff;
  color: var(--color-white, #fff);
  border-radius: 4px;
  font-size: 16px;
  margin-right: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (max-width: 1023px) {
  .news-title-scroller_6ffd2 {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .news-title-scroller_6ffd2 ul li {
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .news-title-scroller_6ffd2 ul li .news-title-tag_6ffd2 {
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    border-radius: 2.67px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container-high_6ffd2 .news-title-scroller_6ffd2 {
    height: 38px;
    line-height: 38px;
  }
  .banner-container-high_6ffd2 .news-title-scroller_6ffd2 ul li {
    height: 28px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container-low_6ffd2 .news-title-scroller_6ffd2 {
    height: 44px;
    line-height: 44px;
  }
  .banner-container-low_6ffd2 .news-title-scroller_6ffd2 ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.banner-des-items_6ffd2 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-des-items_6ffd2 {
    display: none;
  }
}
.banner-des-items-pad_6ffd2 {
  margin-top: 15px;
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner-des-items-pad_6ffd2 {
    display: block;
    color: #f6f8fa;
    color: var(--color-bg-4, #f6f8fa);
  }
}