.typography-T5Kw {
  border: 0;
  color: inherit;
  font-weight: 400;
  letter-spacing: .3px;
  margin: 0;
  padding: 0
}

.typography-font-size-100-C78p {
  font-family: var(--font-family-100);
  font-weight: 100
}

.typography-font-size-200-VrLX {
  font-family: var(--font-family-200);
  font-weight: 200
}

.typography-font-size-300-cdFG {
  font-family: var(--font-family-300);
  font-weight: 300
}

.typography-font-size-400-YMoy {
  font-family: var(--font-family-400);
  font-weight: 400
}

.typography-font-size-500-xXF0 {
  font-family: var(--font-family-500);
  font-weight: 500
}

.typography-font-size-900-Lixt {
  font-family: var(--font-family-900);
  font-weight: 900
}

.typography-h1-ZosJ {
  font-size: var(--font-size-h1);
  line-height: var(--font-lineheight-h1)
}

.typography-h2-z4vB {
  font-size: var(--font-size-h2);
  line-height: var(--font-lineheight-h2)
}

.typography-h3-v1ES {
  font-size: var(--font-size-h3);
  line-height: var(--font-lineheight-h3)
}

.typography-h4-UNwl {
  font-size: var(--font-size-h4);
  line-height: var(--font-lineheight-h4)
}

.typography-h5-NU0B {
  font-size: var(--font-size-h5);
  line-height: var(--font-lineheight-h5)
}

.typography-h6-mayt {
  font-size: var(--font-size-h6);
  line-height: var(--font-lineheight-h6)
}

.typography-body1-_n0M {
  font-size: var(--font-size-body1);
  line-height: var(--font-lineheight-body1)
}

.typography-body2-N5tz {
  font-size: var(--font-size-body2);
  line-height: var(--font-lineheight-body2)
}

.typography-caption-VuAw {
  font-size: var(--font-size-caption);
  line-height: var(--font-lineheight-caption)
}

.typography-color-error-UJF7 {
  color: var(--color-error)
}

.typography-color-primary-Y5nn {
  color: var(--color-primary)
}

.typography-color-textPrimary-mERx {
  color: var(--color-text-primary)
}

.typography-color-textSecondary-VgQy {
  color: var(--color-text-secondary)
}

.typography-color-textTertiary-bW81 {
  color: var(--color-text-tertiary)
}

.typography-color-textPrimary-reverse-mVIT {
  color: var(--color-text-primary-reverse)
}

.typography-color-white-_fPO {
  color: var(--color-text-white)
}

.typography-color-textSecondary-reverse-hK0o {
  color: var(--color-text-secondary-reverse)
}

.typography-color-textTertiary-reverse-hbtW {
  color: var(--color-text-tertiary-reverse)
}

.typography-color-disabled-cBcF {
  color: var(--color-text-disabled)
}

.typography-color-disabled-reverse-Sad_ {
  color: var(--color-text-disabled-reverse)
}

.typography-color-inherit-IKsO {
  color: inherit
}

.typography-align-inherit-Ma5G {
  text-align: inherit
}

.typography-align-justify-fR1Q {
  text-align: justify
}

.typography-align-left-rd_k {
  text-align: left
}

.typography-align-center-ku6v {
  text-align: center
}

.typography-align-right-z17m {
  text-align: right
}

.typography-noWarp-KhEp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.normal-hidden-UeoH {
  display: none
}

@media screen and (max-width:600px) {
  .normal-hidden-UeoH {
    display: inline
  }

  .sm-hidden-BRpi {
    display: none
  }

  .typography-sm-h1-Trhx {
    font-size: var(--font-size-h1);
    line-height: var(--font-lineheight-h1)
  }

  .typography-sm-h2-FHNj {
    font-size: var(--font-size-h2);
    line-height: var(--font-lineheight-h2)
  }

  .typography-sm-h3-i9um {
    font-size: var(--font-size-h3);
    line-height: var(--font-lineheight-h3)
  }

  .typography-sm-h4-tp2n {
    font-size: var(--font-size-h4);
    line-height: var(--font-lineheight-h4)
  }

  .typography-sm-h5-NjU6 {
    font-size: var(--font-size-h5);
    line-height: var(--font-lineheight-h5)
  }

  .typography-sm-h6-xf5o {
    font-size: var(--font-size-h6);
    line-height: var(--font-lineheight-h6)
  }

  .typography-sm-body1-N5CS {
    font-size: var(--font-size-body1);
    line-height: var(--font-lineheight-body1)
  }

  .typography-sm-body2-fVcW {
    font-size: var(--font-size-body2);
    line-height: var(--font-lineheight-body2)
  }

  .typography-sm-caption-KFYK {
    font-size: var(--font-size-caption);
    line-height: var(--font-lineheight-caption)
  }
}

@media screen and (min-width:1201px) {
  :root .volcfe-nav-mobile {
    display: none !important
  }
}

@media screen and (max-width:1200px) {
  :root .volcfe-nav-pc {
    display: none !important
  }
}

#appbar,
#volcfe-nav {
  top: 0;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  -moz-transition: .2s ease;
  transition: .2s ease;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  -o-transition-property: top, -o-transform;
  -moz-transition-property: top, transform, -moz-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform, -moz-transform, -o-transform;
  width: 100%;
  z-index: 1000
}

#appbar {
  position: fixed
}

#volcfe-nav {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: PingFang SC;
  position: absolute
}

#volcfe-nav[data-hidden=true] {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1000
}

.volcfe-nav-theme-light {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: hsla(0, 0%, 100%, .8);
  color: #1d2129
}

.volcfe-nav-theme-light:after {
  background: hsla(0, 0%, 9%, .05)
}

@media screen and (min-width:1201px) {
  .volcfe-nav-theme-light[data-theme=light-b] {
    background: hsla(0, 0%, 100%, .1)
  }

  .volcfe-nav-theme-light[data-theme=light-b]:after {
    background: hsla(0, 0%, 9%, .05)
  }
}

@media screen and (max-width:1200px) {
  .volcfe-nav-theme-light {
    background: #fff
  }
}

.volcfe-nav-theme-light .volcfe-nav-logo {
  background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_dark.2.svg)
}

.volcfe-nav-theme-dark {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: hsla(0, 0%, 9%, .7);
  color: #fff
}

.volcfe-nav-theme-dark:after {
  background: hsla(0, 0%, 100%, .05)
}

.volcfe-nav-theme-dark .volcfe-nav-logo {
  background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_light.2.svg)
}

.volcfe-nav-content {
  height: var(--appbar-height);
  max-height: 100%;
  padding-left: 32px;
  position: relative
}

.volcfe-nav-content:after {
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: -webkit-calc(100% - 1px);
  top: -moz-calc(100% - 1px);
  top: calc(100% - 1px);
  z-index: 1
}

@media screen and (max-width:1200px) {
  .volcfe-nav-content {
    padding: 0 20px
  }

  .volcfe-nav-content[data-mobile-theme=dark] {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: hsla(0, 0%, 9%, .7);
    color: #fff
  }

  .volcfe-nav-content[data-mobile-theme=dark]:after {
    background: hsla(0, 0%, 100%, .05)
  }

  .volcfe-nav-content[data-mobile-theme=dark] .volcfe-nav-logo {
    background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_light.2.svg)
  }

  .volcfe-nav-content[data-mobile-theme=light] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #fff;
    color: #1d2129
  }

  .volcfe-nav-content[data-mobile-theme=light]:after {
    background: hsla(0, 0%, 9%, .05)
  }

  .volcfe-nav-content[data-mobile-theme=light] .volcfe-nav-logo {
    background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_dark.2.svg)
  }
}

@media screen and (min-width:601px) {
  .volcfe-nav-content:hover {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #fff;
    color: #1d2129
  }

  .volcfe-nav-content:hover:after {
    background: hsla(0, 0%, 9%, .05)
  }

  .volcfe-nav-content:hover .volcfe-nav-logo {
    background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_dark.2.svg)
  }
}

#volcfe-nav-scroll-padding {
  background: #fafafa;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.volcfe-nav-logo,
.volcfe-nav-user-menu-logo {
  background: 50% no-repeat;
  background-size: contain;
  display: block;
  height: 100%;
  margin-right: 48px;
  width: 117px
}

@media screen and (max-width:1200px) {

  .volcfe-nav-logo,
  .volcfe-nav-user-menu-logo {
    width: 95px
  }
}

.volcfe-nav-menu-entry {
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 12px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  transition-property: background-color, color
}

.volcfe-nav-menu-entry:hover {
  font-weight: 500
}

#volcfe-nav-right-link-wrap {
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto
}

#volcfe-nav-right-link-wrap .volcfe-nav-menu-entry {
  padding: 0
}

.flex {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.flex-center {
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.flex-between {
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.flex-middle {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.flex-grow {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.display-none {
  display: none
}

@media screen and (max-width:600px) {
  :root .volcfe-pc {
    display: none !important
  }
}

@media screen and (min-width:601px) {
  :root .volcfe-mobile {
    display: none !important
  }
}

.volcfe-nav-link {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.volcfe-nav-link,
.volcfe-nav-link:active,
.volcfe-nav-link:focus,
.volcfe-nav-link:hover {
  color: currentColor
}

@media screen and (max-width:600px) {
  .volcfe-nav-link:active {
    opacity: .6
  }
}

div.volcfe-nav-pc-content {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100%
}

@media screen and (max-width:1200px) {
  div.volcfe-nav-pc-content {
    display: none !important
  }
}

.volcfe-nav-pc-menu-entry {
  cursor: pointer;
  height: 100%;
  padding: 20px 12px;
  position: relative;
  z-index: 3
}

@media screen and (max-width:1439px) {
  .volcfe-nav-pc-menu-entry {
    padding: 20px 9px
  }
}

.volcfe-nav-pc-menu-entry:hover {
  font-weight: 500
}

div.volcfe-nav-pc-menu-entry:after {
  border-left: 1px solid;
  border-top: 1px solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 2px;
  margin-left: 6px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: margin-bottom .3s ease, -webkit-transform .3s ease;
  transition: margin-bottom .3s ease, -webkit-transform .3s ease;
  -o-transition: margin-bottom .3s ease, -o-transform .3s ease;
  -moz-transition: transform .3s ease, margin-bottom .3s ease, -moz-transform .3s ease;
  transition: transform .3s ease, margin-bottom .3s ease;
  transition: transform .3s ease, margin-bottom .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
  width: 4px
}

div.volcfe-nav-pc-menu-entry[data-active=true]:after {
  margin-bottom: -2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.volcfe-nav-pc-menu-container {
  background: #fff;
  box-shadow: 0 10px 8px rgba(0, 0, 0, .07);
  left: 0;
  max-height: -webkit-calc(100vh - 100px);
  max-height: -moz-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 60px;
  -webkit-transition: background-color .3s ease, color .3s ease, height .2s cubic-bezier(.215, .61, .355, 1) 0ms;
  -o-transition: background-color .3s ease, color .3s ease, height .2s cubic-bezier(.215, .61, .355, 1) 0ms;
  -moz-transition: background-color .3s ease, color .3s ease, height .2s cubic-bezier(.215, .61, .355, 1) 0ms;
  transition: background-color .3s ease, color .3s ease, height .2s cubic-bezier(.215, .61, .355, 1) 0ms;
  width: 100%
}

.volcfe-nav-pc-menu-content {
  height: 100%;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%
}

@media screen and (min-width:1680px) {
  .volcfe-nav-pc-menu-content {
    max-width: 1502px
  }
}

.general-menu-title-VCgv {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  width: 178px
}

.general-menu-explain-WSPX {
  color: hsla(0, 0%, 9%, .8);
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 12px;
  min-height: 22px;
  width: 178px
}

.general-menu-list-a4bt {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.general-menu-item-ZrvV {
  -moz-box-flex: 0;
  -webkit-flex: 0 0 200px;
  flex: 0 0 200px;
  height: 136px;
  margin-right: 40px
}

.general-menu-item-link-cBmY {
  color: #1664ff;
  font-size: 14px;
  font-weight: 500;
  min-height: 21px;
  width: 200px
}

.general-menu-left-link-L4qx {
  color: #1664ff;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 12px;
  position: relative
}

.general-menu-item-explain-XTX0 {
  color: hsla(0, 0%, 9%, .8);
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 4px;
  min-height: 21px;
  width: 200px
}

.left-panel-container-vlhy {
  -moz-box-pack: right;
  color: #181818;
  height: 100%;
  -webkit-justify-content: right;
  justify-content: right;
  overflow-y: auto;
  scrollbar-width: none;
  width: 243px
}

.left-panel-container-vlhy::-webkit-scrollbar {
  display: none
}

.left-panel-container-inner-qmHC {
  height: 100%;
  padding: 35px 32px;
  position: relative;
  width: 100%;
  z-index: 2
}

.title-aTee {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px
}

.content-q9ub {
  color: hsla(0, 0%, 9%, .8);
  font-size: 13px;
  font-weight: 400
}

.left-bg-a3rB {
  background: #f2f6fa;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 1
}

.tail-arrow-VRmz {
  padding-right: 10px;
  position: relative
}

.tail-arrow-VRmz:after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  -moz-transition: right .3s;
  transition: right .3s;
  width: 4px
}

.tail-arrow-VRmz:hover:after {
  right: -4px
}

.right-panel-oHpO {
  -moz-box-flex: 1;
  background: #fff;
  color: #181818;
  -webkit-flex: 1 0;
  flex: 1 0;
  padding: 32px 32px 28px;
  position: relative;
  z-index: 2
}

@media screen and (min-width:1680px) {
  .right-panel-oHpO {
    padding-left: 48px
  }
}

.right-panel-inner-_Ixi {
  height: 100%;
  max-width: 973px;
  position: relative;
  width: 100%
}

@media screen and (min-width:1680px) {
  .right-panel-inner-_Ixi {
    max-width: 1179px
  }
}

.close-icon-wrap-mMag {
  cursor: pointer;
  height: 24px;
  padding: 4px;
  position: fixed;
  right: 32px;
  top: 65px;
  width: 24px;
  z-index: 100
}

@media screen and (max-width:1280px) {
  .close-icon-wrap-mMag {
    position: absolute;
    top: 5px
  }
}

.close-icon-wrap-mMag:hover .close-icon-JKqZ {
  color: #1664ff
}

.close-icon-wrap-inner-kejn {
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  padding: 4px;
  width: 24px
}

.close-icon-JKqZ {
  color: #4e5969;
  display: block
}

.menu-tabs-all-y8A6 a {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.menu-tabs-HM72::-webkit-scrollbar {
  display: none
}

.menu-tabs-HM72 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0;
  position: relative;
  width: 100%
}

.menu-tab-RIPN {
  -moz-box-pack: left;
  -moz-box-flex: 0;
  cursor: pointer;
  -webkit-flex: 0 0 60px;
  flex: 0 0 60px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: left;
  justify-content: left;
  z-index: 1
}

.menu-tab-RIPN .menu-tab-icon-wrap-VgVY {
  border-radius: 50%;
  height: 32px;
  margin-right: 16px;
  width: 32px
}

.menu-tab-RIPN:focus {
  color: var(--color-primary)
}

.menu-tab-selected-GyOu {
  color: var(--color-primary);
  font-weight: 500
}

.menu-tab-selected-GyOu .menu-tab-icon-wrap-VgVY {
  background: -webkit-linear-gradient(135deg, #01ebdd 13.19%, #5360fb 74.07%);
  background: -moz-linear-gradient(135deg, #01ebdd 13.19%, #5360fb 74.07%);
  background: linear-gradient(315deg, #01ebdd 13.19%, #5360fb 74.07%)
}

.menu-tab-RIPN:hover {
  color: var(--color-primary)
}

.menu-tabs-all-y8A6 {
  -moz-box-pack: start;
  font-size: 14px;
  font-weight: 500;
  height: 22px;
  -webkit-justify-content: start;
  justify-content: start;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 1px;
  width: 100%
}

.menu-content-jkWZ {
  background: #fff;
  height: 100%
}

.menu-search-warp-HCHU {
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1001
}

.menu-products-Bawy {
  width: 770px
}

@media screen and (min-width:1681px) {
  .menu-products-Bawy {
    width: 977px
  }
}

.category-SlZM {
  width: 25%
}

.category-item-EMMc .category-item-title-p5dr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1664ff;
  font-size: 14px;
  font-weight: 500;
  padding: 24px 0 8px
}

.category-item-EMMc .category-item-title-p5dr .category-item-title-link-_rOX:hover {
  color: #1664ff
}

.category-item-EMMc .category-item-title-p5dr span {
  display: inline-block;
  opacity: 1
}

.category-item-EMMc p {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.category-item-EMMc:hover p {
  color: var(--color-text-primary)
}

.category-item-EMMc:first-child .category-item-title-p5dr {
  padding: 0 0 8px
}

.items-TG1r {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 0
}

.products-wrap-TYqo .product-MoUb {
  color: #181818;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 22px;
  margin-bottom: 8px
}

.products-wrap-TYqo .product-MoUb:hover {
  color: #1664ff
}

.products-wrap-TYqo .products-class-dXk9 {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 8px;
  margin-left: 5px;
  margin-top: 0;
  opacity: .5;
  position: relative
}

.products-wrap-TYqo .products-class-dXk9:before {
  background: #181818;
  content: "";
  height: 10px;
  left: -6px;
  opacity: .2;
  position: absolute;
  top: 4px;
  width: 3px
}

.products-wrap-TYqo .products-CWvK:last-child {
  margin-right: 0
}

.icon-wrap-ge9i {
  -moz-box-flex: 0;
  display: inline-block;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
  vertical-align: -3px
}

.icon-wrap-ge9i .icon-scQE {
  display: block
}

.icon-scQE {
  fill: currentColor;
  display: inline-block;
  height: 100%;
  width: 100%
}

.icon-color-primary-_Avx {
  fill: var(--color-primary)
}

.icon-color-secondary-k6D1 {
  fill: var(--color-secondary)
}

.icon-color-textPrimary-bop8 {
  fill: var(--color-text-primary)
}

.icon-color-textSecondary-GlyD {
  fill: var(--color-text-secondary)
}

.icon-color-textTertiary-kOzI {
  fill: var(--color-text-tertiary)
}

.icon-color-textPrimary-reverse-sP76 {
  fill: var(--color-text-primary-reverse)
}

.icon-color-textSecondary-reverse-ggef {
  fill: var(--color-text-secondary-reverse)
}

.icon-color-textTertiary-reverse-pF2Q {
  fill: var(--color-text-tertiary-reverse)
}

.icon-color-disabled-vhSx {
  fill: var(--color-text-disabled)
}

.icon-color-disabled-reverse-X_Ju {
  fill: var(--color-text-disabled-reverse)
}

.icon-color-inherit-L3PH {
  fill: inherit
}

.icon-color-none-Mu27 {
  fill: none
}

.container-zvhw {
  background: #fff;
  position: absolute;
  top: 0;
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: calc(100% - 15px);
  z-index: 1001
}

.container-zvhw:hover .input-bottom-ani-_EV9 {
  -webkit-transition: all .75s linear;
  -o-transition: all .75s linear;
  -moz-transition: all .75s linear;
  transition: all .75s linear;
  width: 100%
}

.icon-OSgy {
  left: 0;
  position: absolute;
  top: 2px
}

.icon-OSgy svg {
  fill: #181818
}

.input-container-JO9j {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative
}

.input-CZim {
  background: transparent;
  border: 0;
  color: #181818;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  height: 30px;
  letter-spacing: .002em;
  line-height: 22px;
  padding-bottom: 8px;
  padding-left: 24px;
  width: 100%
}

.input-CZim::-webkit-input-placeholder {
  color: #181818;
  opacity: .5
}

.input-CZim::-moz-input-placeholder {
  color: #181818;
  opacity: .5
}

.input-CZim::-ms-input-placeholder {
  color: #181818;
  opacity: .5
}

.input-bottom-W7_t {
  background: hsla(0, 0%, 9%, .1);
  height: 1px;
  position: relative
}

.input-bottom-W7_t .input-bottom-ani-_EV9 {
  background-color: var(--color-primary);
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1
}

.input-bottom-W7_t .input-bottom-ani-blue-dXfZ {
  -webkit-transition: width .75s linear;
  -o-transition: width .75s linear;
  -moz-transition: width .75s linear;
  transition: width .75s linear;
  width: 100%
}

.options-RM6U {
  background: var(--color-background-primary);
  box-shadow: var(--shadow-dropbox);
  color: var(--color-text-primary);
  max-height: 300px;
  overflow-y: scroll;
  padding: 8px 0;
  position: absolute;
  top: -webkit-calc(100% + 8px);
  top: -moz-calc(100% + 8px);
  top: calc(100% + 8px);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1500
}

.options-RM6U.hidden-aECd {
  opacity: 0;
  z-index: -1
}

.options-RM6U::-webkit-scrollbar {
  height: 1px;
  width: 4px
}

.options-RM6U::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 9%, .5);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px #181818
}

.option-x6rc {
  color: inherit;
  display: block;
  font-size: 14px;
  letter-spacing: .3px;
  padding: 13px 24px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.option-x6rc:hover {
  background-color: var(--color-background-secondary)
}

.option-x6rc:hover .title-_6Vl {
  color: var(--color-primary)
}

.option-x6rc:hover .desc-u1Zk {
  color: var(--color-text-secondary)
}

.title-_6Vl {
  font-size: 14px;
  margin-bottom: 8px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.desc-u1Zk {
  color: #86909c;
  font-size: 12px
}

.scroll-wrap-SSru {
  height: 100%;
  overflow: auto;
  padding-right: 15px;
  padding-top: 60px;
  position: relative;
  scrollbar-width: thin
}

.scroll-wrap-SSru::-webkit-scrollbar {
  height: 8px;
  width: 4px
}

.scroll-wrap-SSru::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 9%, .05);
  border-radius: 4px
}

.solution-right-banner-EblF {
  background-size: cover;
  display: block;
  font-family: PingFang SC;
  padding: 16px
}

.solution-banner-title-xy_W {
  color: #181818;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2px
}

.solution-banner-subtitle-yNFR {
  color: hsla(0, 0%, 9%, .8);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.solution-banner-link-xBVg {
  color: #1664ff !important;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  position: relative
}

.first-aV4D {
  height: 249px
}

.second-ahU7 {
  height: 249px;
  margin-top: 12px
}

.banner-wrap-etws {
  left: 770px;
  position: absolute;
  top: 62px;
  width: 188px
}

@media screen and (min-width:1680px) {
  .banner-wrap-etws {
    left: 977px
  }
}

.solution-menu-container-outer-VCQs {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 990px;
  flex: 1 0 990px
}

.solution-menu-container-O_08 {
  height: 100%
}

.solution-category-list-Wq80 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px
}

@media screen and (min-width:1680px) {
  .solution-category-list-Wq80 {
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px
  }
}

.solution-category-list-title-kVQV {
  color: #181818;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
  padding-bottom: 8px
}

.solution-common-category-list-container-HtRh {
  -moz-box-flex: 0;
  -webkit-flex: 0 0 160px;
  flex: 0 0 160px
}

@media screen and (min-width:1680px) {
  .solution-common-category-list-container-HtRh {
    -moz-box-flex: 0;
    -webkit-flex: 0 0 205px;
    flex: 0 0 205px
  }
}

.solution-common-category-list-KtZ_ .solution-category-UvaN:last-child {
  margin-bottom: 0
}

.solution-content-VulD {
  font-family: PingFang SC;
  min-height: 376px;
  position: relative;
  width: -webkit-calc(100% - 188px);
  width: -moz-calc(100% - 188px);
  width: calc(100% - 188px)
}

.solution-category-UvaN {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 36px;
  page-break-inside: avoid
}

.solution-category-title-tfec {
  color: #1664ff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  position: relative
}

.solution-item-ybBr {
  color: #181818;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400
}

.solution-item-ybBr:hover {
  color: #1664ff
}

.solution-item-ybBr:not(:last-child) {
  margin-bottom: 8px
}

.solution-item-text-EmP7 {
  position: relative
}

.left-panel-growth-link-wrap-NRYU {
  margin-top: 12px
}

.left-panel-growth-link-dsxX {
  display: inline-block;
  font-weight: 400;
  position: relative
}

.volcfe-nav-search-wrap {
  background-color: hsla(0, 0%, 100%, .1);
  cursor: pointer;
  height: 100%;
  margin-left: auto;
  position: relative;
  -webkit-transition: width .5s ease;
  -o-transition: width .5s ease;
  -moz-transition: width .5s ease;
  transition: width .5s ease
}

@media screen and (max-width:600px) {
  .volcfe-nav-search-wrap {
    background: transparent;
    margin-right: 20px
  }
}

@media screen and (min-width:601px) {
  .volcfe-nav-search-wrap {
    border-left: 1px solid hsla(0, 0%, 9%, .05);
    border-right: 1px solid hsla(0, 0%, 9%, .05);
    width: 40px
  }

  .volcfe-nav-search-wrap:hover {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 347px
  }

  .volcfe-nav-search-wrap:hover .volcfe-nav-search-input::-webkit-input-placeholder {
    font-weight: 500
  }

  .volcfe-nav-search-wrap:hover .volcfe-nav-search-input::-moz-placeholder {
    font-weight: 500
  }

  .volcfe-nav-search-wrap:hover .volcfe-nav-search-input:-ms-input-placeholder {
    font-weight: 500
  }

  .volcfe-nav-search-wrap:hover .volcfe-nav-search-input::-ms-input-placeholder {
    font-weight: 500
  }

  .volcfe-nav-search-wrap:hover .volcfe-nav-search-input::placeholder {
    font-weight: 500
  }
}

@media screen and (min-width:1430px) {
  .volcfe-nav-search-wrap {
    width: 240px
  }
}

@media screen and (max-width:1200px)and (min-width:601px) {
  .volcfe-nav-search-wrap {
    margin-right: 25px;
    width: 240px
  }
}

.volcfe-nav-search {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 9999
}

@media screen and (min-width:601px) {
  .volcfe-nav-search {
    padding: 9px 8px
  }
}

.volcfe-nav-search-btn {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 18px;
  width: 32px
}

@media screen and (max-width:600px) {
  .volcfe-nav-search-btn {
    height: 24px;
    width: 24px
  }
}

.volcfe-nav-search-input {
  -moz-box-flex: 1;
  background: transparent;
  border: none;
  color: currentColor;
  cursor: text;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 13px
}

.volcfe-nav-search-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: .5
}

.volcfe-nav-search-input::-moz-placeholder {
  color: currentColor;
  opacity: .5
}

.volcfe-nav-search-input:-ms-input-placeholder {
  color: currentColor;
  opacity: .5
}

.volcfe-nav-search-input::-ms-input-placeholder {
  color: currentColor;
  opacity: .5
}

.volcfe-nav-search-input::placeholder {
  color: currentColor;
  opacity: .5
}

@media screen and (max-width:600px) {
  .volcfe-nav-search-input {
    display: none
  }
}

.volcfe-nav-search-hint {
  background: #fff;
  border-top: 1px solid #e5e6eb;
  box-shadow: 0 -1px 4px rgba(21, 40, 76, .06), 0 20px 20px rgba(21, 40, 76, .2), 0 50px 100px rgba(50, 50, 76, .14);
  padding: 16px 0 4px;
  position: absolute;
  top: -webkit-calc(100% - 1px);
  top: -moz-calc(100% - 1px);
  top: calc(100% - 1px);
  width: 100%;
  z-index: 3
}

.volcfe-nav-search-hint>* {
  padding: 0 16px
}

.volcfe-nav-search-hint>.volcfe-nav-search-hint-title:first-child {
  padding-top: 0
}

.volcfe-nav-search-hint-title {
  cursor: default;
  font-size: 12px;
  font-style: normal;
  padding-top: 6px
}

.volcfe-nav-search-card-list {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 12px 0 8px
}

.volcfe-nav-search-hint-card {
  background: #f7f7f7;
  color: #1d2129;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 24px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 2px 4px;
  white-space: nowrap
}

.volcfe-nav-search-hint-card:not(:last-child) {
  margin-right: 16px
}

.volcfe-nav-search-hint-card:hover {
  background: rgba(22, 100, 255, .1);
  color: #1664ff
}

.volcfe-nav-search-hint-title {
  color: #86909c;
  font-weight: 400;
  line-height: 17px
}

.volcfe-nav-search-hint-entry {
  -moz-box-pack: justify;
  cursor: pointer;
  font-size: 12px;
  height: 36px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 36px
}

.volcfe-nav-search-hint-entry:hover,
.volcfe-nav-search-hint-entry[data-active=true] {
  background: #f5f7fa
}

.volcfe-nav-search-hint-entry:hover .volcfe-nav-search-hint-card,
.volcfe-nav-search-hint-entry[data-active=true] .volcfe-nav-search-hint-card {
  background: #fff
}

.volcfe-nav-search-hint-entry:hover .volcfe-nav-search-hint-card[data-active=true],
.volcfe-nav-search-hint-entry[data-active=true] .volcfe-nav-search-hint-card[data-active=true] {
  background: rgba(22, 100, 255, .1);
  color: #1664ff
}

#volcfe-nav-right {
  height: 100%;
  position: relative
}

.volcfe-nav-register-btn {
  background: #165dff;
  border-radius: 0;
  color: #fff !important;
  display: block;
  font-weight: 500;
  line-height: 60px;
  margin-left: 28px;
  position: relative;
  text-align: center;
  -webkit-transition: background .1s linear;
  -o-transition: background .1s linear;
  -moz-transition: background .1s linear;
  transition: background .1s linear;
  width: 129px;
  z-index: 2
}

.volcfe-nav-register-btn:hover {
  background: #4080ff
}

.volcfe-nav-account-icon {
  height: 24px;
  width: 24px
}

@media screen and (max-width:1200px) {
  .volcfe-nav-account-icon {
    cursor: pointer
  }
}

@media screen and (min-width:1201px) {
  .volcfe-nav-account-icon {
    margin-right: 28px
  }
}

.volcfe-nav-user-icon {
  margin-right: 20px
}

@media screen and (min-width:1201px) {
  .volcfe-nav-user-icon {
    display: none
  }
}

.volcfe-nav-user-icon[data-login=true] {
  display: block
}

@media screen and (min-width:1201px) {
  .volcfe-nav-user-menu-wrap {
    display: none
  }

  .volcfe-nav-user-menu-wrap[data-active=true] {
    display: block
  }
}

@media screen and (max-width:1200px) {
  .volcfe-nav-user-menu-wrap {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: -999
  }

  .volcfe-nav-user-menu-wrap[data-active=true] {
    height: auto;
    opacity: 1;
    z-index: 1001
  }
}

.volcfe-nav-user-menu-nav {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: #171717;
  border-bottom: 1px solid #171717;
  color: #fff;
  height: var(--appbar-height);
  padding: 0 20px
}

.volcfe-nav-user-menu-logo {
  background-image: url(//portal.volccdn.com/obj/volcfe/logo/appbar_logo_light.2.svg)
}

.volcfe-nav-user-menu {
  background: #fff;
  box-shadow: 0 10px 8px rgba(0, 0, 0, .07);
  left: -98px;
  position: absolute;
  top: 61px;
  width: 140px
}

@media screen and (min-width:1201px) {
  .volcfe-nav-user-menu:after {
    background: transparent;
    content: " ";
    display: block;
    height: 5px;
    position: absolute;
    top: -4px;
    width: 100%;
    z-index: 10
  }
}

@media screen and (max-width:1200px) {
  .volcfe-nav-user-menu {
    background: #1a1d28;
    color: #fff;
    left: 0;
    position: static;
    top: var(--appbar-height);
    width: 100%
  }

  .volcfe-nav-user-menu[data-login=false] {
    padding: 24px 12px
  }
}

.volcfe-nav-user-menu-btn {
  -moz-box-flex: 1;
  display: block;
  -webkit-flex: 1 0;
  flex: 1 0;
  height: 36px;
  line-height: 36px;
  margin: 0 8px;
  text-align: center;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear
}

.volcfe-nav-user-menu-btn:active {
  opacity: .3
}

.volcfe-nav-user-menu-btn[data-type=login] {
  border: 1px solid hsla(0, 0%, 100%, .3)
}

.volcfe-nav-user-menu-btn[data-type=login]:hover {
  border-color: #1664ff
}

.volcfe-nav-user-menu-btn[data-type=signup] {
  background: #1664ff
}

.volcfe-nav-user-menu-btn[data-type=signup]:hover {
  background: #4086ff
}

.volcfe-nav-user-menu-entry {
  cursor: pointer;
  display: block;
  font-family: var(--font-family-400);
  font-weight: 400;
  line-height: 22px
}

.volcfe-nav-user-menu-entry:first-child {
  cursor: default
}

@media screen and (min-width:1201px) {
  .volcfe-nav-user-menu-entry {
    color: #4e5969;
    padding: 0 16px;
    text-align: center
  }

  .volcfe-nav-user-menu-entry:not(:last-child) {
    margin-bottom: 4px
  }

  .volcfe-nav-user-menu-entry:first-child {
    border-bottom: 1px solid #e5e6eb;
    margin-bottom: 16px;
    padding: 12px 16px;
    position: relative
  }

  .volcfe-nav-user-menu-entry:first-child>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .volcfe-nav-user-menu-entry:first-child:hover .volcfe-nav-user-menu-username {
    display: block
  }

  .volcfe-nav-user-menu-entry:first-child,
  .volcfe-nav-user-menu-entry:last-child {
    margin-bottom: 16px
  }
}

@media screen and (max-width:1200px) {
  .volcfe-nav-user-menu-entry {
    border-top: 1px solid hsla(0, 0%, 100%, .05);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: relative
  }

  .volcfe-nav-user-menu-entry:not(:last-child):not(:first-child):after {
    border-bottom: 1px solid hsla(0, 0%, 100%, .4);
    border-right: 1px solid hsla(0, 0%, 100%, .4);
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: 7px
  }
}

.volcfe-nav-user-menu-username {
  background: rgba(29, 33, 41, .5);
  border-radius: 3px;
  color: #fff;
  display: none;
  left: 12px;
  padding: 4px 6px;
  pointer-events: none;
  position: absolute;
  top: 40px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  transition-property: background-color, color
}

.volcfe-nav-mobile-menu {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background: #fff;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1003
}

.volcfe-nav-mobile-menu-nav {
  background: #f5f7fa;
  height: 56px
}

.volcfe-nav-mobile-menu-nav-input {
  -moz-box-flex: 1;
  background: transparent;
  border: none;
  color: #181818;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 14px;
  margin-right: 20px;
  outline: none
}

.volcfe-nav-mobile-menu-nav-close {
  background: #1664ff;
  color: #fff;
  height: 100%;
  width: 64px
}

.volcfe-nav-mobile-menu-list {
  -moz-box-flex: 1;
  background: #fff;
  -webkit-flex: 1 1;
  flex: 1 1;
  overflow-y: auto;
  padding-bottom: 15vh
}

.volcfe-nav-mobile-menu-list::-webkit-scrollbar {
  height: 4px;
  width: 0
}

.volcfe-nav-mobile-menu-list::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 10px
}

.volcfe-nav-mobile-menu-list::-webkit-scrollbar-track {
  background: transparent
}

.volcfe-nav-mobile-menu-list .arco-collapse-item-header-title {
  font-weight: 400 !important
}

.volcfe-nav-mobile-menu-list>.volcfe-nav-mobile-menu-collapse>.arco-collapse-item-active>.arco-collapse-item-header {
  background: #1664ff;
  color: #fff
}

.volcfe-nav-mobile-menu-list>.volcfe-nav-mobile-menu-collapse>.arco-collapse-item-active>.arco-collapse-item-header .arco-icon-caret-right {
  color: #fff
}

.volcfe-nav-mobile-menu-collapse {
  border: 0;
  margin-bottom: 1px
}

.volcfe-nav-mobile-menu-collapse.arco-collapse {
  border-radius: 0
}

.volcfe-nav-mobile-menu-collapse.arco-collapse .arco-collapse-item-icon-hover {
  left: unset;
  right: 25px
}

.volcfe-nav-mobile-menu-collapse.arco-collapse .arco-collapse-item-icon-hover:hover:before {
  background-color: transparent
}

.volcfe-nav-mobile-menu-collapse[data-type=sub] .arco-collapse-item-header {
  background: #f7f8fa
}

.volcfe-nav-mobile-menu-collapse[data-type=sub] .arco-collapse-item-header-title {
  display: block;
  padding-right: 32px;
  width: 100%
}

.volcfe-nav-mobile-menu-collapse[data-type=sub] .arco-collapse-item-icon-hover {
  left: unset;
  right: 36px
}

.volcfe-nav-mobile-menu-collapse .arco-collapse-item-header {
  border-radius: 0;
  font-size: 16px;
  height: 56px;
  padding: 0 32px
}

.volcfe-nav-mobile-menu-collapse .arco-collapse-item-content-box {
  background: #f7f8fa;
  padding: 0
}

.volcfe-nav-mobile-menu-icon,
.volcfe-nav-mobile-menu-item-icon {
  height: 20px;
  margin-right: 16px;
  width: 20px
}

.volcfe-nav-mobile-menu-item-icon {
  display: block
}

.volcfe-nav-mobile-card-wrap {
  background: #ebebeb;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 6px 12px
}

.volcfe-nav-mobile-card {
  background: #f7f7f7;
  color: #15284c;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: .2px;
  margin: 6px 0;
  min-height: 35px;
  padding: 6px;
  text-align: center;
  width: -webkit-calc(50% - 6px);
  width: -moz-calc(50% - 6px);
  width: calc(50% - 6px)
}

.volcfe-nav-mobile-card:nth-child(2n-1) {
  margin-right: 12px
}

.volcfe-nav-mobile-tag {
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  margin-left: 6px;
  margin-top: 1px;
  text-align: center;
  width: 30px
}

.volcfe-nav-mobile-tag[data-type=HOT] {
  background: hsla(5, 88%, 70%, .1);
  color: #f67c71
}

.volcfe-nav-mobile-menu-item {
  color: #15284c !important;
  font-size: 15px;
  height: 56px;
  letter-spacing: .2px;
  opacity: 1 !important;
  padding: 16px 32px
}

.btn-pI6_ {
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.btn-pI6_,
.input-rJPO {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none
}

.input-rJPO {
  display: block;
  padding: 4px 12px;
  -webkit-transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  width: 100%
}

.media-wrap-R2X_ {
  height: inherit;
  width: inherit
}

.mask-cva1 {
  background: rgba(0, 0, 0, .6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000
}

.hidden-H5fh {
  display: none
}

.container-srU0 {
  background: #000;
  height: 608px;
  left: 50%;
  position: absolute;
  top: -webkit-calc(50% + 30px);
  top: -moz-calc(50% + 30px);
  top: calc(50% + 30px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1080px
}

.video-nyvC {
  height: 100%;
  width: 100%
}

.close-button-swhZ {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: var(--color-text-primary);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 36px;
  z-index: 20004
}

.cover-container-d2mn {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.cover-NSLs {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  height: 110%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-5%, -5%);
  -moz-transform: translate(-5%, -5%);
  -o-transform: translate(-5%, -5%);
  transform: translate(-5%, -5%);
  width: 110%;
  z-index: 20001
}

@media screen and (max-width:600px) {
  .container-srU0 {
    max-height: 80%;
    width: 100%
  }

  .video-nyvC {
    max-height: -webkit-calc(100% - 72px);
    max-height: -moz-calc(100% - 72px);
    max-height: calc(100% - 72px);
    -o-object-fit: cover;
    object-fit: cover
  }

  .close-button-swhZ {
    right: 0;
    top: 0
  }
}

.link-color-textPrimary-Co_H,
.link-color-textPrimary-Co_H:active {
  color: var(--color-text-primary)
}

.link-color-textSecondary-EJIo,
.link-color-textSecondary-EJIo:active {
  color: var(--color-text-secondary)
}

.link-color-textTertiary-VoHp,
.link-color-textTertiary-VoHp:active {
  color: var(--color-text-tertiary)
}

.link-color-textPrimary-reverse-mGyu,
.link-color-textPrimary-reverse-mGyu:active {
  color: var(--color-text-primary-reverse)
}

.link-color-textSecondary-reverse-IwtV,
.link-color-textSecondary-reverse-IwtV:active {
  color: var(--color-text-secondary-reverse)
}

.link-color-textTertiary-reverse-P_9F,
.link-color-textTertiary-reverse-P_9F:active {
  color: var(--color-text-tertiary-reverse)
}

.link-color-disabled-bv5i,
.link-color-disabled-bv5i:active {
  color: var(--color-text-disabled)
}

.link-color-disabled-reverse-DMZ_,
.link-color-disabled-reverse-DMZ_:active {
  color: var(--color-text-disabled-reverse)
}

.link-color-inherit-KzL8,
.link-color-inherit-KzL8:active,
.link-color-inherit-KzL8:focus {
  color: inherit
}

.link-javascript-Iqce {
  cursor: pointer
}

@media screen and (max-width:600px) {
  .link-PUTe:active {
    opacity: .6
  }
}

@media screen and (min-width:601px) {
  .init-state-sl2_ {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
  }

  .fade-up-uC3x {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    -moz-transition-property: opacity, transform, -moz-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
    will-change: opacity, transform
  }

  .wrong-way-Bu2o {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
  }
}

.container-V6Wf {
  background: var(--color-primary);
  bottom: 0;
  font-size: 16px;
  height: 60px;
  left: 0;
  padding: 14px 30px;
  position: fixed;
  width: 100vw;
  z-index: 100
}

.content-LWsK {
  color: #fff;
  font-weight: 500;
  letter-spacing: .3px
}

.button-r4I0 {
  background-color: var(--color-primary-reverse);
  border: none;
  color: #1664ff;
  display: block;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  width: 109px
}

.block-u4k8 {
  height: 346px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 9
}

.block-u4k8 img,
.block-u4k8 video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.container-r9U7 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  color: #181818;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative
}

.content_h2-jhi7 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 6px;
  line-height: 40px;
  margin: 0;
  text-align: center
}

.content_desc-ntsS {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 12px 0 24px;
  text-align: center
}

.input-TeW6 {
  background-color: hsla(0, 0%, 100%, .6);
  border-radius: 0;
  display: block;
  font-size: 14px;
  height: 48px;
  line-height: 24px;
  min-width: 298px;
  padding-left: 24px;
  width: 100%
}

.input-TeW6::-webkit-input-placeholder {
  color: hsla(0, 0%, 9%, .5)
}

.input-TeW6::-moz-placeholder {
  color: hsla(0, 0%, 9%, .5)
}

.input-TeW6:-ms-input-placeholder {
  color: hsla(0, 0%, 9%, .5)
}

.input-TeW6::-ms-input-placeholder {
  color: hsla(0, 0%, 9%, .5)
}

.input-TeW6::placeholder {
  color: hsla(0, 0%, 9%, .5)
}

.input-TeW6:hover {
  background-color: hsla(0, 0%, 100%, .9)
}

.button-nj_S {
  background-color: #1664ff;
  border-radius: 0;
  height: 100%;
  min-width: 102px;
  padding: 0
}

.button-nj_S:hover {
  box-shadow: 0 3px 3px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 6px 8px rgba(21, 40, 76, .12)
}

#volcfe-footer {
  background-color: #f7f7f7;
  position: relative
}

.volcfe-footer-pc {
  margin: auto;
  max-width: 1200px
}

@media(max-width:980px) {
  .volcfe-footer-pc {
    display: none
  }
}

@media(min-width:981px) {
  .volcfe-footer-mobile {
    display: none
  }
}

.volcfe-footer-mobile .volcfe-footer-copyright {
  padding: 8px 0
}

.volcfe-footer-copyright {
  border-top: 1px solid #ebebeb;
  color: hsla(0, 0%, 9%, .4);
  font-size: 12px;
  padding: 16px 0;
  text-align: center
}

.volcfe-footer-copyright>* {
  line-height: 20px
}

.volcfe-footer-copyright a {
  color: inherit
}

.volcfe-footer-copyright img {
  display: block;
  margin-right: 2px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 14px
}

html {
  background: #0c1112
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

:root {
  --font-size-big-title: 20px;
  --font-size-big-title-lineheight: 28px;
  --font-size-big-text: 14px;
  --font-size-big-text-lineheight: 22px;
  --font-size-normal-title: 18px;
  --font-size-normal-title-lineheight: 26px;
  --font-size-normal-text: 14px;
  --font-size-normal-text-lineheight: 22px;
  --color-primary: #1664ff;
  --color-secondary: #24292e;
  --color-primary-reverse: #fff;
  --color-secondary-reverse: #fff;
  --color-text-primary: #1d2129;
  --color-text-primary-reverse: hsla(0, 0%, 100%, .9);
  --color-text-secondary: #4e5969;
  --color-text-secondary-reverse: hsla(0, 0%, 100%, .7);
  --color-text-tertiary: #86909c;
  --color-text-tertiary-reverse: hsla(0, 0%, 100%, .5);
  --color-text-disabled: #e6e8eb;
  --color-text-disabled-reverse: hsla(0, 0%, 100%, .3);
  --color-text-white: #fff;
  --color-error: #ff3a3c;
  --color-dividing: #2f333a;
  --color-dividing-reverse: #e5e6eb;
  --color-placeholder: #c2c6cc;
  --color-background-primary: #fff;
  --color-background-secondary: #f7f8fa;
  --color-background-actived: #fdfdfd;
  --color-background-dark: #1d2129;
  --color-border: var(--color-text-disabled);
  --color-border-reverse: var(--color-text-disabled-reverse);
  --appbar-height: 60px;
  --footer-background: #1d2129;
  --spacing-1x: 4px;
  --spacing-2x: 8px;
  --spacing-4x: 16px;
  --spacing-6x: 24px;
  --spacing-8x: 32px;
  --breakpoint-xs: 0;
  --breakpoint-sm: 600;
  --breakpoint-md: 960;
  --breakpoint-lg: 1200;
  --breakpoint-xl: 1920;
  --font-size-h1: 56px;
  --font-size-h2: 36px;
  --font-size-h3: 32px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-h6: 18px;
  --font-size-body1: 16px;
  --font-size-body2: 14px;
  --font-size-caption: 12px;
  --font-lineheight-h1: 64px;
  --font-lineheight-h2: 44px;
  --font-lineheight-h3: 40px;
  --font-lineheight-h4: 32px;
  --font-lineheight-h5: 28px;
  --font-lineheight-h6: 26px;
  --font-lineheight-body1: 24px;
  --font-lineheight-body2: 22px;
  --font-lineheight-caption: 20px;
  --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-family-100: "PingFangSC-Ultralight", "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-family-200: "PingFangSC-Thin", "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-family-300: "PingFangSC-Light", "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-family-400: "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-family-500: "PingFangSC-Medium", "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-family-900: "PingFangSC-Semibold", "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-family-DINAlternate: "DINAlternate-Bold", "Helvetica Neue", arial, helvetica, "SF Pro Text", "SF Pro Icons", "PingFangSC-Regular", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans CN", "STHeiti", "Hiragino Sans GB", sans-serif;
  --shadow-0: none;
  --shadow-1: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-2: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-3: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-4: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-5: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-appbar: 0 2px 10px 0 rgba(0, 0, 0, .04);
  --shadow-dropbox: 0 -1px 4px rgba(21, 40, 76, .06), 0 20px 20px -16px rgba(21, 40, 76, .2), 0 50px 100px -40px rgba(50, 50, 76, .14);
  --appbar-z-index: 1100;
  --primary-color: var(--color-primary);
  --primary-color-hover: #4086ff;
  --primary-color-focus: #ccdbff;
  --success-color: #0fbf60;
  --success-color-hover: #14ed78;
  --info-color: var(--color-primary);
  --info-color-hover: #6694ff;
  --warning-color: #ff8b07;
  --warning-color-hover: #ffa33a;
  --danger-color: #ee4d38;
  --danger-color-hover: #f27767;
  --danger-color-focus: #facbc5;
  --disabled-color: #f5f6f7;
  --font-color: #1d2129;
  --border-radius: 0
}

.arco-col-50 {
  width: 20%
}

.arco-cascader-view,
.arco-cascader-view-placeholder {
  line-height: 1
}

.arco-checkbox-group .arco-checkbox {
  margin-bottom: 12px;
  margin-right: 24px
}

.arco-input:not([disabled]).arco-input:active,
.arco-input:not([disabled]).arco-input:focus,
.arco-input:not([disabled]).arco-textarea:active,
.arco-input:not([disabled]).arco-textarea:focus,
.arco-textarea:not([disabled]).arco-input:active,
.arco-textarea:not([disabled]).arco-input:focus,
.arco-textarea:not([disabled]).arco-textarea:active,
.arco-textarea:not([disabled]).arco-textarea:focus {
  box-shadow: none
}

.arco-tooltip[trigger-placement=top] .arco-tooltip-arrow {
  background: transparent;
  border: 4px solid transparent;
  border-top-color: rgba(57, 63, 86, .7);
  bottom: -8px;
  height: 0;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  width: 0
}

.xgplayer .xgplayer-controls,
.xgplayer .xgplayer-progress {
  background: #000 !important
}

input::-webkit-input-placeholder {
  color: #c2c6cc;
  color: var(--color-placeholder);
  line-height: 1rem
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: #c2c6cc;
  color: var(--color-placeholder)
}

input:-ms-input-placeholder {
  color: #c2c6cc;
  color: var(--color-placeholder)
}

/* body a {
  color: #3370ff;
  color: #1664ff;
  color: var(--primary-color)
} */

/* a,
body a {
  text-decoration: none
} */

p {
  margin-bottom: 1em;
  margin-top: 0
}

@media screen and (max-width:600px) {
  :root {
    --appbar-height: 48px;
    --color-background-secondary: #f9f9f9
  }

  .arco-checkbox-inner-text,
  .arco-input-group-wrapper .arco-input-group .arco-input-inner-wrapper .arco-input {
    font-size: 12px
  }
}

.arco-modal {
  border-radius: 0
}

.arco-modal-simple .arco-modal-header {
  text-align: center
}

.arco-modal-header {
  border-bottom: 0;
  padding: 28px 28px 0;
  text-align: left
}

.arco-modal-header .arco-modal-title {
  text-align: inherit
}

.arco-modal-content {
  padding: 20px 28px 28px
}

.arco-modal-footer {
  border-top: 0;
  padding: 0 28px 28px
}

.arco-icon {
  height: 16px;
  width: 16px
}

.arco-icon-hover:before {
  height: 25px;
  width: 25px
}

.volcfe-footer-content-pc {
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  padding: 60px 40px
}

.volcfe-footer-friend-link-list {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 0 60px;
  width: 168px
}

.volcfe-footer-friend-link {
  background-color: #ebebeb;
  border-radius: 50%;
  height: 32px;
  margin: 0 10px 10px 0;
  width: 32px
}

.volcfe-footer-friend-link-img {
  height: 20px;
  width: 20px
}

.volcfe-footer-qrcode-item {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  color: hsla(0, 0%, 9%, .7);
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  margin-right: 16px
}

.volcfe-footer-qrcode {
  background-color: #fff;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 64px;
  margin-bottom: 12px;
  padding: 8px;
  width: 64px
}

.volcfe-pc-menu-wrap {
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 50px;
  width: 50%
}

.volcfe-pc-menu-title {
  color: #181818;
  font-size: 14px;
  font-weight: 500
}

.volcfe-pc-menu {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 16px
}

.volcfe-pc-menu-link {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 14px
}

.volcfe-pc-menu-link,
.volcfe-pc-menu-link a {
  color: hsla(0, 0%, 9%, .8)
}

.volcfe-pc-menu-link a:hover {
  color: #4086ff
}

.container-gjHL {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-background-primary);
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 120px
}

.actions-fCPF,
.container-gjHL {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.actions-fCPF {
  margin-top: 24px
}

.link-OIwn {
  cursor: pointer;
  padding: 0 4px
}

.img-isN4 {
  height: 225px;
  margin: 120px auto 12px;
  width: 225px
}

.subtitle-nIwV,
.title-TONq {
  letter-spacing: .3px
}

.title-TONq {
  color: var(--color-text-primary);
  font-family: var(--font-family-400);
  font-size: var(--font-size-h6);
  font-weight: 400;
  line-height: var(--font-lineheight-h6);
  margin-bottom: 8px
}

.subtitle-nIwV {
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
  font-weight: 400;
  line-height: var(--font-lineheight-caption)
}

.button-EkGS {
  border: 1px solid transparent;
  border-radius: var(--border-radius-small);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  height: 36px;
  margin: 0 9px;
  min-width: 120px;
  padding: 0 31px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.button-EkGS:active {
  opacity: .3
}

.button-EkGS.primary-wS3e {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff
}

.button-EkGS.primary-wS3e:hover {
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-hover)
}

.button-EkGS.secondary-Uyyt {
  background-color: #fff;
  border-color: #e6e8eb;
  color: var(--color-text-2)
}

.button-EkGS.secondary-Uyyt:hover {
  border-color: var(--primary-color);
  color: var(--primary-color)
}

@media screen and (max-width:990px) {
  .volcfe-sidebar-pc {
    display: none
  }

  .volcfe-sidebar-mobile {
    display: block
  }

  #volcfe-sidebar-wrap {
    bottom: 96px;
    right: 12px
  }
}

@media screen and (min-width:991px) {
  .volcfe-sidebar-pc {
    display: block
  }

  .volcfe-sidebar-mobile {
    display: none
  }

  #volcfe-sidebar-wrap {
    bottom: 90px;
    right: 39px
  }
}

#volcfe-sidebar-wrap {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: fixed;
  width: 48px;
  z-index: 699
}

#volcfe-sidebar-wrap .volcfe-sidebar-pcMenu {
  -webkit-transform: translateX(-320px);
  -moz-transform: translateX(-320px);
  -o-transform: translateX(-320px);
  transform: translateX(-320px)
}

#volcfe-sidebar-wrap .volcfe-sidebar-pcMenu .arco-popover-content {
  border-radius: 8px;
  height: 100%;
  padding: 5px 8px 0;
  width: 288px
}

#volcfe-sidebar-wrap .volcfe-sidebar-mobileMenu {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px)
}

#volcfe-sidebar-wrap .volcfe-sidebar-mobileMenu .arco-popover-content {
  border-radius: 8px;
  height: 100%;
  padding: 5px 8px 0;
  -webkit-transform: translateX(-180px);
  -moz-transform: translateX(-180px);
  -o-transform: translateX(-180px);
  transform: translateX(-180px);
  width: 228px
}

#volcfe-sidebar-wrap .volcfe-sidebar-pictureMenu {
  -webkit-transform: translateX(-189px);
  -moz-transform: translateX(-189px);
  -o-transform: translateX(-189px);
  transform: translateX(-189px)
}

#volcfe-sidebar-wrap .volcfe-sidebar-pictureMenu .arco-popover-content {
  border-radius: 8px;
  height: 100%;
  padding: 16px;
  width: 157px
}

.volcfe-sidebar-img-link {
  height: 154px
}

.volcfe-sidebar-img-link img {
  pointer-events: none
}

.volcfe-sidebar-img-link:hover .volcfe-sidebar-img-link-bg {
  opacity: .7
}

.volcfe-sidebar-img-link-bg {
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width: 100%
}

.volcfe-sidebar-img-link-text {
  height: 114px;
  position: absolute;
  top: 17px;
  width: 20px
}

.volcfe-sidebar-cell-wrap {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .03);
  color: #80838a;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 12px;
  min-height: 48px;
  overflow: hidden;
  padding-top: 18px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 48px;
  z-index: 0
}

.volcfe-sidebar-cell-wrap.topcell {
  background: -webkit-gradient(linear, left top, left bottom, from(#a479ff), to(#599cff));
  background: -webkit-linear-gradient(top, #a479ff, #599cff);
  background: -moz-linear-gradient(top, #a479ff 0, #599cff 100%);
  background: linear-gradient(180deg, #a479ff, #599cff);
  color: #fff;
  margin-top: 0;
  padding: 14px 0
}

.volcfe-sidebar-cell-wrap.topcell:hover .volcfe-sidebar-topcell-bg {
  opacity: 0
}

.volcfe-sidebar-topcell-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#8a53ff), to(#1f78ff));
  background: -webkit-linear-gradient(top, #8a53ff, #1f78ff);
  background: -moz-linear-gradient(top, #8a53ff 0, #1f78ff 100%);
  background: linear-gradient(180deg, #8a53ff, #1f78ff);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: -1
}

.volcfe-sidebar-topcell-text {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 9px;
  width: 14px
}

.volcfe-sidebar-secondcell-item {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 18px;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  -moz-transition: color .3s ease;
  transition: color .3s ease
}

.volcfe-sidebar-secondcell-item:hover {
  color: #1664ff
}

.volcfe-sidebar-secondcell-text {
  font-family: PingFang SC;
  font-size: 11px;
  font-weight: 400;
  height: 20px;
  line-height: 22px;
  width: 24px
}

.volcfe-sidebar-icon-small {
  height: 21px;
  width: 21px
}

.volcfe-sidebar-icon-middle {
  height: 24px;
  width: 24px
}

.volcfe-sidebar-menu-item {
  border-radius: 2px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 56px;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.volcfe-sidebar-menu-item:hover {
  background-color: #f6f8fa
}

.volcfe-sidebar-menu-item:hover .volcfe-sidebar-menu-icon-wrap {
  background-color: #fff
}

.volcfe-sidebar-menu-item:hover [class^=volcfe-sidebar-icon] {
  color: #1664ff
}

.volcfe-sidebar-menu-item:hover .volcfe-sidebar-menu-rightarrow-wrap .right-arrow {
  color: #1664ff
}

.volcfe-sidebar-menu-icon-wrap {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f1f3f5;
  border-radius: 18px;
  color: #80838a;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 10px;
  width: 36px
}

.volcfe-sidebar-menu-text-wrap {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: space-evenly;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: PingFang SC;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  padding: 7px 0
}

.volcfe-sidebar-menu-text-wrap .volcfe-sidebar-title {
  color: #020814;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.volcfe-sidebar-menu-text-wrap .volcfe-sidebar-subtitle {
  color: #41464f;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.volcfe-sidebar-menu-text-wrap .volcfe-sidebar-subtitle .volcfe-sidebar-highlight {
  color: #1664ff
}

.volcfe-sidebar-menu-rightarrow-wrap {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30px
}

.volcfe-sidebar-rightarrow {
  border-right: 1.5px solid;
  border-top: 1.5px solid;
  color: #ccced0;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px
}

@media screen and (max-width:600px) {
  .volcfe-sidebar-rightarrow {
    color: #80838a
  }
}

.volcfe-sidebar-picture-menu-inner {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.volcfe-sidebar-picture-menu-inner .volcfe-sidebar-title {
  color: #020814;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.volcfe-sidebar-picture-menu-inner .volcfe-sidebar-subtitle {
  color: #41464f;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 8px;
  margin-top: 4px
}

.volcfe-sidebar-picture-menu-inner .volcfe-sidebar-image {
  background-color: #f1f3f5;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  height: 125px;
  width: 125px
}

.volcfe-sidebar-mobile-cell {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #1664ff;
  border-radius: 24px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 48px
}

.volcfe-sidebar-mobile-cell [class^=volcfe-sidebar-icon] {
  color: #fff
}

#volcfe-sidebar-linkchat {
  border-radius: 4px;
  bottom: 18px;
  overflow: hidden;
  pointer-events: auto;
  position: fixed;
  right: 24px;
  z-index: 3000
}

#volcfe-sidebar-linkchat>iframe {
  height: 65vh !important;
  max-height: 580px !important
}

.volcfe-sidebar-scrolltop-wrap {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  bottom: -65px;
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .03);
  color: #80838a;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 48px
}

.volcfe-sidebar-scrolltop-wrap:hover {
  color: #1664ff
}

.volcfe-sidebar-clickable {
  cursor: pointer
}

.volcfe-footer-mobile .arco-collapse.arco-collapse-borderless {
  border-radius: 0
}

.volcfe-footer-mobile .arco-collapse-item:last-child {
  border-bottom: 1px solid var(--color-neutral-3)
}

.volcfe-footer-mobile .arco-collapse-item-header {
  background-color: #f7f7f7;
  height: 50px;
  padding: 16px 30px 16px 32px
}

.volcfe-footer-mobile .arco-collapse-item-content-box {
  padding: 0
}

.volcfe-footer-mobile .arco-collapse-item-content {
  background-color: #ebebeb;
  color: #181818
}

.volcfe-footer-mobile .arco-collapse-item-content a {
  color: #181818;
  display: block;
  font-size: 12px;
  height: 49px;
  letter-spacing: .18px;
  padding: 16px 32px
}

.volcfe-footer-contact-mobile {
  padding: 0 30px
}

.volcfe-footer-contact-mobile-title {
  letter-spacing: .18px;
  padding: 16px 0
}

.volcfe-footer-contact-mobile-link>* {
  color: #181818;
  font-size: 12px
}

.volcfe-footer-qrcode-mobile-wrap {
  margin: 24px 0
}

.volcfe-footer-qrcode-mobile {
  height: 60px;
  margin-right: 10px;
  width: 60px
}

.volcfe-footer-friend-link-mobile-wrap {
  border-top: 1px solid hsla(0, 0%, 9%, .05);
  font-size: 12px;
  height: 50px;
  padding: 0 30px
}

.volcfe-footer-friend-link-mobile-title {
  color: hsla(0, 0%, 9%, .4);
  margin-right: 20px
}

.volcfe-footer-friend-link-mobile-list {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1
}

.volcfe-footer-friend-link-mobile-link {
  color: hsla(0, 0%, 9%, .6);
  font-size: 12px;
  letter-spacing: .18px
}

.index-module__anchor-container--ECbbP {
  height: 0;
  overflow: hidden
}

.index-module__anchor-content--iLw06 {
  height: var(--appbar-height);
  position: relative;
  width: 100%
}

@-webkit-keyframes index-module__move-up--4lE79 {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-moz-keyframes index-module__move-up--4lE79 {
  0% {
    -moz-transform: translateY(60px);
    transform: translateY(60px)
  }

  to {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
}

.index-module__anchor-content-affix--d5VCa {
  display: block;
  height: var(--appbar-height);
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 800
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-link--U7Lj-+.index-module__anchor-link--U7Lj- {
  margin-left: 40px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-container--ECbbP {
  height: 0;
  overflow: hidden
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-content--iLw06 {
  height: var(--appbar-height);
  position: relative;
  width: 100%
}

@keyframes index-module__move-up--4lE79 {
  0% {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px)
  }

  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-content-affix--d5VCa {
  display: block;
  height: var(--appbar-height);
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 800
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-content--mJ6i4 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-animation: index-module__move-up--4lE79 .3s;
  -moz-animation: index-module__move-up--4lE79 .3s;
  animation: index-module__move-up--4lE79 .3s;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: var(--appbar-height);
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-hidden--UzUMF {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-hidden--UzUMF {
  top: var(--appbar-height)
}

@media screen and (max-width:600px) {
  .index-module__anchor-content-affix--d5VCa .index-module__anchor-link--U7Lj- {
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-link--U7Lj-:last-child {
    padding-right: 12px
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-link--U7Lj-+.index-module__anchor-link--U7Lj- {
    margin-left: 20px
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-content--mJ6i4 {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar {
    height: 0;
    width: 0
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
    box-shadow: inset 0 0 5px transparent;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .12);
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    transition: all .3s
  }
}

.index-module__anchor-affix-content--mJ6i4 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-animation: index-module__move-up--4lE79 .3s;
  -moz-animation: index-module__move-up--4lE79 .3s;
  animation: index-module__move-up--4lE79 .3s;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: var(--appbar-height);
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%
}

.index-module__anchor-affix-hidden--UzUMF {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none
}

.index-module__anchor-content-affix--d5VCa .index-module__anchor-affix-hidden--UzUMF {
  top: var(--appbar-height)
}

@media screen and (max-width:600px) {
  .index-module__anchor-link--U7Lj- {
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .index-module__anchor-link--U7Lj-:last-child {
    padding-right: 12px
  }

  .index-module__anchor-link--U7Lj-+.index-module__anchor-link--U7Lj- {
    margin-left: 20px
  }

  .index-module__anchor-affix-content--mJ6i4 {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }

  .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar {
    height: 0;
    width: 0
  }

  .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
    box-shadow: inset 0 0 5px transparent;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .index-module__anchor-affix-content--mJ6i4::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .12);
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    transition: all .3s
  }
}

.index-module__link-color-textPrimary--NyMQM,
.index-module__link-color-textPrimary--NyMQM:active {
  color: var(--color-text-primary)
}

.index-module__link-color-textSecondary--mF84e,
.index-module__link-color-textSecondary--mF84e:active {
  color: var(--color-text-secondary)
}

.index-module__link-color-textTertiary--F0X4A,
.index-module__link-color-textTertiary--F0X4A:active {
  color: var(--color-text-tertiary)
}

.index-module__link-color-textPrimary-reverse--3Hiqz,
.index-module__link-color-textPrimary-reverse--3Hiqz:active {
  color: var(--color-text-primary-reverse)
}

.index-module__link-color-textSecondary-reverse--kkTny,
.index-module__link-color-textSecondary-reverse--kkTny:active {
  color: var(--color-text-secondary-reverse)
}

.index-module__link-color-textTertiary-reverse--19\+hL,
.index-module__link-color-textTertiary-reverse--19\+hL:active {
  color: var(--color-text-tertiary-reverse)
}

.index-module__link-color-disabled--2czvh,
.index-module__link-color-disabled--2czvh:active {
  color: var(--color-text-disabled)
}

.index-module__link-color-disabled-reverse--FRdCi,
.index-module__link-color-disabled-reverse--FRdCi:active {
  color: var(--color-text-disabled-reverse)
}

.index-module__link-color-inherit--sXKYD,
.index-module__link-color-inherit--sXKYD:active,
.index-module__link-color-inherit--sXKYD:focus {
  color: inherit
}

.index-module__link-javascript--bt548 {
  cursor: pointer
}

@media screen and (max-width:600px) {
  .index-module__link--BFf3w:active {
    opacity: .6
  }
}

.index-module__container-default-md--IQ7RN {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  width: 1200px
}

.index-module__container-full-md--vWyTM {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-width: 960px;
  width: 100%
}

.index-module__container-default-sm--8IMdU {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  width: 960px
}

.index-module__container-left-md--UwxRr {
  padding: 0 0 0 calc(50% - 600px);
  position: relative
}

.index-module__container-left-sm--AxeZi {
  padding: 0 0 0 calc(50% - 480px);
  position: relative
}

@media screen and (max-width:1280px) {
  .index-module__container-default-md--IQ7RN {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 960px
  }

  .index-module__container-left-md--UwxRr {
    padding: 0 0 0 calc(50% - 480px);
    position: relative
  }

  .index-module__container-default-grow--e2R7A {
    width: 1100px
  }
}

@media screen and (min-width:1440px) {
  .index-module__container-default-grow--e2R7A {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10%;
    width: 100%
  }

  .index-module__container-left-grow--5Bnn7 {
    padding: 0 0 0 10%;
    position: relative
  }
}

@media screen and (max-width:600px) {
  .index-module__container-default-md--IQ7RN {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%
  }

  .index-module__container-full-md--vWyTM {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    width: 100%
  }
}

.arco-btn.index-module__button--QlHDT {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  min-width: 120px;
  padding: 0 31px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.arco-btn.index-module__button--QlHDT.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled) {
  background-color: var(--primary-color);
  border-color: var(--primary-color)
}

.arco-btn.index-module__button--QlHDT.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled):active,
.arco-btn.index-module__button--QlHDT.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
  color: #fff
}

.arco-btn.index-module__button--QlHDT:not(.arco-btn-loading):not(.arco-btn-disabled) {
  background-color: #fff;
  border-color: #e6e8eb
}

.arco-btn.index-module__button--QlHDT:not(.arco-btn-loading):not(.arco-btn-disabled):active {
  opacity: .3
}

.arco-btn.index-module__button--QlHDT:not(.arco-btn-loading):not(.arco-btn-disabled):active,
.arco-btn.index-module__button--QlHDT:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
  background-color: #fff;
  border-color: var(--primary-color);
  color: var(--primary-color)
}

@media screen and (max-width:600px) {
  .arco-btn.index-module__button--QlHDT {
    font-size: 13px;
    height: 30px;
    min-width: 86px;
    padding: 0 13px
  }

  .arco-btn.index-module__button--QlHDT:active {
    opacity: 1
  }
}

.arco-btn.index-module__button--QlHDT.arco-btn-text {
  border: none
}

.arco-btn.index-module__button--QlHDT.arco-btn-text:not(.arco-btn-disabled),
.arco-btn.index-module__button--QlHDT.arco-btn-text:not(.arco-btn-disabled):active,
.arco-btn.index-module__button--QlHDT.arco-btn-text:not(.arco-btn-disabled):hover {
  background-color: transparent
}

.arco-btn.index-module__arco-btn-primary-reverse--et10l:not(.arco-btn-loading):not(.arco-btn-disabled) {
  background: var(--color-primary-reverse);
  border-color: var(--color-border-reverse);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color-primary)
}

.arco-btn.index-module__arco-btn-primary-reverse--et10l:not(.arco-btn-disabled):not(.arco-btn-loading):focus,
.arco-btn.index-module__arco-btn-primary-reverse--et10l:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: #f5f5f5;
  border-color: var(--color-border-reverse)
}

.arco-btn.index-module__arco-btn-primary-reverse--et10l:not(.arco-btn-disabled):not(.arco-btn-loading):after {
  background: rgba(0, 0, 0, .1);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: -1px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1
}

.arco-btn.index-module__arco-btn-primary-reverse--et10l:not(.arco-btn-disabled):not(.arco-btn-loading):after:hover {
  opacity: 1
}

.arco-btn.index-module__arco-btn-default-outlined--nP2kx:not(.arco-btn-loading):not(.arco-btn-disabled) {
  background-color: transparent;
  border: 1px solid var(--color-border-reverse);
  color: var(--color-text-secondary-reverse)
}

.arco-btn.index-module__arco-btn-default-outlined--nP2kx:not(.arco-btn-loading):not(.arco-btn-disabled):active,
.arco-btn.index-module__arco-btn-default-outlined--nP2kx:not(.arco-btn-loading):not(.arco-btn-disabled):focus,
.arco-btn.index-module__arco-btn-default-outlined--nP2kx:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
  background-color: transparent;
  border-color: var(--primary-color);
  color: var(--primary-color)
}

.arco-btn.index-module__arco-btn-default-reverse-outlined--DKn2j:not(.arco-btn-loading):not(.arco-btn-disabled) {
  background: transparent !important;
  border: 1px solid #fff;
  color: #fff
}

.arco-btn.index-module__arco-btn-default-reverse-outlined--DKn2j:not(.arco-btn-disabled):not(.arco-btn-loading):active,
.arco-btn.index-module__arco-btn-default-reverse-outlined--DKn2j:not(.arco-btn-disabled):not(.arco-btn-loading):focus,
.arco-btn.index-module__arco-btn-default-reverse-outlined--DKn2j:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  border-color: #e5e5e5;
  color: #e5e5e5
}

.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled),
.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary {
  border: none;
  color: var(--color-primary-reverse)
}

.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled),
.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary,
.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary:not(.arco-btn-loading):hover,
.arco-btn.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-loading):not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background-color: var(--color-primary)
}

.index-module__arco-btn-primary-shadow--l8akm:active {
  box-shadow: 0 1px 2px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 2px 3px rgba(21, 40, 76, .12);
  opacity: 1;
  -webkit-transform: scale(.99);
  -moz-transform: scale(.99);
  -o-transform: scale(.99);
  transform: scale(.99)
}

.index-module__arco-btn-primary-shadow--l8akm:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background-color: #3277ff;
  box-shadow: 0 3px 3px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 6px 8px rgba(21, 40, 76, .12);
  color: #fff
}

.index-module__arco-btn-transparent-shadow--zn0rD:not(.arco-btn-disabled) {
  background: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary)
}

.index-module__arco-btn-transparent-shadow--zn0rD:active {
  box-shadow: 0 1px 2px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 2px 3px rgba(21, 40, 76, .12);
  opacity: 1;
  -webkit-transform: scale(.99);
  -moz-transform: scale(.99);
  -o-transform: scale(.99);
  transform: scale(.99)
}

.index-module__arco-btn-transparent-shadow--zn0rD:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 3px 3px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 6px 8px rgba(21, 40, 76, .12);
  color: #3277ff
}

.index-module__container--hQhO8 {
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__typography---vlL5 {
  border: 0;
  color: inherit;
  font-weight: 400;
  letter-spacing: .3px;
  margin: 0;
  padding: 0
}

.index-module__typography-font-size-100--75gxn {
  font-family: var(--font-family-100);
  font-weight: 100
}

.index-module__typography-font-size-200--0j8SO {
  font-family: var(--font-family-200);
  font-weight: 200
}

.index-module__typography-font-size-300--xp3hk {
  font-family: var(--font-family-300);
  font-weight: 300
}

.index-module__typography-font-size-400--ouuf- {
  font-family: var(--font-family-400);
  font-weight: 400
}

.index-module__typography-font-size-500--\+EdOa {
  font-family: var(--font-family-500);
  font-weight: 500
}

.index-module__typography-font-size-900--GkWlJ {
  font-family: var(--font-family-900);
  font-weight: 900
}

.index-module__typography-h1--mn5tz {
  font-size: var(--font-size-h1);
  line-height: var(--font-lineheight-h1)
}

.index-module__typography-h2--xkjpt {
  font-size: var(--font-size-h2);
  line-height: var(--font-lineheight-h2)
}

.index-module__typography-h3--e5hrP {
  font-size: var(--font-size-h3);
  line-height: var(--font-lineheight-h3)
}

.index-module__typography-h4--VqID5 {
  font-size: var(--font-size-h4);
  line-height: var(--font-lineheight-h4)
}

.index-module__typography-h5--q4eYc {
  font-size: var(--font-size-h5);
  line-height: var(--font-lineheight-h5)
}

.index-module__typography-h6---R-UX {
  font-size: var(--font-size-h6);
  line-height: var(--font-lineheight-h6)
}

.index-module__typography-body1--NPTMm {
  font-size: var(--font-size-body1);
  line-height: var(--font-lineheight-body1)
}

.index-module__typography-body2--R0WFj {
  font-size: var(--font-size-body2);
  line-height: var(--font-lineheight-body2)
}

.index-module__typography-caption--2zMkp {
  font-size: var(--font-size-caption);
  line-height: var(--font-lineheight-caption)
}

.index-module__typography-color-error--rQ-Xp {
  color: var(--color-error)
}

.index-module__typography-color-primary--HhJ3O {
  color: var(--color-primary)
}

.index-module__typography-color-textPrimary--oBnvw {
  color: var(--color-text-primary)
}

.index-module__typography-color-textSecondary--EDpmn {
  color: var(--color-text-secondary)
}

.index-module__typography-color-textTertiary--9w-O2 {
  color: var(--color-text-tertiary)
}

.index-module__typography-color-textPrimary-reverse--WdcRS {
  color: var(--color-text-primary-reverse)
}

.index-module__typography-color-white--SU0BT {
  color: var(--color-text-white)
}

.index-module__typography-color-textSecondary-reverse--PugPk {
  color: var(--color-text-secondary-reverse)
}

.index-module__typography-color-textTertiary-reverse---saWn {
  color: var(--color-text-tertiary-reverse)
}

.index-module__typography-color-disabled--4mUWO {
  color: var(--color-text-disabled)
}

.index-module__typography-color-disabled-reverse--OnmJa {
  color: var(--color-text-disabled-reverse)
}

.index-module__typography-color-inherit--ScwGg {
  color: inherit
}

.index-module__typography-align-inherit--la7S0 {
  text-align: inherit
}

.index-module__typography-align-justify--3mc7E {
  text-align: justify
}

.index-module__typography-align-left--HLbIf {
  text-align: left
}

.index-module__typography-align-center--pczhU {
  text-align: center
}

.index-module__typography-align-right--hg6IX {
  text-align: right
}

.index-module__typography-noWarp--2M8iX {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.index-module__normal-hidden--MKKEN {
  display: none
}

@media screen and (max-width:600px) {
  .index-module__normal-hidden--MKKEN {
    display: inline
  }

  .index-module__sm-hidden--SJkt0 {
    display: none
  }

  .index-module__typography-sm-h1--JGClL {
    font-size: var(--font-size-h1);
    line-height: var(--font-lineheight-h1)
  }

  .index-module__typography-sm-h2--kM74H {
    font-size: var(--font-size-h2);
    line-height: var(--font-lineheight-h2)
  }

  .index-module__typography-sm-h3--GERR2 {
    font-size: var(--font-size-h3);
    line-height: var(--font-lineheight-h3)
  }

  .index-module__typography-sm-h4--mBw\+u {
    font-size: var(--font-size-h4);
    line-height: var(--font-lineheight-h4)
  }

  .index-module__typography-sm-h5--14dyl {
    font-size: var(--font-size-h5);
    line-height: var(--font-lineheight-h5)
  }

  .index-module__typography-sm-h6--m34hP {
    font-size: var(--font-size-h6);
    line-height: var(--font-lineheight-h6)
  }

  .index-module__typography-sm-body1--mxWAd {
    font-size: var(--font-size-body1);
    line-height: var(--font-lineheight-body1)
  }

  .index-module__typography-sm-body2--MSD1n {
    font-size: var(--font-size-body2);
    line-height: var(--font-lineheight-body2)
  }

  .index-module__typography-sm-caption--xHz50 {
    font-size: var(--font-size-caption);
    line-height: var(--font-lineheight-caption)
  }
}

.index-module__fonts--ParHm {
  font-family: var(--font-family-DINAlternate)
}

.index-module__divider--3xMb6 {
  width: 100%
}

.index-module__divider-solid--L3FRe {
  border-bottom: 1px solid var(--color-dividing-reverse)
}

.index-module__divider-dashed--hlvyw {
  border-bottom: 1px dashed var(--color-dividing-reverse)
}

.index-module__container--TsGD\+ {
  overflow: hidden;
  position: relative
}

.index-module__typography--a9sGl {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: height .3s ease;
  -o-transition: height .3s ease;
  -moz-transition: height .3s ease;
  transition: height .3s ease
}

.index-module__typography-grow--59TK5 {
  display: block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset
}

.index-module__shadow-typography--sBoL2 {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.index-module__icon--6rPPV {
  fill: currentColor;
  -moz-box-flex: 0;
  display: inline-block;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  vertical-align: -5px
}

.index-module__icon-color-primary--vugS5 {
  fill: var(--color-primary)
}

.index-module__icon-color-secondary--slBJ2 {
  fill: var(--color-secondary)
}

.index-module__icon-color-textPrimary--1ZOZo {
  fill: var(--color-text-primary)
}

.index-module__icon-color-textSecondary--F3\+Mw {
  fill: var(--color-text-secondary)
}

.index-module__icon-color-textTertiary--52ztZ {
  fill: var(--color-text-tertiary)
}

.index-module__icon-color-textPrimary-reverse--oIRx7 {
  fill: var(--color-text-primary-reverse)
}

.index-module__icon-color-textSecondary-reverse--zRbUh {
  fill: var(--color-text-secondary-reverse)
}

.index-module__icon-color-textTertiary-reverse--W1tm5 {
  fill: var(--color-text-tertiary-reverse)
}

.index-module__icon-color-disabled--IAvuk {
  fill: var(--color-text-disabled)
}

.index-module__icon-color-disabled-reverse--qL3AJ {
  fill: var(--color-text-disabled-reverse)
}

.index-module__icon-color-inherit--ALXbY {
  fill: inherit
}

.index-module__icon-color-none--P5zhp {
  fill: none
}

.index-module__image--b1sgs {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.index-module__container--vFXW\+ {
  overflow: hidden;
  position: relative
}

.index-module__image--oHkq7 {
  display: block;
  height: 100%
}

.index-module__image-container--5iMCw {
  height: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.index-module__content--yOluG {
  position: relative
}

.index-module__anchor--xx-nD {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%
}

.index-module__anchor--xx-nD .arco-affix {
  background: #fff;
  overflow: hidden;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  z-index: 10001
}

.index-module__anchor-hidden--HA6JJ {
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px)
}

.index-module__anchor--xx-nD .arco-anchor-line {
  display: none
}

.index-module__anchor--xx-nD .arco-anchor-list {
  margin: 0;
  padding: 0
}

.index-module__anchor--xx-nD .arco-anchor-link {
  margin-bottom: 0;
  margin-right: 60px
}

.index-module__anchor--xx-nD .arco-anchor-link>a {
  color: var(--color-text-secondary);
  font-size: var(--font-size-body1)
}

.index-module__anchor--xx-nD .arco-anchor-link>a.is-active,
.index-module__anchor--xx-nD .arco-anchor-link>a:hover {
  color: var(--color-primary);
  font-size: var(--font-size-body1)
}

.index-module__anchor-container--E\+JmW {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__title--um\+vR {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease
}

.index-module__block-contrainer--wMmhj {
  position: relative
}

.index-module__hidden-anchor--FtNjO {
  height: 100%;
  margin-top: -58px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%
}

@media screen and (max-width:600px) {
  .index-module__title--um\+vR {
    color: var(--color-text-primary)
  }
}

.index-module__paper-background-light--\+a8mW {
  background: var(--color-background-primary)
}

.index-module__paper-background-default--iD6rQ {
  background: #fafafa
}

.index-module__paper-background-dark--2dUWN {
  background: var(--color-text-primary)
}

.index-module__mask--lo\+av {
  background: rgba(0, 0, 0, .6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000
}

.index-module__hidden--tUh8i {
  display: none
}

.index-module__container--PUiJY {
  background: #000;
  height: 540px;
  top: -moz-calc(50% + 30px);
  top: calc(50% + 30px);
  width: 960px
}

.index-module__container--PUiJY,
.index-module__video--1RE\+D {
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.index-module__video--1RE\+D {
  height: 100%;
  top: 50%;
  width: 100%;
  z-index: 20002
}

.index-module__close-button--9Ge9W {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: var(--color-text-primary);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 36px;
  z-index: 20004
}

.index-module__cover-container--fkCHY {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.index-module__cover--IFZ\+7 {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  height: 110%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-5%, -5%);
  -moz-transform: translate(-5%, -5%);
  -o-transform: translate(-5%, -5%);
  transform: translate(-5%, -5%);
  width: 110%;
  z-index: 20001
}

@media screen and (max-width:600px) {
  .index-module__container--PUiJY {
    max-height: 80%;
    width: 100%
  }

  .index-module__video--1RE\+D {
    max-height: -moz-calc(100% - 72px);
    max-height: calc(100% - 72px);
    -o-object-fit: cover;
    object-fit: cover
  }

  .index-module__close-button--9Ge9W {
    right: 0;
    top: 0
  }
}

.index-module__search-bar--Bxwv- {
  padding: 22px 40px
}

.index-module__search-button--ByADR {
  height: 40px;
  padding: 0 8px;
  width: 40px
}

@media screen and (max-width:600px) {
  .index-module__search-bar--Bxwv- {
    padding: 20px
  }

  .index-module__search-button--ByADR {
    height: 36px;
    padding: 0 8px;
    width: 36px
  }
}

.index-module__card--WOdZ6 {
  -moz-box-pack: start;
  -moz-box-align: start;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-radius: 3px;
  color: var(--color-text-primary);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 12px 16px;
  position: relative;
  -webkit-transition: all .45s ease;
  -o-transition: all .45s ease;
  -moz-transition: all .45s ease;
  transition: all .45s ease
}

.index-module__card--WOdZ6 .index-module__titleLine--qWzT2 {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__card--WOdZ6 .index-module__tag--L6vcW {
  border-radius: 3px;
  margin-left: 8px;
  padding: 1px 4px
}

.index-module__card--WOdZ6 .index-module__desc--k\+jlG {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.index-module__card--WOdZ6 .index-module__hot--CO25a {
  background-color: #ffe8e8;
  color: var(--color-error)
}

.index-module__card--WOdZ6 .index-module__new--iDkwV {
  background-color: #e8efff;
  color: var(--color-primary)
}

.index-module__card--WOdZ6:hover {
  box-shadow: 0 3px 3px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 6px 8px rgba(21, 40, 76, .12);
  color: var(--color-primary)
}

.index-module__card--WOdZ6:active {
  box-shadow: 0 1px 2px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 2px 3px rgba(21, 40, 76, .12)
}

.index-module__card--Ygalr .arco-card-body {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--YG7SS {
  cursor: pointer
}

.index-module__card--Ygalr:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--YG7SS:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--LE5Il {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--Ygalr:hover .index-module__icon-container-clickable--F5spt {
  opacity: 0;
  top: -20px
}

.index-module__content--cEf6y {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--Ygalr:hover .index-module__content-clickable--OVsqV {
  top: -48px
}

.index-module__arrow--MpUyh {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 28px
}

.index-module__arrow-with-action--2iuo0 {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card--Ygalr:hover .index-module__arrow--MpUyh {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card--Ygalr:hover .index-module__arrow-with-action--2iuo0 {
  opacity: 1;
  -webkit-transform: translateX(-50%) scaleX(1);
  -moz-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.index-module__card-clickable--YG7SS:active .index-module__arrow--MpUyh {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--YG7SS:active .index-module__arrow-with-action--2iuo0 {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--0zF7c {
  height: 42px;
  margin: 12px 0;
  width: 100%
}

.index-module__grow--a1fSc {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

@media screen and (max-width:600px) {
  .index-module__card--Ygalr .arco-card-body {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .index-module__icon-container--LE5Il {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: 16px
  }

  .index-module__content--cEf6y {
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
  }

  .index-module__card--Ygalr:hover .index-module__title--quOSC {
    color: unset
  }
}

.index-module__card--N\+E4I .arco-card-body {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__card-clickable--h855Z {
  cursor: pointer
}

.index-module__card--N\+E4I:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--h855Z:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--mb\+-v {
  fill: var(--color-text-secondary);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 0;
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--N\+E4I:hover .index-module__icon-container--mb\+-v {
  fill: var(--color-primary)
}

.index-module__card--N\+E4I:hover .index-module__icon-container-clickable--OssEM {
  left: -20px;
  opacity: 0
}

.index-module__content--zGqj9 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center
}

.index-module__card--N\+E4I:hover .index-module__content-clickable--06Lou {
  left: -112px
}

.index-module__arrow--uXu0n {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale3d(0, 0, 1);
  -moz-transform: translateY(-50%) scale3d(0, 0, 1);
  transform: translateY(-50%) scale3d(0, 0, 1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 28px
}

.index-module__card--N\+E4I:hover .index-module__arrow--uXu0n {
  opacity: 1;
  -webkit-transform: translateY(-50%) scaleX(1);
  -moz-transform: translateY(-50%) scaleX(1);
  transform: translateY(-50%) scaleX(1)
}

.index-module__card-clickable--h855Z:active .index-module__arrow--uXu0n {
  -webkit-transform: translateY(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateY(-50%) scale3d(.8, .8, 1);
  transform: translateY(-50%) scale3d(.8, .8, 1)
}

.index-module__card-body--AVGZG {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 0 120px;
  width: 100%
}

@media screen and (max-width:1280px) {
  .index-module__card-body--AVGZG {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 0 60px;
    width: 100%
  }
}

.index-module__card--\+8RnT .arco-card-body {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--t\+OsS {
  cursor: pointer
}

.index-module__title--OV8LS {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--\+8RnT:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--t\+OsS:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__image-container--nVTVp {
  fill: var(--color-text-secondary);
  margin: -32px -32px 32px;
  opacity: 1;
  overflow: hidden
}

.index-module__image--rptSZ,
.index-module__image-container--nVTVp {
  position: relative;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__image--rptSZ {
  display: block;
  top: 0;
  width: 100%
}

.index-module__card--\+8RnT:hover .index-module__icon-container--vSE6v {
  fill: var(--color-primary)
}

.index-module__card--\+8RnT:hover .index-module__icon-container-clickable--Q\+2kA {
  opacity: 0;
  top: -20px
}

.index-module__card--\+8RnT:hover .index-module__image-clickable--zoBGs {
  top: -48px
}

.index-module__content--wTcMO {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--\+8RnT:hover .index-module__content-clickable--bpfTw {
  top: -48px
}

.index-module__arrow--yJRLd {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 28px
}

.index-module__arrow-with-action--uSHog {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card--\+8RnT:hover .index-module__arrow--yJRLd {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card--\+8RnT:hover .index-module__arrow-with-action--uSHog {
  opacity: 1;
  -webkit-transform: translateX(-50%) scaleX(1);
  -moz-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.index-module__card-clickable--t\+OsS:active .index-module__arrow--yJRLd {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--t\+OsS:active .index-module__arrow-with-action--uSHog {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--PXLub.arco-btn {
  height: 42px;
  margin: 12px 0 0;
  width: 100%
}

.index-module__grow--3DJdq {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

@media screen and (max-width:600px) {
  .index-module__arrow--yJRLd {
    bottom: 30px;
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
  }

  .index-module__content-clickable--bpfTw,
  .index-module__image-clickable--zoBGs {
    top: -38px
  }
}

.index-module__card-clickable--4D76k {
  cursor: pointer
}

.index-module__card--9SOO8:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--4D76k:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--RtY3h {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--9SOO8:hover .index-module__icon-container--RtY3h {
  fill: var(--color-primary)
}

.index-module__card--9SOO8:hover .index-module__icon-container-clickable--2k8KI {
  opacity: 0
}

.index-module__content--DMNUD {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 32px;
  position: relative;
  top: 0
}

.index-module__arrow--iB47m,
.index-module__content--DMNUD,
.index-module__title--BXVXJ {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--iB47m {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  width: 28px;
  z-index: 100
}

.index-module__card--9SOO8:hover .index-module__arrow--iB47m {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card-clickable--4D76k:active .index-module__arrow--iB47m {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__image--MmFFP {
  display: block;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.index-module__card--9SOO8:hover .index-module__image--MmFFP {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  -moz-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1)
}

.index-module__image-container--tpr3S {
  overflow: hidden;
  position: relative
}

.index-module__image-cover--fCxvm {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%;
  z-index: 1
}

.index-module__card--9SOO8:hover .index-module__image-cover--fCxvm {
  opacity: .2
}

.index-module__action-container--UyQjg {
  background: #fff;
  left: 0;
  opacity: 1;
  padding: 0 32px;
  pointer-events: none;
  position: absolute;
  top: -moz-calc(100% - 16px);
  top: calc(100% - 16px);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%;
  z-index: 99
}

.index-module__card--9SOO8:hover .index-module__action-container--UyQjg {
  pointer-events: all
}

.index-module__action-button--Ii1Xh {
  border: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  cursor: pointer;
  margin-bottom: 8px;
  padding: 6px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__action-button--Ii1Xh:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary)
}

.index-module__card-clickable--j4omt {
  cursor: pointer
}

.index-module__card--pnNSL {
  height: 560px;
  overflow: hidden;
  background-color: #fff;
}

.index-module__card--pnNSL:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--j4omt:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--7C5Fh {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--pnNSL:hover .index-module__icon-container--7C5Fh {
  fill: var(--color-primary)
}

.index-module__card--pnNSL:hover .index-module__icon-container-clickable--ywrXF {
  opacity: 0
}

.index-module__content--Kaxje {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 32px;
  position: relative;
  top: 0
}

.index-module__content--Kaxje,
.index-module__title--YS1Fa {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--pnNSL:hover .index-module__title--YS1Fa {
  color: var(--color-primary)
}

.index-module__description--UvBfD {
  -webkit-transition: height .3s ease;
  -o-transition: height .3s ease;
  -moz-transition: height .3s ease;
  transition: height .3s ease
}

.index-module__card--pnNSL:hover .index-module__description--UvBfD {
  -webkit-transition: height .3s ease .2s;
  -o-transition: height .3s ease .2s;
  -moz-transition: height .3s ease .2s;
  transition: height .3s ease .2s
}

.index-module__arrow--6NBFG {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 28px;
  z-index: 100
}

.index-module__card--pnNSL:hover .index-module__arrow--6NBFG {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card-clickable--j4omt:active .index-module__arrow--6NBFG {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__image--pSm0x {
  display: block;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: height .3s ease;
  -o-transition: height .3s ease;
  -moz-transition: height .3s ease;
  transition: height .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.index-module__card--pnNSL:hover .index-module__image--pSm0x {
  -webkit-transition: height .3s ease .2s;
  -o-transition: height .3s ease .2s;
  -moz-transition: height .3s ease .2s;
  transition: height .3s ease .2s
}

.index-module__image-container--of03V {
  height: auto;
  overflow: hidden;
  position: relative
}

.index-module__image-cover--hTns6 {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%;
  z-index: 1
}

.index-module__card--pnNSL:hover .index-module__image-cover--hTns6 {
  opacity: .2
}

.index-module__action-container--kMn7D {
  background: #fff;
  left: 0;
  opacity: 1;
  padding: 0 32px;
  pointer-events: none;
  position: absolute;
  top: -moz-calc(100% - 16px);
  top: calc(100% - 16px);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%;
  z-index: 99
}

.index-module__card--pnNSL:hover .index-module__action-container--kMn7D {
  pointer-events: all
}

.index-module__action-button--7-0Yk {
  border: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  cursor: pointer;
  margin-bottom: 8px;
  padding: 6px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__action-button--7-0Yk:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary)
}

.index-module__card-clickable--wRlQ1 {
  cursor: pointer
}

.index-module__card--4fNAE:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--wRlQ1:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--BPTB5 {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--4fNAE:hover .index-module__icon-container--BPTB5 {
  fill: var(--color-primary)
}

.index-module__card--4fNAE:hover .index-module__icon-container-clickable--5SFJL {
  opacity: 0;
  top: -20px
}

.index-module__content--tsVvb {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  top: 0
}

.index-module__content--tsVvb,
.index-module__title--OTL0Z {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__title--OTL0Z {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.index-module__card--4fNAE:hover .index-module__title--OTL0Z {
  color: var(--color-primary)
}

.index-module__arrow--sfr79 {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 32px
}

.index-module__card--4fNAE:hover .index-module__arrow--sfr79 {
  color: var(--color-primary);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card-clickable--wRlQ1:active .index-module__arrow--sfr79 {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card--4fNAE:hover .index-module__icon--UTJT2 {
  color: var(--color-primary)
}

.index-module__card--no8G0 .arco-card-body {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--YBJye {
  cursor: pointer
}

.index-module__card--no8G0:hover {
  box-shadow: var(--shadow-1)
}

.index-module__card-clickable--YBJye:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--3jvX4 {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--no8G0:hover .index-module__icon-container--3jvX4 {
  fill: var(--color-primary)
}

.index-module__card--no8G0:hover .index-module__icon-container-clickable--ZTpZN {
  opacity: 0;
  top: -20px
}

.index-module__content--0jE72 {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--no8G0:hover .index-module__content-clickable--GtUK7 {
  top: -48px
}

.index-module__arrow--nwI-p,
.index-module__title---QRSV {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--nwI-p {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  width: 28px
}

.index-module__arrow-with-action--UuYM3 {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card--no8G0:hover .index-module__arrow--nwI-p {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1)
}

.index-module__card--no8G0:hover .index-module__arrow-with-action--UuYM3 {
  opacity: 1;
  -webkit-transform: translateX(-50%) scaleX(1);
  -moz-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.index-module__card-clickable--YBJye:active .index-module__arrow--nwI-p {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--YBJye:active .index-module__arrow-with-action--UuYM3 {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--AWZIK {
  height: 42px;
  margin: 12px 0;
  width: 100%
}

.index-module__grow--YCiVq {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

@media screen and (max-width:600px) {
  .index-module__card--no8G0 .arco-card-body {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-top: 24px !important
  }

  .index-module__title---QRSV {
    font-size: var(--font-size-h6);
    margin-bottom: 8px
  }

  .index-module__icon-container--3jvX4 {
    fill: var(--color-primary);
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: 16px
  }

  .index-module__content--0jE72 {
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
  }

  .index-module__card--no8G0:hover .index-module__title---QRSV {
    color: unset
  }

  .index-module__button--AWZIK {
    -webkit-align-self: start;
    align-self: start;
    height: 28px;
    margin-top: 24px;
    width: 100%
  }
}

.index-module__logo--691N- {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  left: 50%;
  opacity: 1;
  padding: 30px 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .4s ease .2s;
  -o-transition: all .4s ease .2s;
  -moz-transition: all .4s ease .2s;
  transition: all .4s ease .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.index-module__content--RWPw6 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  background: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  left: 32px;
  padding: 0 32px;
  position: absolute;
  top: 0;
  width: 100%
}

.index-module__card-clickable--JVZWN:hover .index-module__logo--691N-,
.index-module__content--RWPw6 {
  opacity: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease
}

.index-module__card-clickable--JVZWN:hover .index-module__content--RWPw6 {
  left: 0;
  opacity: 1
}

@media screen and (max-width:600px) {
  .index-module__logo--691N- {
    height: 35px;
    padding: 0
  }

  .index-module__card-clickable--JVZWN:hover .index-module__logo--691N- {
    opacity: 1
  }

  .index-module__card-clickable--JVZWN:hover .index-module__content--RWPw6 {
    opacity: 0
  }
}

.index-module__container--aHbRK {
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--JmRyj .arco-card-body,
.index-module__container--aHbRK {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--rtCA4 {
  cursor: pointer
}

.index-module__card-clickable--rtCA4:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--sB50g {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__content--5m7kW {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  top: 0
}

.index-module__arrow--wE6pV,
.index-module__content--5m7kW {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--wE6pV {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  width: 28px
}

.index-module__arrow-with-action--8zaLb {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card-clickable--rtCA4:active .index-module__arrow--wE6pV {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--rtCA4:active .index-module__arrow-with-action--8zaLb {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--bErAS {
  height: 42px;
  margin: 12px 0;
  width: 100%
}

.index-module__grow--Deez- {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.index-module__label-item--PSlVg {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__label-caption--qsQG6 {
  background: var(--color-primary);
  border-radius: 4px;
  display: inline-block;
  height: 4px;
  margin: 2px 4px 2px 2px;
  width: 4px
}

@media screen and (min-width:600px) {
  .index-module__container--aHbRK:hover {
    box-shadow: var(--shadow-1)
  }

  .index-module__container--aHbRK:hover .index-module__icon-container--sB50g {
    fill: var(--color-primary)
  }

  .index-module__container--aHbRK:hover .index-module__icon-container-clickable--hFLsB {
    opacity: 0;
    top: -20px
  }

  .index-module__container--aHbRK:hover .index-module__content-clickable--iuVGg {
    top: -48px
  }

  .index-module__container--aHbRK:hover .index-module__arrow--wE6pV {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
  }

  .index-module__container--aHbRK:hover .index-module__arrow-with-action--8zaLb {
    opacity: 1;
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1)
  }
}

@media screen and (max-width:600px) {
  .index-module__container--aHbRK {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .04)
  }
}

.index-module__card--31gT0 .arco-card-body {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--G6zbf {
  cursor: pointer
}

.index-module__card-clickable--G6zbf:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--lFtmy {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__content--hx\+os {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  top: 0
}

.index-module__arrow--2CEFZ,
.index-module__content--hx\+os {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--2CEFZ {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  width: 28px
}

.index-module__arrow-with-action--TcFLU {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card-clickable--G6zbf:active .index-module__arrow--2CEFZ {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--G6zbf:active .index-module__arrow-with-action--TcFLU {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--YilgV {
  height: 42px;
  margin: 12px 0;
  width: 100%
}

.index-module__grow--hlSw7 {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.index-module__title-container--z9znR {
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

@media screen and (min-width:600px) {
  .index-module__card--31gT0:hover {
    box-shadow: var(--shadow-1)
  }

  .index-module__card--31gT0:hover .index-module__arrow--2CEFZ {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
  }

  .index-module__card--31gT0:hover .index-module__icon-container--lFtmy {
    fill: var(--color-primary)
  }

  .index-module__card--31gT0:hover .index-module__icon-container-clickable--NlniZ {
    opacity: 0;
    top: -20px
  }

  .index-module__card--31gT0:hover .index-module__arrow-with-action--TcFLU {
    opacity: 1;
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1)
  }

  .index-module__card--31gT0:hover .index-module__content-clickable--BRvHS {
    top: -48px
  }
}

.index-module__card--lJWSW .arco-card-body {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card-clickable--LUXz8 {
  cursor: pointer
}

.index-module__card-clickable--LUXz8:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--vgdzC {
  fill: var(--color-text-secondary);
  opacity: 1
}

.index-module__content--VfmNI,
.index-module__icon-container--vgdzC {
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__content--VfmNI {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__content--VfmNI,
.index-module__title-container---yxVj {
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__title-container---yxVj {
  -moz-box-orient: horizontal;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__arrow--H05Dk,
.index-module__title--mLFPp {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--H05Dk {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  bottom: 40px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  width: 28px
}

.index-module__arrow-with-action--3YjXA {
  left: 50%;
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -moz-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1)
}

.index-module__card-clickable--LUXz8:active .index-module__arrow--H05Dk {
  -webkit-transform: scale3d(.8, .8, 1);
  -moz-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}

.index-module__card-clickable--LUXz8:active .index-module__arrow-with-action--3YjXA {
  -webkit-transform: translateX(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateX(-50%) scale3d(.8, .8, 1);
  transform: translateX(-50%) scale3d(.8, .8, 1)
}

.index-module__button--sV01V {
  height: 42px;
  margin: 12px 0;
  width: 100%
}

.index-module__grow--928hT {
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

@media screen and (min-width:600px) {
  .index-module__step--zP8\+9 {
    margin-bottom: 8px
  }

  .index-module__title-container---yxVj {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .index-module__card--lJWSW:hover {
    box-shadow: var(--shadow-1)
  }

  .index-module__card--lJWSW:hover .index-module__title--mLFPp {
    color: var(--color-primary)
  }

  .index-module__card--lJWSW:hover .index-module__arrow--H05Dk {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
  }

  .index-module__card--lJWSW:hover .index-module__icon-container--vgdzC {
    fill: var(--color-primary)
  }

  .index-module__card--lJWSW:hover .index-module__icon-container-clickable--Byrq6 {
    opacity: 0;
    top: -20px
  }

  .index-module__card--lJWSW:hover .index-module__arrow-with-action--3YjXA {
    opacity: 1;
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1)
  }

  .index-module__card--lJWSW:hover .index-module__content-clickable--LOJk4 {
    top: -48px
  }
}

.index-module__card--fAanI {
  cursor: pointer;
  height: 240px;
  overflow: hidden
}

.arco-col-12 .index-module__card--fAanI {
  height: 364px
}

.index-module__card-clickable--RcVun {
  cursor: pointer
}

.index-module__card-clickable--RcVun:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--81d8U {
  fill: var(--color-text-secondary);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__content--Jyw2n {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 33, 50, 0)), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(top, rgba(14, 33, 50, 0), rgba(0, 0, 0, .6));
  background: -moz-linear-gradient(top, rgba(14, 33, 50, 0), rgba(0, 0, 0, .6));
  background: linear-gradient(180deg, rgba(14, 33, 50, 0), rgba(0, 0, 0, .6));
  bottom: 0;
  left: 0;
  padding: 0 32px 20px;
  position: absolute;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
  z-index: 1
}

.index-module__title--G\+p2b {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--5MDf\+ {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: rgba(0, 0, 0, .4);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 28px;
  height: 48px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px
}

.index-module__video-cover--YDNqQ {
  display: block;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -o-object-fit: cover;
  object-fit: cover
}

.index-module__cover--biQty,
.index-module__video-cover--YDNqQ {
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%
}

.index-module__cover--biQty {
  background-color: #000;
  left: 0;
  opacity: .2;
  position: absolute;
  top: 0;
  z-index: 1
}

.index-module__video-cover-playing--K4P23 {
  -webkit-filter: blur(0);
  filter: blur(0)
}

.index-module__cover-playing--uS7pO {
  -webkit-filter: none;
  filter: none;
  opacity: 0
}

@media screen and (min-width:600px) {
  .index-module__card--fAanI:hover {
    box-shadow: var(--shadow-1)
  }

  .index-module__card--fAanI:hover .index-module__content--Jyw2n {
    opacity: 0
  }

  .index-module__card--fAanI:hover .index-module__video-cover--YDNqQ {
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  .index-module__card--fAanI:hover .index-module__cover--biQty {
    -webkit-filter: none;
    filter: none;
    opacity: 0
  }
}

@media screen and (max-width:600px) {
  .index-module__card--fAanI {
    height: 218px
  }

  .index-module__content--Jyw2n {
    padding: 0 16px 16px
  }

  .index-module__arrow--5MDf\+ {
    height: 34px;
    width: 34px
  }

  .index-module__arrow--5MDf\+>svg {
    height: 20px;
    width: 20px
  }
}

.index-module__card--ZoGZH .arco-card-body {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__card-clickable--WUZ58 {
  cursor: pointer
}

.index-module__card-clickable--WUZ58:active {
  background: var(--color-background-actived);
  box-shadow: var(--shadow-0);
  opacity: .6
}

.index-module__icon-container--S9dbC {
  -moz-box-flex: 0;
  fill: var(--color-text-secondary);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 80px;
  left: 0;
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  width: 112px
}

.index-module__card--ZoGZH:hover .index-module__icon-container-clickable--SWUC4 {
  left: -20px;
  opacity: 0
}

.index-module__content--CUbdx {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__card--ZoGZH:hover .index-module__content-clickable--ErUUE {
  left: -112px
}

.index-module__arrow--RF0GX,
.index-module__title--PZW4C {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__arrow--RF0GX {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 50%;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale3d(0, 0, 1);
  -moz-transform: translateY(-50%) scale3d(0, 0, 1);
  transform: translateY(-50%) scale3d(0, 0, 1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  width: 28px
}

.index-module__card--ZoGZH:hover .index-module__arrow--RF0GX {
  opacity: 1;
  -webkit-transform: translateY(-50%) scaleX(1);
  -moz-transform: translateY(-50%) scaleX(1);
  transform: translateY(-50%) scaleX(1)
}

.index-module__card-clickable--WUZ58:active .index-module__arrow--RF0GX {
  -webkit-transform: translateY(-50%) scale3d(.8, .8, 1);
  -moz-transform: translateY(-50%) scale3d(.8, .8, 1);
  transform: translateY(-50%) scale3d(.8, .8, 1)
}

.index-module__icon--cDZ49 {
  opacity: 1
}

.index-module__icon--cDZ49,
.index-module__icon-hover--LGPk- {
  fill: none;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__icon-hover--LGPk- {
  opacity: 0
}

@media screen and (max-width:600px) {
  .index-module__card--ZoGZH {
    pointer-events: none
  }

  .index-module__card--ZoGZH .arco-card-body {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .index-module__icon-container--S9dbC {
    height: 60px;
    width: unset
  }
}

.index-module__content--QH6Wy {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 240px
}

.index-module__container--ak\+oJ {
  --color-appbar-background: #060708;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  background: var(--color-appbar-background);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 620px;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.index-module__fullscreen--d1piJ {
  color: #000;
  height: 100vh
}

.index-module__background--IVhTr {
  height: 1100px;
  left: 52%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-40%, -50%);
  -moz-transform: translate(-40%, -50%);
  -o-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%);
  width: 1955px
}

.index-module__background-image--llWG- {
  display: block;
  width: 100%
}

.index-module__background-video--YNZRC {
  display: block;
  opacity: .01;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
  width: 100%
}

.index-module__background-video-ready--IUu7t {
  opacity: 1
}

.index-module__cover-right--OS1P3 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(12, 16, 17, 0)), color-stop(45%, var(--color-appbar-background)));
  background: -webkit-linear-gradient(left, rgba(12, 16, 17, 0) 0, var(--color-appbar-background) 45%);
  background: -moz-linear-gradient(left, rgba(12, 16, 17, 0) 0, var(--color-appbar-background) 45%);
  background: linear-gradient(to right, rgba(12, 16, 17, 0) 0, var(--color-appbar-background) 45%);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 35%;
  z-index: 1
}

.index-module__background-cover-top--CAnNu {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #060708), to(rgba(12, 16, 17, 0)));
  background-image: -webkit-linear-gradient(top, #060708 20%, rgba(12, 16, 17, 0));
  background-image: -moz-linear-gradient(top, #060708 20%, rgba(12, 16, 17, 0) 100%);
  background-image: linear-gradient(180deg, #060708 20%, rgba(12, 16, 17, 0));
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.index-module__background-cover-bottom--nNKGl {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, rgba(12, 16, 17, 0)), to(var(--color-appbar-background)));
  background-image: -webkit-linear-gradient(top, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  background-image: -moz-linear-gradient(top, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  background-image: linear-gradient(to bottom, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  bottom: 0;
  height: 100px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.index-module__cover-left--4M\+kC {
  background: -webkit-gradient(linear, right top, left top, from(rgba(12, 16, 17, 0)), color-stop(46%, var(--color-appbar-background)));
  background: -webkit-linear-gradient(right, rgba(12, 16, 17, 0), var(--color-appbar-background) 46%);
  background: -moz-linear-gradient(right, rgba(12, 16, 17, 0), var(--color-appbar-background) 46%);
  background: linear-gradient(to left, rgba(12, 16, 17, 0), var(--color-appbar-background) 46%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 1
}

.index-module__cover-top--WjAXn {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, var(--color-appbar-background)), to(rgba(12, 16, 17, 0)));
  background-image: -webkit-linear-gradient(top, var(--color-appbar-background) 21%, rgba(12, 16, 17, 0) 100%);
  background-image: -moz-linear-gradient(top, var(--color-appbar-background) 21%, rgba(12, 16, 17, 0) 100%);
  background-image: linear-gradient(to bottom, var(--color-appbar-background) 21%, rgba(12, 16, 17, 0) 100%);
  height: 170px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.index-module__cover-bottom--aOAzB {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, rgba(12, 16, 17, 0)), to(var(--color-appbar-background)));
  background-image: -webkit-linear-gradient(top, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  background-image: -moz-linear-gradient(top, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  background-image: linear-gradient(to bottom, rgba(12, 16, 17, 0) 21%, var(--color-appbar-background) 100%);
  bottom: 0;
  height: 170px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.index-module__action-button--l31ba {
  height: 36px;
  margin-right: 20px;
  min-width: 160px
}

.index-module__know-more--XXcMu {
  background: rgba(10, 15, 16, .88);
  box-shadow: 0 8px 10px rgba(0, 0, 0, .04);
  height: 48px;
  padding-left: 32px;
  width: 100%
}

.index-module__know-more--XXcMu>span {
  color: #fff
}

.index-module__know-more--XXcMu>a,
.index-module__know-more--XXcMu>span {
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .278571px;
  line-height: 48px;
  vertical-align: middle
}

.index-module__know-more--XXcMu>a {
  color: #3c84ff;
  margin-left: 15px
}

@media screen and (min-width:600px) {
  .index-module__know-more--XXcMu {
    display: none
  }
}

@media screen and (max-width:600px) {
  .index-module__container--ak\+oJ {
    height: 240px
  }

  .index-module__title--WeU2E {
    line-height: 38px
  }

  .index-module__subtitle--Nr9Zv {
    font-size: 13px;
    line-height: 18px
  }

  .index-module__background-cover-bottom--nNKGl {
    display: none
  }

  .index-module__background-cover-top--CAnNu {
    height: 60px
  }

  .index-module__action-button--l31ba {
    height: 30px;
    min-width: 90px;
    padding: 0 18px
  }

  .index-module__background--IVhTr {
    height: 440px;
    left: 45%;
    width: 820px
  }

  .index-module__cover-bottom--aOAzB,
  .index-module__cover-left--4M\+kC,
  .index-module__cover-right--OS1P3,
  .index-module__cover-top--WjAXn {
    display: none
  }
}

.index-module__title-container--KkCeL {
  -moz-box-align: start;
  -moz-box-pack: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.index-module__title-tag--QazHe {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #13282e;
  color: hsla(0, 0%, 100%, .24);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 8px;
  margin-top: 8px;
  padding: 1px 4px;
  position: relative
}

.index-module__title-tag--QazHe:after {
  border-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 0;
  border-top: 4px solid #13282e;
  content: "";
  display: block;
  height: 0;
  left: -4px;
  position: absolute;
  top: 0;
  width: 0
}

.index-module__background--T4VTA {
  display: block;
  height: 100%
}

.index-module__background-video--GCf9L {
  opacity: .01
}

.index-module__background-video-ready--newqA {
  opacity: 1
}

.index-module__background-container--I0oHD {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__cover-top--vULGZ {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #0c1112), to(rgba(9, 13, 16, 0)));
  background-image: -webkit-linear-gradient(top, #0c1112 21%, rgba(9, 13, 16, 0));
  background-image: -moz-linear-gradient(top, #0c1112 21%, rgba(9, 13, 16, 0) 100%);
  background-image: linear-gradient(180deg, #0c1112 21%, rgba(9, 13, 16, 0));
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.index-module__cover-left--YRSps {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(9, 13, 16, 0)), color-stop(50%, #0c1112));
  background-image: -webkit-linear-gradient(right, rgba(9, 13, 16, 0), #0c1112 50%);
  background-image: -moz-linear-gradient(right, rgba(9, 13, 16, 0), #0c1112 50%);
  background-image: linear-gradient(270deg, rgba(9, 13, 16, 0), #0c1112 50%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%
}

.index-module__cover-right--M05\+h {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#0c1112));
  background-image: -webkit-linear-gradient(left, transparent, #0c1112);
  background-image: -moz-linear-gradient(left, transparent 0, #0c1112 100%);
  background-image: linear-gradient(90deg, transparent 0, #0c1112);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%
}

.index-module__subtitle--\+MJpH {
  width: 660px
}

.index-module__know-more--N4VuC {
  background: rgba(10, 15, 16, .88);
  box-shadow: 0 8px 10px rgba(0, 0, 0, .04);
  height: 48px;
  padding-left: 32px;
  width: 100%
}

.index-module__know-more--N4VuC>span {
  color: #fff
}

.index-module__know-more--N4VuC>a,
.index-module__know-more--N4VuC>span {
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .278571px;
  line-height: 48px;
  vertical-align: middle
}

.index-module__know-more--N4VuC>a {
  color: #3c84ff;
  margin-left: 15px
}

@media screen and (min-width:600px) {
  .index-module__know-more--N4VuC {
    display: none
  }
}

@media screen and (max-width:1600px) {
  .index-module__right--eAdVR {
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    transform: translateX(-120px)
  }
}

@media screen and (max-width:1280px) {
  .index-module__subtitle--\+MJpH {
    width: 500px
  }

  .index-module__background--T4VTA {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px)
  }
}

@media screen and (max-width:600px) {
  .index-module__subtitle--\+MJpH {
    width: 100%
  }

  .index-module__background-container--I0oHD {
    -webkit-transform: translateX(-28%);
    -moz-transform: translateX(-28%);
    -o-transform: translateX(-28%);
    transform: translateX(-28%)
  }
}

.index-module__banner--5YlhW {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 484px;
  position: relative;
  width: 100%
}

.index-module__banner--5YlhW.index-module__withSurvey--EztYG {
  height: 536px
}

.index-module__content--k404W {
  left: 6%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100
}

.index-module__content--k404W.index-module__withSurvey--EztYG {
  top: -moz-calc(50% + 30px);
  top: calc(50% + 30px)
}

.index-module__title--bqWKb {
  color: #181818;
  font-family: PingFang SC;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  height: 52px;
  letter-spacing: .002em;
  line-height: 52px
}

.index-module__tag--K8Io6 {
  display: inline-block;
  height: 24px;
  margin-left: 1.75px;
  margin-top: 7px;
  vertical-align: top
}

.index-module__tagTri--FJWRT {
  border: 12px solid transparent;
  border-right: 9px solid #d4dceb;
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0
}

.index-module__tagWord--P8Y2s {
  background-color: #d4dceb;
  color: #1664ff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 2px 5px;
  text-align: center;
  vertical-align: top
}

.index-module__subtitle--\+pjmy,
.index-module__tagWord--P8Y2s {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__subtitle--\+pjmy {
  color: hsla(0, 0%, 9%, .8);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  text-align: justify;
  width: 511px
}

.index-module__moSubTitle--tblOL {
  color: hsla(0, 0%, 9%, .8);
  display: none;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: .002em;
  line-height: 20px;
  margin-top: 6px;
  width: 254px
}

.index-module__buttons--iRqBc {
  height: 44px;
  margin-top: 32px
}

.index-module__qrcode-container--C1CaT {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  position: relative
}

.index-module__qrcode-container--C1CaT.index-module__contain-two-blocks--Yi2-i {
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.index-module__triangle--BVhEj {
  -webkit-align-self: center;
  align-self: center;
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 4px 5px;
  height: 0;
  position: absolute;
  top: 47px;
  visibility: hidden;
  width: 0
}

.index-module__triangle--BVhEj.index-module__active--qqTk3 {
  visibility: visible
}

.index-module__qrcode-panel--CLlxR {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .07);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 52px;
  visibility: hidden
}

.index-module__qrcode-panel--CLlxR.index-module__active--qqTk3 {
  visibility: visible
}

.index-module__line--2rjOT {
  background-color: rgba(80, 80, 80, .1);
  height: 100px;
  width: 1px
}

.index-module__qrcode-block--OHEpf {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 12px 16px 16px
}

.index-module__qrcode-text---I6gN {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  padding-bottom: 4px
}

.index-module__qrcode-img--o6i4A {
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100px;
  width: 100px
}

.index-module__buttonArrow--9SUvj,
.index-module__buttonArrow2--Zg99s,
.index-module__buttonQR--f4te5 {
  display: inline-block;
  margin-left: 8px
}

.index-module__opContents--ImFgH {
  bottom: 46px;
  height: 76px;
  left: 6%;
  position: absolute;
  white-space: nowrap
}

.index-module__opContent--6sitz {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: hsla(0, 0%, 100%, .5);
  box-shadow: 0 10px 28px rgba(25, 78, 183, .06);
  cursor: pointer;
  display: inline-block;
  height: 76px;
  padding: 12px 24px;
  vertical-align: top;
  width: 240px
}

.index-module__opContentsWithVideo--uj9dg {
  -moz-box-pack: justify;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: rgba(245, 248, 250, .6);
  bottom: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 118px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 24px 6%;
  position: absolute;
  white-space: nowrap;
  width: 100%
}

.index-module__opContentWithVideo--UNIAj {
  width: 181px
}

.index-module__opContents2--Z6oov {
  bottom: -94px;
  height: 152px;
  position: absolute;
  width: 100%
}

.index-module__opContents2--Z6oov .index-module__container2--3Rswi {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  margin: 0 auto;
  width: 88%
}

.index-module__opContents2--Z6oov .index-module__container2--3Rswi .index-module__content2--S5HV1 {
  display: inline-block;
  height: 100%;
  padding: 36px 32px 0
}

.index-module__opContents2--Z6oov .index-module__container2--3Rswi .index-module__content2--S5HV1+.index-module__content2--S5HV1 {
  border-left: 1px solid #f7f7f7
}

.index-module__title2--Px5ZZ {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 32px
}

.index-module__desc2--3tFle {
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #505050;
  display: -webkit-box;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 22px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.index-module__opContent--6sitz+.index-module__opContent--6sitz {
  margin-left: 12px
}

.index-module__ctxTitles--65Mnv {
  height: 26px
}

.index-module__ctxTitle--H6UXP {
  color: #181818;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px
}

.index-module__ctxTag--CrnjB,
.index-module__ctxTitle--H6UXP {
  display: inline-block;
  font-family: PingFang SC;
  font-style: normal;
  vertical-align: middle
}

.index-module__ctxTag--CrnjB {
  background: rgba(22, 100, 255, .1);
  color: #1664ff;
  font-size: 12px;
  font-weight: 400;
  line-height: 149%;
  margin-left: 8px;
  padding: 2px 8px
}

.index-module__ctxDesc--PnUWS {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 4px
}

.index-module__opContentWithVideo--UNIAj {
  cursor: pointer
}

.index-module__opContentWithVideo--UNIAj .index-module__ctxTitles--65Mnv .index-module__ctxTag--CrnjB {
  background: none;
  border: 1px solid #1664ff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400
}

.index-module__opContentWithVideo--UNIAj .index-module__ctxDesc--PnUWS {
  font-weight: 400
}

.index-module__opContentWithVideo--UNIAj:hover .index-module__ctxTitles--65Mnv .index-module__ctxTitle--H6UXP {
  color: #1664ff
}

.index-module__videoContent--bUIhz {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(38.66%, hsla(0, 0%, 100%, .152)));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .152) 38.66%);
  background: -moz-linear-gradient(top, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .152) 38.66%);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .152) 38.66%);
  box-shadow: 0 3.38798px 16.9399px rgba(105, 122, 240, .06);
  height: 233px;
  padding: 8.74px 9.6px;
  position: absolute;
  right: 6%;
  top: 114px;
  width: 400px
}

.index-module__videoContent--bUIhz .index-module__video--DswU4 {
  height: 100%;
  width: 100%
}

.index-module__videoContent--bUIhz .index-module__videoPlay--SGeED {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/ic_play_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 48px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px
}

.index-module__videoModal--IpuJr {
  background-color: #000;
  top: 50%;
  width: 80vw
}

.index-module__videoModal--IpuJr .index-module__videoModalContent--emtv7 {
  max-height: 80vh;
  width: 100%
}

.index-module__videoModal--IpuJr .index-module__videoModalClose--\+CTDI {
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  right: -40px;
  top: -40px
}

@media screen and (max-width:575px) {
  .index-module__qrcode-container--C1CaT.index-module__contain-two-blocks--Yi2-i {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }

  .index-module__qrcode-panel--CLlxR {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .index-module__line--2rjOT {
    background-color: #d9d9d9;
    height: 1px;
    width: 74px
  }
}

@media screen and (max-width:478px) {
  .index-module__banner--5YlhW {
    height: 320px
  }

  .index-module__banner--5YlhW.index-module__withSurvey--EztYG {
    height: 372px
  }

  .index-module__title--bqWKb {
    font-size: 24px;
    height: 32px;
    line-height: 32px
  }

  .index-module__subtitle--\+pjmy {
    display: none
  }

  .index-module__moSubTitle--tblOL {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    width: 244px
  }

  .index-module__buttons--iRqBc {
    height: 42px;
    margin-top: 16px
  }

  .index-module__buttonArrow--9SUvj {
    height: 10px;
    margin-left: 6.7px;
    width: 6.7px
  }

  .index-module__triangle--BVhEj {
    top: 45px
  }

  .index-module__qrcode-panel--CLlxR {
    top: 50px
  }

  .index-module__opContents--ImFgH,
  .index-module__opContentsWithVideo--uj9dg,
  .index-module__videoContent--bUIhz {
    display: none
  }
}

@media screen and (min-width:478px) and (max-width:990px) {
  .index-module__banner--5YlhW {
    height: 364px
  }

  .index-module__banner--5YlhW.index-module__withSurvey--EztYG {
    height: 416px
  }

  .index-module__title--bqWKb {
    font-size: 24px;
    height: 32px;
    line-height: 32px
  }

  .index-module__subtitle--\+pjmy {
    display: none
  }

  .index-module__moSubTitle--tblOL {
    display: block
  }

  .index-module__buttons--iRqBc {
    height: 40px;
    margin-top: 16px
  }

  .index-module__buttonArrow--9SUvj {
    height: 8px;
    margin-left: 5.3px;
    width: 5.3px
  }

  .index-module__qrcode-panel--CLlxR {
    top: 48px
  }

  .index-module__triangle--BVhEj {
    top: 43px
  }

  .index-module__opContents--ImFgH,
  .index-module__opContentsWithVideo--uj9dg,
  .index-module__videoContent--bUIhz {
    display: none
  }
}

@media screen and (min-width:1440px) and (max-width:1900px) {
  .index-module__banner--5YlhW {
    height: 540px
  }

  .index-module__banner--5YlhW.index-module__withSurvey--EztYG {
    height: 592px
  }

  .index-module__content--k404W {
    left: 12%
  }

  .index-module__opContents2--Z6oov .index-module__container2--3Rswi {
    width: 76%
  }

  .index-module__opContents--ImFgH {
    bottom: 62px;
    left: 12%
  }

  .index-module__opContentsWithVideo--uj9dg {
    padding: 24px 12%
  }

  .index-module__videoContent--bUIhz {
    height: 271px;
    padding: 10.16px 11.16px;
    right: 12%;
    top: 126px;
    width: 465px
  }

  .index-module__videoContent--bUIhz .index-module__videoPlay--SGeED {
    height: 55px;
    width: 55px
  }
}

@media screen and (min-width:1900px) {
  .index-module__banner--5YlhW {
    height: 648px
  }

  .index-module__banner--5YlhW.index-module__withSurvey--EztYG {
    height: 700px
  }

  .index-module__content--k404W {
    left: 15%
  }

  .index-module__opContents2--Z6oov .index-module__container2--3Rswi {
    width: 70%
  }

  .index-module__opContents--ImFgH {
    bottom: 90px;
    left: 15%
  }

  .index-module__title--bqWKb {
    font-size: 56px;
    height: 64px;
    line-height: 64px
  }

  .index-module__subtitle--\+pjmy {
    font-size: 20px;
    line-height: 28px;
    width: 638px
  }

  .index-module__buttons--iRqBc {
    height: 48px
  }

  .index-module__qrcode-panel--CLlxR {
    top: 56px
  }

  .index-module__triangle--BVhEj {
    top: 51px
  }

  .index-module__opContentsWithVideo--uj9dg {
    padding: 24px 15%
  }

  .index-module__videoContent--bUIhz {
    height: 318px;
    padding: 11.93px 13.1px;
    right: 15%;
    top: 187px;
    width: 546px
  }

  .index-module__videoContent--bUIhz .index-module__videoPlay--SGeED {
    height: 65px;
    width: 65px
  }
}

.index-module__moOpContentsWithVideo--b2z5T {
  background: #fff;
  display: none;
  padding-bottom: 18px;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContentsWrap--1AWsb {
  background: #fff;
  box-shadow: 0 4px 4px hsla(0, 0%, 81%, .18);
  height: 112px;
  position: relative;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContentsWrap--1AWsb .index-module__moOpContentsHint--Abbik {
  background: -webkit-gradient(linear, right top, left top, color-stop(6.13%, #fff), color-stop(47.28%, hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(right, #fff 6.13%, hsla(0, 0%, 100%, 0) 47.28%);
  background: -moz-linear-gradient(right, #fff 6.13%, hsla(0, 0%, 100%, 0) 47.28%);
  background: linear-gradient(270deg, #fff 6.13%, hsla(0, 0%, 100%, 0) 47.28%);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContentsWrap--1AWsb .index-module__moOpContentsHint--Abbik .index-module__iconRight--kg0MN {
  bottom: 37px;
  font-size: 15px;
  position: absolute;
  right: 16px
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContents--fdpYo {
  -ms-overflow-style: none;
  height: 100%;
  overflow-x: scroll;
  padding: 42px 6% 0;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContents--fdpYo .index-module__opContentWithVideo--UNIAj {
  display: inline-block;
  vertical-align: top
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moOpContents--fdpYo::-webkit-scrollbar {
  display: none
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moVideoContent--Q4LVb {
  padding: 18px 6% 0;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moVideoContent--Q4LVb .index-module__moVideoWrap--nBO0W {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 4px 20px rgba(105, 122, 240, .06);
  height: 180px;
  padding: 2px;
  position: relative;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moVideoContent--Q4LVb .index-module__moVideoWrap--nBO0W .index-module__moVideo--kv9Xj {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.index-module__moOpContentsWithVideo--b2z5T .index-module__moVideoContent--Q4LVb .index-module__moVideoWrap--nBO0W .index-module__moVideoPlay--QNZ9w {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/moVideo.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 27px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 124px
}

.index-module__moCuttingLine--gB7TG {
  background-color: #edeff1;
  display: inline-block;
  height: 44px;
  margin-right: 25px;
  vertical-align: top;
  width: 1px
}

@media screen and (max-width:990px) {
  .index-module__moOpContentsWithVideo--b2z5T {
    display: block
  }

  .index-module__opContentWithVideo--UNIAj:hover .index-module__ctxTitles--65Mnv .index-module__ctxTitle--H6UXP {
    color: inherit
  }

  .index-module__videoModal--IpuJr {
    width: 100%
  }

  .index-module__videoModalClose--\+CTDI {
    display: none
  }
}

.index-module__arrowBox--TxXia {
  height: 40px;
  position: relative;
  width: 100%
}

.index-module__arrowBox--TxXia .index-module__arrow--y8Z3g {
  left: 65%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.index-module__arrowBox--TxXia .index-module__arrow1--7No9M {
  -webkit-animation: index-module__arrow-movement--oPwuV 2s ease-in-out infinite;
  -moz-animation: index-module__arrow-movement--oPwuV 2s ease-in-out infinite;
  animation: index-module__arrow-movement--oPwuV 2s ease-in-out infinite
}

.index-module__arrowBox--TxXia .index-module__arrow2--ry0pB {
  -webkit-animation: index-module__arrow-movement--oPwuV 2s ease-in-out 1s infinite;
  -moz-animation: index-module__arrow-movement--oPwuV 2s ease-in-out 1s infinite;
  animation: index-module__arrow-movement--oPwuV 2s ease-in-out 1s infinite
}

@-webkit-keyframes index-module__arrow-movement--oPwuV {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-moz-keyframes index-module__arrow-movement--oPwuV {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes index-module__arrow-movement--oPwuV {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@media screen and (min-width:1900px) {
  .index-module__arrowBox--TxXia {
    height: 50px
  }

  .index-module__arrowBox--TxXia .index-module__arrow--y8Z3g {
    height: 18px;
    width: 18px
  }
}

.index-module__Container--ksAZ4 a,
.index-module__subTitleWrap--PhySl a {
  color: var(--color-primary);
  text-decoration: none
}

.index-module__title--CaQAt {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px
}

.index-module__subTitle--ftTVf {
  color: #181818;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px
}

.index-module__subTitleWrap--PhySl {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 60px
}

.index-module__subTitleWrap--PhySl .index-module__buttonSuport--rXrjE {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 9%, .8);
  height: 32px;
  width: 150px
}

.index-module__subTitleWrap--PhySl .index-module__buttonSuport--rXrjE span {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.index-module__card-title-step--InKYY {
  color: #181818;
  font-family: DIN Alternate;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .4375px;
  line-height: 26px;
  margin-right: 6px
}

.index-module__card-title-text--j233B {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: justify
}

.index-module__content-text--CowQN {
  color: hsla(0, 0%, 9%, .8);
  font-size: var(--font-size-normal-text);
  line-height: var(--font-size-normal-text-lineheight);
  text-align: justify;
  width: 100%
}

.index-module__card-button-text--QJvCA {
  font-size: 12px;
  line-height: 20px
}

.index-module__Container--ksAZ4 {
  width: 100%
}

.index-module__flex-block--1z0Jj {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__flex-block--1z0Jj .index-module__flex-child--gmWT1 {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1
}

.index-module__flex-block--1z0Jj .index-module__flex-child--gmWT1:not(:last-child) {
  margin-right: 60px
}

.index-module__topHeader--6JVNX .index-module__card-title-wrap--N4k7u {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  background-color: #fff;
  border-bottom: 3px solid #f7f7f7;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 12px 24px;
  position: relative
}

.index-module__topHeader--6JVNX .index-module__arrowWrap--osUqR {
  position: absolute;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px
}

.index-module__topHeader--6JVNX .index-module__line-transparent--Z-Jnw {
  background-color: transparent;
  height: 2px
}

.index-module__topHeader--6JVNX .index-module__title-text--FD5nK {
  position: relative;
  width: 100%
}

.index-module__bottom-content--CRiK6 .index-module__contentWrap--2cp\+F {
  background-color: #fff;
  border-bottom: 3px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 10
}

.index-module__bottom-content--CRiK6 .index-module__content-text--CowQN {
  padding: 24px
}

.index-module__empty-content--XKcBD .index-module__emptyWrap--Akfdd {
  height: 48px;
  pointer-events: none;
  position: relative
}

.index-module__empty-content--XKcBD .index-module__highlight--G-hxF {
  height: 0;
  position: relative;
  width: 100%
}

.index-module__empty-content--XKcBD .index-module__button--Phm6o,
.index-module__empty-content--XKcBD .index-module__highlight--G-hxF {
  background-color: #fff;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.index-module__empty-content--XKcBD .index-module__button--Phm6o {
  border: unset;
  left: 24px;
  opacity: 0;
  padding: 2px 16px;
  position: absolute
}

.index-module__active--8sAcO .index-module__card-title-step--InKYY,
.index-module__active--8sAcO .index-module__card-title-text--j233B {
  color: var(--color-primary)
}

.index-module__active--8sAcO.index-module__contentWrap--2cp\+F {
  background-color: var(--color-primary) !important
}

.index-module__active--8sAcO .index-module__content-text--CowQN {
  color: #fff
}

.index-module__active--8sAcO.index-module__emptyWrap--Akfdd {
  opacity: 1;
  pointer-events: unset
}

.index-module__active--8sAcO .index-module__highlight--G-hxF {
  background-color: var(--color-primary);
  height: 48px
}

.index-module__active--8sAcO .index-module__button--Phm6o {
  opacity: 1
}

@media screen and (min-width:1900px) {
  .index-module__title--CaQAt {
    font-size: 18px;
    line-height: 26px
  }

  .index-module__subTitle--ftTVf {
    font-size: 36px;
    line-height: 44px
  }

  .index-module__card-title-step--InKYY {
    font-size: 18px;
    line-height: 26px
  }

  .index-module__card-title-text--j233B {
    font-size: var(--font-size-big-title);
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__card-button-text--QJvCA,
  .index-module__content-text--CowQN {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight)
  }

  .index-module__card-button-text--QJvCA {
    font-weight: 500
  }
}

.index-module__title--6sR3h {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__title-black--dUBjo {
  color: hsla(0, 0%, 9%, .8)
}

.index-module__title-white--LYBWs {
  color: #fff;
  opacity: .75
}

.index-module__description--xhorv {
  font-family: PingFang SC;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 40px;
  margin-top: 12px
}

.index-module__description-black--NJUqm {
  color: #181818
}

.index-module__description-white--9IMIl {
  color: #fff
}

.index-module__detail--W\+yJG {
  font-size: 14px;
  letter-spacing: .002em;
  line-height: 22px;
  padding-top: 8px
}

.index-module__detail-black--4sCu0 {
  color: hsla(0, 0%, 9%, .8)
}

.index-module__detail-white--FdZfP {
  color: hsla(0, 0%, 100%, .8)
}

.index-module__titleDiv--VQMYq {
  padding-bottom: 60px
}

@media screen and (max-width:990px) {
  .index-module__titleDiv--VQMYq {
    padding-bottom: 24px
  }

  .index-module__title--6sR3h {
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px
  }

  .index-module__description--xhorv {
    font-size: 20px;
    line-height: 28px;
    margin-top: 4px
  }

  .index-module__detail--W\+yJG {
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px
  }
}

@media screen and (min-width:1900px) {
  .index-module__title--6sR3h {
    font-size: 18px;
    line-height: 26px
  }

  .index-module__description--xhorv {
    font-size: 36px;
    line-height: 44px
  }

  .index-module__detail--W\+yJG {
    font-size: 18px;
    line-height: 26px
  }
}

.index-module__Container--HvuSX .index-module__itemWrap--nggRV {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__Container--HvuSX .index-module__card--cIwLG {
  margin-bottom: 20px;
  width: 100%
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 2px;
  padding: 12px 24px
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt .index-module__iconWrap--N-eTX {
  height: 16px;
  position: relative;
  width: 16px
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt .index-module__iconWrap--N-eTX img {
  height: 100%;
  width: 100%
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt .index-module__iconWrap--N-eTX .index-module__iconHover--kbrMp {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt .index-module__step--oAAeU {
  color: #181818;
  font-family: DIN Alternate;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .4375px;
  line-height: 22px;
  margin: 0 9px 0 8px
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__cardTitle---PMAt .index-module__text--gH8dk {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__des--QjquB {
  background-color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__des--QjquB .index-module__text--gH8dk {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  line-height: 22px;
  text-align: justify
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__des--QjquB .index-module__buttonWrap--1yo1v {
  margin-top: 24px;
  opacity: 0
}

.index-module__Container--HvuSX .index-module__card--cIwLG .index-module__des--QjquB .index-module__buttonWrap--1yo1v .index-module__button--MwMG\+ {
  border: unset;
  font-size: 12px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 2px 16px
}

.index-module__button-suport--jIdV2 {
  text-align: center
}

.index-module__button-suport-text--UKs1m {
  color: hsla(0, 0%, 9%, .8);
  text-decoration: none;
  white-space: nowrap
}

.index-module__button-suport-text--UKs1m span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.index-module__button-suport-text--UKs1m .index-module__iconRight--jja\+9 {
  display: inline-block;
  margin: 0 7px
}

.index-module__head--b3fEg {
  margin: 0 auto;
  width: 534px
}

.index-module__title--THDXB {
  color: #181818;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px
}

.index-module__desc--4yRJ9,
.index-module__title--THDXB {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  text-align: center
}

.index-module__desc--4yRJ9 {
  color: hsla(0, 0%, 9%, .8);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  opacity: .8
}

.index-module__title--THDXB+.index-module__desc--4yRJ9 {
  margin-top: 8px
}

.index-module__container--cSj\+E {
  padding: 72px 0
}

@media screen and (max-width:767px) {
  .index-module__head--b3fEg {
    width: 300px
  }

  .index-module__title--THDXB {
    font-size: 24px;
    line-height: 34px
  }

  .index-module__desc--4yRJ9 {
    font-size: 14px;
    line-height: 20px
  }

  .index-module__title--THDXB+.index-module__desc--4yRJ9 {
    margin-top: 8px
  }

  .index-module__container--cSj\+E {
    padding: 48px 0 72px
  }
}

.index-module__content--bKWE7 {
  margin: 0 auto;
  padding-top: 32px;
  position: relative;
  width: 1200px
}

.index-module__content--bKWE7 a {
  color: var(--color-primary);
  text-decoration: none
}

.index-module__buttonSupport--WVIa- {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 9%, .8);
  height: 32px;
  position: absolute;
  right: 0;
  top: -32px;
  width: 150px
}

.index-module__buttonSupport--WVIa- span {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.index-module__card-title-step--Duuul {
  color: #181818;
  font-family: DIN Alternate;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .4375px;
  line-height: 26px;
  margin-right: 6px
}

.index-module__card-title-text--c7-cW {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: justify
}

.index-module__content-text--fiqn4 {
  color: hsla(0, 0%, 9%, .8);
  font-size: var(--font-size-normal-text);
  line-height: var(--font-size-normal-text-lineheight);
  text-align: justify;
  width: 100%
}

.index-module__card-button-text--ptvY4 {
  font-size: 12px;
  line-height: 20px
}

.index-module__flex-block--3C0zF {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__flex-block--3C0zF .index-module__flex-child--N5V7u {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1
}

.index-module__flex-block--3C0zF .index-module__flex-child--N5V7u:not(:last-child) {
  margin-right: 60px
}

.index-module__topHeader--qUlgw .index-module__card-title-wrap--TZfJs {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  background-color: #fff;
  border-bottom: 3px solid #f7f7f7;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 12px 24px;
  position: relative
}

.index-module__topHeader--qUlgw .index-module__arrowWrap--HkNBH {
  position: absolute;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px
}

.index-module__topHeader--qUlgw .index-module__line-transparent--vEcer {
  background-color: transparent;
  height: 2px
}

.index-module__topHeader--qUlgw .index-module__title-text--Ubgdr {
  position: relative;
  width: 100%
}

.index-module__bottom-content--LmB7h .index-module__contentWrap--ZhpiR {
  background-color: #fff;
  border-bottom: 3px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 10
}

.index-module__bottom-content--LmB7h .index-module__content-text--fiqn4 {
  padding: 24px
}

.index-module__empty-content--6fnsU .index-module__emptyWrap--a6Oe\+ {
  height: 48px;
  pointer-events: none;
  position: relative
}

.index-module__empty-content--6fnsU .index-module__highlight--Dha3i {
  height: 0;
  position: relative;
  width: 100%
}

.index-module__empty-content--6fnsU .index-module__button--UMxXP,
.index-module__empty-content--6fnsU .index-module__highlight--Dha3i {
  background-color: #fff;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.index-module__empty-content--6fnsU .index-module__button--UMxXP {
  border: unset;
  left: 24px;
  opacity: 0;
  padding: 2px 16px;
  position: absolute
}

.index-module__active--98ll5 .index-module__card-title-step--Duuul,
.index-module__active--98ll5 .index-module__card-title-text--c7-cW {
  color: var(--color-primary)
}

.index-module__active--98ll5.index-module__contentWrap--ZhpiR {
  background-color: var(--color-primary) !important
}

.index-module__active--98ll5 .index-module__content-text--fiqn4 {
  color: #fff
}

.index-module__active--98ll5.index-module__emptyWrap--a6Oe\+ {
  opacity: 1;
  pointer-events: unset
}

.index-module__active--98ll5 .index-module__highlight--Dha3i {
  background-color: var(--color-primary);
  height: 48px
}

.index-module__active--98ll5 .index-module__button--UMxXP {
  opacity: 1
}

@media screen and (max-width:1023px) {
  .index-module__content--bKWE7 {
    display: none
  }
}

.index-module__ContainerWrap--5nFqI {
  display: none
}

.index-module__Container--L18\+S {
  padding: 32px 24px 0
}

.index-module__Container--L18\+S .index-module__itemWrap--e0EZb {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__Container--L18\+S .index-module__card--7fQ4G {
  margin-bottom: 20px;
  width: 100%
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 2px;
  padding: 12px 24px
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH .index-module__iconWrap--RxbW5 {
  height: 16px;
  position: relative;
  width: 16px
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH .index-module__iconWrap--RxbW5 img {
  height: 100%;
  width: 100%
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH .index-module__iconWrap--RxbW5 .index-module__iconHover--bRamD {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH .index-module__step--tPlrP {
  color: #181818;
  font-family: DIN Alternate;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .4375px;
  line-height: 22px;
  margin: 0 9px 0 8px
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__cardTitle--6yZGH .index-module__text--cpSF8 {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__des--XjV9b {
  background-color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__des--XjV9b .index-module__text--cpSF8 {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  line-height: 22px;
  text-align: justify
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__des--XjV9b .index-module__buttonWrap--fB\+yF {
  margin-top: 24px;
  opacity: 0
}

.index-module__Container--L18\+S .index-module__card--7fQ4G .index-module__des--XjV9b .index-module__buttonWrap--fB\+yF .index-module__button--kQUB3 {
  border: unset;
  font-size: 12px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 2px 16px
}

.index-module__button-suport--S9svy {
  text-align: center
}

.index-module__button-suport-text--mkA5c {
  color: hsla(0, 0%, 9%, .8);
  text-decoration: none;
  white-space: nowrap
}

.index-module__button-suport-text--mkA5c span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.index-module__button-suport-text--mkA5c .index-module__iconRight--sBgjQ {
  display: inline-block;
  margin: 0 7px
}

@media screen and (max-width:1023px) {
  .index-module__ContainerWrap--5nFqI {
    display: block
  }
}

.index-module__container--FhB-q {
  height: 100%;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__container--FhB-q img {
  display: block;
  height: 100%
}

.index-module__container--FhB-q .index-module__hover-block--fymxM {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 4px 4px 14px rgba(26, 26, 29, .08);
  opacity: 0;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear
}

.index-module__container--FhB-q .index-module__hover-block--fymxM img {
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%
}

.index-module__container--FhB-q .index-module__hover-block--fymxM:hover {
  opacity: .9
}

.index-module__container--FhB-q .index-module__hover-1--yLUPg {
  height: 16.2%;
  left: 9.4%;
  position: absolute;
  top: 0;
  width: 16.8%
}

.index-module__container--FhB-q .index-module__hover-2--SMRno {
  height: 16.2%;
  left: 27.1%;
  position: absolute;
  top: 0;
  width: 17.6%
}

.index-module__container--FhB-q .index-module__hover-3--9gs39 {
  height: 16.2%;
  left: 45.6%;
  position: absolute;
  top: 0;
  width: 27.2%
}

.index-module__container--FhB-q .index-module__hover-4--bHXZu {
  height: 16.2%;
  left: 73.8%;
  position: absolute;
  top: 0;
  width: 26.2%
}

@media screen and (max-width:990px) {
  .index-module__hover-block--fymxM {
    display: none
  }

  .index-module__container--FhB-q {
    position: relative;
    width: 1120px
  }

  .index-module__container--FhB-q img {
    height: 100%;
    max-height: 540px;
    width: 100%
  }
}

@media screen and (min-width:1900px) {
  .index-module__container--FhB-q {
    height: 90%
  }
}

.index-module__container--Wo2q4 {
  height: 100%;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__container--Wo2q4 img {
  display: block;
  height: 100%
}

.index-module__container--Wo2q4 .index-module__hover-block--EQ6Iy {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 4px 4px 14px rgba(26, 26, 29, .08);
  opacity: 0;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear
}

.index-module__container--Wo2q4 .index-module__hover-block--EQ6Iy img {
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%
}

.index-module__container--Wo2q4 .index-module__hover-block--EQ6Iy:hover {
  opacity: .9
}

.index-module__container--Wo2q4 .index-module__hover-1--8MJjb {
  height: 6.6%;
  left: 8.68%;
  position: absolute;
  top: 86.8%;
  width: 14.3%
}

.index-module__container--Wo2q4 .index-module__hover-2--DOxTv {
  height: 17.2%;
  left: 25.8%;
  position: absolute;
  top: 6.4%;
  width: 52%
}

.index-module__container--Wo2q4 .index-module__hover-3--xu1xc {
  height: 8.7%;
  left: 80.6%;
  position: absolute;
  top: 6.4%;
  width: 13.8%
}

@media screen and (max-width:990px) {
  .index-module__hover-block--EQ6Iy {
    display: none
  }

  .index-module__container--Wo2q4 {
    position: relative;
    width: 1120px
  }

  .index-module__container--Wo2q4 img {
    height: 100%;
    max-height: 540px;
    width: 100%
  }
}

@media screen and (min-width:1900px) {
  .index-module__container--Wo2q4 {
    height: 90%
  }
}

.index-module__container--8J3pN {
  height: 100%;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__container--8J3pN img {
  display: block;
  height: 100%
}

.index-module__container--8J3pN .index-module__hover-block--OwSPK {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 4px 4px 14px rgba(26, 26, 29, .08);
  opacity: 0;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear
}

.index-module__container--8J3pN .index-module__hover-block--OwSPK img {
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%
}

.index-module__container--8J3pN .index-module__hover-block--OwSPK:hover {
  opacity: .9
}

.index-module__container--8J3pN .index-module__hover-1--n-DD9 {
  height: 72.1%;
  left: 0;
  position: absolute;
  top: 27.5%;
  width: 18.9%
}

.index-module__container--8J3pN .index-module__hover-2--PBDGe {
  height: 12.2%;
  left: 27.5%;
  position: absolute;
  top: 41%;
  width: 43.9%
}

.index-module__container--8J3pN .index-module__hover-3--q5mPm {
  height: 12.2%;
  left: 27.5%;
  position: absolute;
  top: 55.3%;
  width: 43.9%
}

.index-module__container--8J3pN .index-module__hover-4--8mZXx {
  height: 12.2%;
  left: 27.5%;
  position: absolute;
  top: 69.4%;
  width: 43.9%
}

.index-module__container--8J3pN .index-module__hover-5--XKPZT {
  height: 72.1%;
  left: 81.1%;
  position: absolute;
  top: 27.5%;
  width: 18.9%
}

@media screen and (max-width:990px) {
  .index-module__hover-block--OwSPK {
    display: none
  }

  .index-module__container--8J3pN {
    position: relative;
    width: 1120px
  }

  .index-module__container--8J3pN img {
    height: 100%;
    max-height: 540px;
    width: 100%
  }
}

@media screen and (min-width:1900px) {
  .index-module__container--8J3pN {
    height: 90%
  }
}

.index-module__frameWrap--0Tisk {
  border: 1px solid #ebebeb;
  height: 575px;
  max-width: 100%;
  position: relative
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp {
  bottom: 12px;
  position: absolute;
  right: 12px;
  z-index: 3
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp button {
  background: #282828;
  border: unset;
  box-shadow: 1px 1px 6px rgba(40, 40, 40, .25);
  color: #fff;
  cursor: pointer;
  display: block;
  height: 32px;
  padding: unset;
  width: 32px
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp button:hover {
  background: #484848;
  box-shadow: 0 4px 6px rgba(40, 40, 40, .25)
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__disable--xMqP1 {
  cursor: not-allowed
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__plus--7nmPt {
  font-size: 24px
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__reset--btNBs {
  margin-bottom: 12px;
  position: relative
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__pop-over--4geL0 {
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  left: -140px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__pop-over--4geL0.index-module__hidden--BJPOW {
  opacity: 0;
  visibility: hidden
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__pop-over--4geL0.index-module__hidden--BJPOW.index-module__show--fTqbJ {
  opacity: 1;
  visibility: visible
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__pop-content--0vNm0 {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-radius: 4px;
  box-shadow: 0 4px 10px #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  padding: 8px;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__rhombus--BTyU\+ {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-bottom: none;
  border-bottom-right-radius: 2px;
  border-left: none;
  height: 8px;
  margin-left: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__iconFullscreen--aIeol {
  color: #fff;
  height: 16px;
  width: 16px
}

.index-module__frameWrap--0Tisk .index-module__tools--FLfWp .index-module__minusSymbol--NCbMu {
  background-color: #fff;
  border-radius: .5px;
  height: 2.4px;
  margin: auto;
  width: 12px
}

.index-module__frameWrap--0Tisk .index-module__zoom-content--0V\+Jd,
.index-module__frameWrap--0Tisk .index-module__zoom-wrapper--De4OW {
  height: 100% !important;
  width: 100% !important
}

.index-module__frameWrap--0Tisk .index-module__innerWrap---xkKh {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px;
  width: 100%
}

.index-module__frameWrap--0Tisk .index-module__innerWrap---xkKh .index-module__picture--duNu2 {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.index-module__modal-wrap--QyGTp {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__modal-wrap--QyGTp .index-module__picture--duNu2 {
  max-height: 90vh;
  max-width: 90vw;
  -o-object-fit: contain;
  object-fit: contain;
  width: 90vw
}

.index-module__modal-wrap--QyGTp .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px
}

.index-module__modal-wrap--QyGTp .arco-icon-hover:hover:before {
  height: 26px;
  width: 26px
}

.index-module__modal-wrap--QyGTp .arco-icon-close {
  height: 20px;
  width: 20px
}

@media screen and (max-width:1280px) {
  .index-module__frameWrap--0Tisk {
    height: 508px
  }
}

@media screen and (min-width:1900px) {
  .index-module__frameWrap--0Tisk {
    height: 721px
  }
}

.index-module__cardContainer--gdgOd {
  padding-right: 0 !important
}

.index-module__frameWrap--cKPjB {
  border: 1px solid #ebebeb;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: 100%
}

.index-module__frameWrap--cKPjB .index-module__scrollbar--DyLyp {
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .04);
  overflow-x: auto
}

.index-module__frameWrap--cKPjB .index-module__scrollbar--DyLyp .index-module__scrollContent--IQoFd {
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .04);
  margin: 0 auto;
  padding: 16px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__frameWrap--cKPjB .index-module__scrollbar--DyLyp .index-module__scrollContent--IQoFd.index-module__block--6IgtY {
  width: unset
}

.index-module__frameWrap--cKPjB .index-module__scrollbar--DyLyp .index-module__scrollContent--IQoFd .index-module__picture--9t\+zR {
  max-height: 540px
}

.index-module__frameWrap--cKPjB ::-webkit-scrollbar {
  height: 4px;
  width: 4px
}

.index-module__frameWrap--cKPjB ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
  box-shadow: inset 0 0 5px transparent;
  -webkit-transition: all .3s;
  transition: all .3s
}

.index-module__frameWrap--cKPjB ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  border-radius: 2px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .12);
  -webkit-transition: all .3s;
  transition: all .3s
}

.index-module__video--hzCD\+ {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%
}

.index-module__video--hzCD\+:hover span {
  background-color: #1d2129;
  border: none;
  opacity: .4;
  width: 64px
}

.index-module__video--hzCD\+:hover span:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.index-module__video--hzCD\+ span {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #000;
  border-radius: 50px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 64px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: .5;
  position: absolute;
  top: 40%;
  width: 64px;
  z-index: 2
}

.index-module__video--hzCD\+ span .index-module__svg--tsuwe {
  fill: #fff;
  margin-left: 4px
}

.index-module__video--hzCD\+ span:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.index-module__video--hzCD\+ span:before {
  -webkit-animation: index-module__ripple--WJi9G .8s linear infinite;
  -moz-animation: index-module__ripple--WJi9G .8s linear infinite;
  animation: index-module__ripple--WJi9G .8s linear infinite;
  border-radius: 100px;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -o-transform: scale(.7);
  transform: scale(.7);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%
}

@-webkit-keyframes index-module__ripple--WJi9G {
  0% {
    box-shadow: 0 0 0 0 rgba(29, 33, 41, 0), 0 0 0 20px rgba(29, 33, 41, .18)
  }

  to {
    box-shadow: 0 0 0 20px rgba(29, 33, 41, .18), 0 0 0 30px rgba(29, 33, 41, 0)
  }
}

@-moz-keyframes index-module__ripple--WJi9G {
  0% {
    box-shadow: 0 0 0 0 rgba(29, 33, 41, 0), 0 0 0 20px rgba(29, 33, 41, .18)
  }

  to {
    box-shadow: 0 0 0 20px rgba(29, 33, 41, .18), 0 0 0 30px rgba(29, 33, 41, 0)
  }
}

@keyframes index-module__ripple--WJi9G {
  0% {
    box-shadow: 0 0 0 0 rgba(29, 33, 41, 0), 0 0 0 20px rgba(29, 33, 41, .18)
  }

  to {
    box-shadow: 0 0 0 20px rgba(29, 33, 41, .18), 0 0 0 30px rgba(29, 33, 41, 0)
  }
}

.index-module__video--hzCD\+ img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:990px) {
  .index-module__video--hzCD\+ span {
    height: 44px;
    width: 44px
  }

  .index-module__video--hzCD\+ .index-module__svg--tsuwe {
    margin-left: 3px
  }

  .index-module__video--hzCD\+:hover span {
    height: 44px;
    width: 44px !important
  }
}

.index-module__wrap--wUqDM {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 570px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b {
  background: #f7f7f7;
  height: 100%;
  width: 49%
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__imageBlock--gQ8gn {
  height: 63%;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__imageBlock--gQ8gn img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 {
  padding: 32px
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 22px;
  text-align: justify
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ img {
  height: 56px
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ .index-module__iconRight--2ko4i {
  margin: 0 7px
}

.index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__longDes--mn\+\+1 {
  color: hsla(0, 0%, 9%, .8);
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  margin-top: 20px;
  text-align: justify
}

.index-module__wrap--wUqDM .index-module__threeCardWrap--Htv0n {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-left: 3%;
  width: 51%
}

.index-module__wrap--wUqDM .index-module__threeCardWrap--Htv0n .index-module__card--tXRwZ {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  z-index: 4
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ {
  background: #f7f7f7;
  height: 144px !important;
  padding: 24px;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ .index-module__icon--ZSiL3 {
  height: 36px
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ .index-module__shortDes--5fnJo {
  color: #181818;
  font-size: 14px;
  letter-spacing: .002em;
  line-height: 22px;
  padding-top: 8px;
  text-align: justify
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ:not(:last-child) {
  margin-bottom: 20px
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ.index-module__active--uzwt\+ {
  background: #fff;
  box-shadow: -2px 0 16px rgba(102, 112, 147, .14);
  position: relative
}

.index-module__wrap--wUqDM .index-module__card--tXRwZ.index-module__active--uzwt\+ .index-module__highlight--TqEB- {
  background: var(--color-primary);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO {
  position: relative;
  width: 51%
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO .index-module__shadowTop--jSEUg {
  background: #fff;
  box-shadow: 0 -15px 16px -12px rgba(102, 112, 147, .12);
  height: 72px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 95%
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO .index-module__cardWrap--fx4P9::-webkit-scrollbar {
  display: none
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO .index-module__cardWrap--fx4P9 {
  -ms-overflow-style: none;
  height: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO .index-module__cardWrap--fx4P9 .index-module__cardList--sPZzF {
  padding-left: 6%;
  position: absolute;
  right: 0;
  -webkit-transition: top .2s ease-in-out;
  -o-transition: top .2s ease-in-out;
  -moz-transition: top .2s ease-in-out;
  transition: top .2s ease-in-out;
  width: 100%
}

.index-module__wrap--wUqDM .index-module__rightWrap--ysdmO .index-module__shadowBottom--l6\+hc {
  background: #fff;
  bottom: 0;
  box-shadow: 0 -15px 16px -12px rgba(102, 112, 147, .12);
  height: 72px;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  width: 95%;
  z-index: 101
}

.index-module__wrap--wUqDM .index-module__transparent-block--O\+7sC {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6%;
  z-index: 10
}

@media screen and (max-width:1280px) {
  .index-module__wrap--wUqDM {
    height: 503px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 {
    padding: 24px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ img {
    height: 49px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__longDes--mn\+\+1 {
    margin-top: 16px
  }

  .index-module__wrap--wUqDM .index-module__card--tXRwZ {
    height: 136px !important;
    padding: 20px
  }
}

@media screen and (min-width:1900px) {
  .index-module__wrap--wUqDM {
    height: 707px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 {
    padding: 40px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ {
    font-size: 16px;
    line-height: 24px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__linkWrap--z41j\+ img {
    height: 69px
  }

  .index-module__wrap--wUqDM .index-module__leftWrap--qhn9b .index-module__leftBottom--OTXh2 .index-module__longDes--mn\+\+1 {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    margin-top: 26px
  }

  .index-module__wrap--wUqDM .index-module__card--tXRwZ {
    height: 182px !important;
    padding: 28px
  }

  .index-module__wrap--wUqDM .index-module__card--tXRwZ .index-module__icon--ZSiL3 {
    height: 46px
  }

  .index-module__wrap--wUqDM .index-module__card--tXRwZ .index-module__shortDes--5fnJo {
    font-size: 18px;
    line-height: 26px;
    padding-top: 16px
  }
}

.index-module__card-wrap--e0qhH {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f7f7f7;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 496px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}

.index-module__leftBlock--2PI-h {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 32px;
  width: 32%
}

.index-module__leftBlock--2PI-h .index-module__icon--0RaFj {
  height: 56px
}

.index-module__leftBlock--2PI-h .index-module__longDes--Uvqgt {
  font-size: 16px;
  line-height: 24px;
  padding: 24px 0;
  text-align: justify
}

.index-module__leftBlock--2PI-h .index-module__link--kszOx {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none
}

.index-module__rightBlock--v5vC\+ {
  height: 100%;
  width: 68%
}

.index-module__rightBlock--v5vC\+ .index-module__imageBlock--bnA9l {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:1280px) {
  .index-module__card-wrap--e0qhH {
    height: 436px
  }

  .index-module__leftBlock--2PI-h {
    padding: 24px
  }

  .index-module__leftBlock--2PI-h .index-module__longDes--Uvqgt {
    padding: 16px 0
  }
}

@media screen and (min-width:1900px) {
  .index-module__card-wrap--e0qhH {
    height: 560px
  }

  .index-module__leftBlock--2PI-h {
    padding: 40px
  }

  .index-module__leftBlock--2PI-h .index-module__longDes--Uvqgt {
    font-size: 20px;
    line-height: 28px;
    padding: 24px 0
  }

  .index-module__leftBlock--2PI-h .index-module__button--nwYfl {
    height: 50px
  }

  .index-module__leftBlock--2PI-h .index-module__link--kszOx {
    font-size: 20px;
    line-height: 28px
  }
}

.index-module__titleContainer--h\+\+Mr {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 56px
}

.index-module__oneWrap--ej8Nx .index-module__cardWrap--uHKvj {
  margin: 0 auto;
  max-width: 600px
}

.index-module__cardWrap--uHKvj {
  background: #f7f7f7;
  height: 100%;
  width: 100%
}

.index-module__cardWrap--uHKvj .index-module__imageBlock--KYpd3 {
  height: 60%;
  width: 100%
}

.index-module__cardWrap--uHKvj .index-module__imageBlock--KYpd3 img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO {
  height: 40%;
  padding: 20px;
  width: 100%
}

.index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 22px
}

.index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 img {
  height: 36px
}

.index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 .index-module__iconRight--wIZL3 {
  margin: 0 7px
}

.index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__longDes--V81wg {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 6px;
  text-align: justify
}

.index-module__wrap--3zJFq {
  background-color: #fff;
  height: 360px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.index-module__wrap--3zJFq .index-module__twoWrap--ejM-K {
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition: -moz-transform .3s ease-in-out;
  -moz-transition: -webkit-transform .3s ease-in-out;
  width: 380px
}

.index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__first--6Icoa {
  left: 5%
}

.index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__second--Ks1gT {
  left: -moz-calc(5% + 400px);
  left: calc(5% + 400px);
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%
}

.index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__first--6Icoa.index-module__slide--EVsoC {
  left: -moz-calc(95% - 400px);
  left: calc(95% - 400px);
  -webkit-transform: scale(.9) translateX(-111%);
  -moz-transform: scale(.9) translateX(-111%);
  -o-transform: scale(.9) translateX(-111%);
  transform: scale(.9) translateX(-111%);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

.index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__second--Ks1gT.index-module__slide--EVsoC {
  left: -moz-calc(95% - 380px);
  left: calc(95% - 380px);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3 {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3 .index-module__cardWrap--uHKvj {
  width: 380px
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__active--yXMsj {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__left--J0LL0 {
  left: -moz-calc(50% - 210px);
  left: calc(50% - 210px);
  opacity: 1;
  -webkit-transform: scale(.9) translateX(-111%);
  -moz-transform: scale(.9) translateX(-111%);
  -o-transform: scale(.9) translateX(-111%);
  transform: scale(.9) translateX(-111%);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__right--VSom2 {
  left: -moz-calc(50% + 210px);
  left: calc(50% + 210px);
  opacity: 1;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__preItem--YWhWE {
  left: -340px;
  opacity: 0;
  -webkit-transform: scale(.9) translateX(-111%);
  -moz-transform: scale(.9) translateX(-111%);
  -o-transform: scale(.9) translateX(-111%);
  transform: scale(.9) translateX(-111%);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

.index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__nextItem--ktCAO {
  left: -moz-calc(100% + 340px);
  left: calc(100% + 340px);
  opacity: 0;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%
}

@media screen and (max-width:478px) {
  .index-module__cardWrap--uHKvj .index-module__imageBlock--KYpd3 {
    height: 167px
  }

  .index-module__cardWrap--uHKvj .index-module__imageBlock--KYpd3 img {
    width: 100%
  }

  .index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO {
    padding: 12px 20px;
    width: 100%
  }

  .index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 {
    font-size: 12px;
    line-height: 20px
  }

  .index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 img {
    height: 29px
  }

  .index-module__cardWrap--uHKvj .index-module__blockBottom--GCANO .index-module__linkWrap--rf-E0 .index-module__iconRight--wIZL3 {
    margin: 0 0 0 7px
  }

  .index-module__wrap--3zJFq {
    height: 360px;
    width: 100%
  }

  .index-module__wrap--3zJFq .index-module__twoWrap--ejM-K {
    width: 279px
  }

  .index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__second--Ks1gT {
    left: -moz-calc(5% + 295px);
    left: calc(5% + 295px)
  }

  .index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__first--6Icoa.index-module__slide--EVsoC {
    left: -moz-calc(95% - 295px);
    left: calc(95% - 295px)
  }

  .index-module__wrap--3zJFq .index-module__twoWrap--ejM-K.index-module__second--Ks1gT.index-module__slide--EVsoC {
    left: -moz-calc(95% - 279px);
    left: calc(95% - 279px)
  }

  .index-module__wrap--3zJFq .index-module__blockWrap--w5He3 .index-module__cardWrap--uHKvj {
    width: 279px
  }

  .index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__left--J0LL0 {
    left: -moz-calc(50% - 154px);
    left: calc(50% - 154px)
  }

  .index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__right--VSom2 {
    left: -moz-calc(50% + 154px);
    left: calc(50% + 154px)
  }

  .index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__preItem--YWhWE {
    left: -340px;
    opacity: 0;
    -webkit-transform: scale(.9) translateX(-100%);
    -moz-transform: scale(.9) translateX(-100%);
    -o-transform: scale(.9) translateX(-100%);
    transform: scale(.9) translateX(-100%)
  }

  .index-module__wrap--3zJFq .index-module__blockWrap--w5He3.index-module__nextItem--ktCAO {
    left: -moz-calc(100% + 340px);
    left: calc(100% + 340px);
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
  }
}

.index-module__tabTitles--AbpCl {
  width: 100%
}

.index-module__tabTitle--h2bZ8 {
  color: #181818;
  cursor: pointer;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 36px;
  letter-spacing: .002em;
  line-height: 36px;
  padding: 0 16px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s
}

.index-module__tabTitle--h2bZ8:hover {
  color: #1664ff
}

.index-module__tabTitle--h2bZ8+.index-module__tabTitle--h2bZ8 {
  margin-left: 16px
}

.index-module__tabs--FbabR {
  background: #fff;
  height: 313px;
  margin-top: 40px;
  position: relative;
  width: 100%
}

.index-module__tab--7qmmS {
  height: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  width: 100%
}

.index-module__tabImg--WXCzx {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 100%;
  width: 50%
}

.index-module__tabInfo--mAPeB {
  display: inline-block;
  height: 100%;
  padding: 66px 48px 0;
  vertical-align: top;
  width: 50%
}

.index-module__tabInfoTitle--mpFLo {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 32px
}

.index-module__tabDesc--IEx2A {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  margin-top: 24px
}

.index-module__buttons--MRxG1 {
  height: 32px;
  margin-top: 24px;
  width: 100%
}

.index-module__buttonArrow--choSp {
  display: inline-block;
  height: 10px;
  margin-left: 9.3px;
  vertical-align: baseline;
  width: 10px
}

.index-module__mobile--13amE {
  display: none;
  height: auto;
  width: 100%
}

.index-module__moTab--zswbt {
  background: #fff;
  max-height: 100vh;
  overflow: hidden;
  padding: 20px;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__moTab--zswbt+.index-module__moTab--zswbt {
  margin-top: 12px
}

.index-module__moTabTitle--7cYBR {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: unset;
  font-size: 16px;
  font-style: normal;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 24px;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s;
  white-space: nowrap;
  width: 100%
}

.index-module__moTabArrow--S61p- {
  margin-top: 4px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.index-module__moTabImg--c6kFY {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 324px;
  margin-top: 20px;
  width: 100%
}

.index-module__moTabDesc--RIfCZ {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 20px;
  width: 100%
}

.index-module__moButtons--6EWC0 {
  height: 34px;
  margin-top: 20px;
  width: 100%
}

@media screen and (min-width:1900px) {
  .index-module__tabTitle--h2bZ8 {
    font-size: 18px;
    height: 40px;
    line-height: 40px
  }

  .index-module__tabs--FbabR {
    height: 442px
  }

  .index-module__tabInfo--mAPeB {
    padding: 123px 72px 0
  }

  .index-module__tabInfoTitle--mpFLo {
    font-size: 20px;
    line-height: 36px
  }

  .index-module__tabDesc--IEx2A {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight)
  }
}

@media screen and (max-width:478px) {
  .index-module__pc--eixS1 {
    display: none
  }

  .index-module__mobile--13amE {
    display: block
  }

  .index-module__moTabImg--c6kFY {
    height: 198px
  }
}

@media screen and (min-width:478px) and (max-width:990px) {
  .index-module__pc--eixS1 {
    display: none
  }

  .index-module__mobile--13amE {
    display: block
  }
}

.index-module__navigator--Wo5s2 {
  -moz-box-pack: center;
  display: none;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 99
}

.index-module__tabs--SjpMl {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff;
  box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 52px;
  position: absolute;
  top: -26px;
  width: 88%
}

.index-module__tab--Qypq7 {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em
}

.index-module__tabNow--mEADZ {
  background: #1664ff;
  color: #fff;
  font-weight: 500
}

@media (any-hover:hover) and (min-width:990px) {
  .index-module__tab--Qypq7:hover {
    color: var(--color-primary);
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
  }

  .index-module__tabNow--mEADZ:hover {
    color: #fff;
    -webkit-transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    transition: unset
  }
}

@media screen and (min-width:1900px) {
  .index-module__tabs--SjpMl {
    width: 70%
  }
}

@media screen and (min-width:1440px) and (max-width:1900px) {
  .index-module__tabs--SjpMl {
    width: 76%
  }
}

@media screen and (max-width:478px) {
  .index-module__tabs--SjpMl {
    box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
    width: 100%
  }

  .index-module__tabs-product--JidE7 {
    -ms-overflow-style: none;
    overflow-x: scroll;
    padding: 0 3px;
    scrollbar-width: none
  }

  .index-module__tabs-product--JidE7::-webkit-scrollbar {
    display: none
  }

  .index-module__tab--Qypq7 {
    color: #393f56
  }

  .index-module__banInMob--8agqZ {
    display: none
  }

  .index-module__tab-product--t7oCK {
    -moz-box-flex: unset;
    -webkit-flex-grow: unset;
    flex-grow: unset;
    padding: 0 10px;
    white-space: nowrap
  }

  .index-module__tabNow--mEADZ {
    background: unset;
    color: #1664ff;
    font-weight: 400
  }
}

@media screen and (min-width:478px) and (max-width:990px) {
  .index-module__tabs--SjpMl {
    box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
    width: 100%
  }

  .index-module__tab--Qypq7 {
    color: #393f56
  }

  .index-module__banInMob--8agqZ {
    display: none
  }

  .index-module__tabNow--mEADZ {
    background: unset;
    color: #1664ff;
    font-weight: 400
  }
}

.index-module__pc--F\+D2y {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%
}

.index-module__tabInfos--bZCKh {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 368px;
  vertical-align: top;
  width: 372px
}

.index-module__tabImages--XxyYa {
  background: hsla(0, 0%, 100%, .05);
  display: inline-block;
  margin-left: 20px;
  min-height: 368px;
  padding: 32px;
  width: -moz-calc(100% - 392px);
  width: calc(100% - 392px)
}

.index-module__tabImageWrap--lRbOl {
  height: 100%;
  position: relative;
  width: 100%
}

.index-module__tabImage--eDxPt {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width: 100%
}

.index-module__tabInfo--vGOcW {
  background: hsla(0, 0%, 100%, .05);
  -webkit-flex-basis: 124px;
  flex-basis: 124px;
  padding: 16px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  -moz-transition: background-color .5s;
  transition: background-color .5s;
  width: 100%
}

.index-module__tabInfo--vGOcW+.index-module__tabInfo--vGOcW {
  margin-top: 16px
}

.index-module__tabTitle--phP6J {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 24px;
  width: 100%
}

.index-module__tabDesc--kMwyL {
  color: #fff;
  font-family: PingFang SC;
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: var(--font-size-normal-text-lineheight);
  margin-top: 12px;
  opacity: .7
}

.index-module__tabIcon--GGNAa {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 20px;
  width: 20px
}

.index-module__mobile--iTqLt {
  display: none;
  overflow-x: hidden
}

.index-module__moTabs--4fETH {
  -ms-overflow-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.index-module__moTabs--4fETH::-webkit-scrollbar {
  display: none
}

.index-module__moTab--LH1AJ {
  background: hsla(0, 0%, 100%, .05);
  display: inline-block;
  height: 382px;
  vertical-align: top;
  width: 312px
}

.index-module__moTab--LH1AJ+.index-module__moTab--LH1AJ {
  margin-left: 20px
}

.index-module__moTabImage--i9aEl {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 247.3px;
  width: 100%
}

.index-module__moTabInfo--7LAbw {
  padding: 20px;
  width: 100%
}

.index-module__moTabDesc--ofFtB {
  color: #fff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 12px;
  opacity: .7;
  white-space: normal
}

@media screen and (min-width:1280px) and (max-width:1900px) {
  .index-module__tabInfos--bZCKh {
    width: 420px
  }

  .index-module__tabInfo--vGOcW {
    padding: 24px
  }

  .index-module__tabImages--XxyYa {
    width: -moz-calc(100% - 440px);
    width: calc(100% - 440px)
  }
}

@media screen and (min-width:1900px) {
  .index-module__tabInfos--bZCKh {
    width: 530px
  }

  .index-module__tabInfo--vGOcW {
    -webkit-flex-basis: 152px;
    flex-basis: 152px;
    padding: 32px 30.75px 32px 33.25px
  }

  .index-module__tabTitle--phP6J {
    font-size: 20px;
    line-height: 28px
  }

  .index-module__tabIcon--GGNAa {
    height: 24px;
    width: 24px
  }

  .index-module__tabDesc--kMwyL {
    font-size: var(--font-size-big-text);
    letter-spacing: .002em;
    line-height: var(--font-size-big-text-lineheight);
    margin-top: 16px
  }

  .index-module__tabImages--XxyYa {
    padding: 44px;
    width: -moz-calc(100% - 550px);
    width: calc(100% - 550px)
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--F\+D2y {
    display: none
  }

  .index-module__mobile--iTqLt {
    display: inline;
    display: initial
  }
}

.index-module__footer--8xT\+t {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 305px;
  text-align: center;
  width: 100%
}

.index-module__title--tCBvT {
  color: #181818;
  font-size: 32px;
  letter-spacing: .3px;
  line-height: 40px;
  margin-top: 73px
}

.index-module__desc--Wq5cl,
.index-module__title--tCBvT {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap
}

.index-module__desc--Wq5cl {
  color: hsla(0, 0%, 9%, .8);
  font-size: 18px;
  line-height: 26px;
  margin-top: 12px
}

.index-module__contact--\+xGNf {
  margin-top: 32px
}

.index-module__contactInput--ClO3B {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: hsla(0, 0%, 100%, .5);
  border: unset;
  border-radius: unset;
  color: hsla(0, 0%, 9%, .8);
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  padding: 14px 16px;
  width: 400px !important
}

.index-module__contactInput--ClO3B:hover {
  background-color: #fff !important
}

.index-module__contactButton--nzxU\+ {
  background: #1664ff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 23px;
  text-align: center;
  vertical-align: top
}

@media screen and (min-width:1900px) {
  .index-module__footer--8xT\+t {
    height: 348px
  }

  .index-module__title--tCBvT {
    font-size: 36px;
    letter-spacing: .002em;
    line-height: 44px;
    margin-top: 90px
  }

  .index-module__desc--Wq5cl {
    font-size: 20px;
    letter-spacing: .002em;
    line-height: 28px;
    margin-top: 8px
  }

  .index-module__contact--\+xGNf {
    margin-top: 40px
  }
}

.index-module__moFooter--SHZdJ {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #1664ff;
  display: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 58px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 13px 20px;
  width: 100%
}

.index-module__moFooter--SHZdJ>.index-module__moText--P-jFM {
  color: #fff;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500
}

.index-module__moButton--uU8ZF {
  background: #fbfcff;
  border-radius: 2px;
  color: #1664ff;
  font-family: PingFang SC;
  font-size: 15.75px;
  font-style: normal;
  font-weight: 400;
  height: 32px;
  line-height: 16px;
  padding: 8px 20px;
  text-align: center;
  width: 109px
}

@media screen and (max-width:990px) {
  .index-module__footer--8xT\+t {
    display: none
  }

  .index-module__moFooter--SHZdJ {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
}

.index-module__container--4VuCA {
  background-color: #f7f7f7;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto
}

.index-module__bar--0BhHK {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 32px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: -20px;
  width: 100%
}

.index-module__bar--0BhHK .index-module__selects--opyXO {
  height: 100%;
  position: relative;
  vertical-align: top
}

.index-module__bar--0BhHK .index-module__select--vPdV4 {
  color: #1d2129;
  cursor: pointer;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: -moz-calc(100% - 1px);
  height: calc(100% - 1px);
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__bar--0BhHK .index-module__select--vPdV4 span {
  margin-left: 8px
}

.index-module__bar--0BhHK .index-module__select--vPdV4 .index-module__tabIcon--49n1n {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px
}

.index-module__bar--0BhHK .index-module__select--vPdV4+.index-module__select--vPdV4 {
  margin-left: 32px
}

.index-module__bar--0BhHK .index-module__select--vPdV4.index-module__selected--gbOdW {
  color: #1664ff;
  font-weight: 500
}

.index-module__bar--0BhHK .index-module__line--3WX5m {
  background-color: #1664ff;
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: left .3s ease, width .3s ease;
  -o-transition: left .3s ease, width .3s ease;
  -moz-transition: left .3s ease, width .3s ease;
  transition: left .3s ease, width .3s ease;
  width: 84px
}

.index-module__bar--0BhHK a {
  color: #1664ff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  text-decoration: none
}

.index-module__bar--0BhHK a .index-module__moveArrow--FoDGe {
  display: inline-block;
  margin-left: 8px;
  margin-top: -10px;
  vertical-align: top;
  width: 20px
}

.index-module__bar--0BhHK a span {
  vertical-align: top
}

.index-module__bar--0BhHK a:hover {
  color: #1664ff
}

.index-module__contentsContainer--8QWSX {
  height: 384px;
  margin-top: 50px;
  position: relative;
  width: 100%
}

.index-module__contents--qmo2H {
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.index-module__product-card--C9oan {
  background-color: #fff;
  display: inline-block;
  height: 182px;
  margin-right: 20px;
  margin-top: 20px;
  padding: 34px 34px 0;
  vertical-align: top;
  width: -moz-calc(25% - 15px);
  width: calc(25% - 15px)
}

.index-module__product-card--C9oan:nth-child(4n) {
  margin-right: 0
}

.index-module__product-card--C9oan:nth-child(-n+4) {
  margin-top: 0
}

.index-module__icon--ipVd6 {
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px
}

.index-module__title--HqJHM {
  -webkit-line-clamp: 1;
  color: #181818;
  font-size: 18px;
  font-weight: 500;
  height: 18px;
  letter-spacing: .002em;
  line-height: 18px;
  margin-top: 22px
}

.index-module__desc--HElNi,
.index-module__title--HqJHM {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: PingFang SC;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis
}

.index-module__desc--HElNi {
  -webkit-line-clamp: 2;
  color: #505050;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 22px;
  margin-top: 12px;
  max-height: 44px;
  width: 100%
}

@media screen and (min-width:1900px) {
  .index-module__bar--0BhHK a .index-module__moveArrow--FoDGe {
    margin-top: -15px
  }
}

.index-module__content--oyU-1 {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 32px auto 0;
  width: 1200px
}

.index-module__point--EYFEC {
  height: 196px;
  width: 400px
}

.index-module__img--IjNaL {
  background-repeat: no-repeat;
  background-size: contain;
  height: 48px;
  margin: 20px auto;
  width: 48px
}

.index-module__title--l6-cG {
  color: #1a202c;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.index-module__desc--i\+1EL,
.index-module__title--l6-cG {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  text-align: center
}

.index-module__desc--i\+1EL {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 12px auto 0;
  width: 260px
}

.index-module__moContent--a97y7 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 32px;
  padding: 0 24px;
  width: 100%
}

.index-module__moPoint--PtYJK {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 0 14px;
  width: 100%
}

.index-module__moPoint--PtYJK+.index-module__moPoint--PtYJK {
  margin-top: 40px
}

.index-module__moImg--G04mI {
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-flex-basis: 36px;
  flex-basis: 36px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 36px;
  margin-right: 24px;
  vertical-align: top
}

.index-module__moInfo--Qs\+sh {
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.index-module__moTitle--WObtR {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px
}

.index-module__moDesc--Vl2gh,
.index-module__moTitle--WObtR {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__moDesc--Vl2gh {
  color: #86909c;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 6px;
  width: 90%
}

@media screen and (min-width:767px) {
  .index-module__moContent--a97y7 {
    height: 236px
  }

  .index-module__moPoint--PtYJK {
    display: inline-block;
    height: 78px;
    margin-left: 57px;
    padding: 0;
    vertical-align: top;
    width: -moz-calc(50% - 97px);
    width: calc(50% - 97px)
  }

  .index-module__moPoint--PtYJK:nth-child(2n) {
    margin-left: 80px
  }

  .index-module__moPoint--PtYJK+.index-module__moPoint--PtYJK {
    margin-top: unset
  }

  .index-module__moPoint--PtYJK:nth-child(n+3) {
    margin-top: 80px
  }

  .index-module__moImg--G04mI {
    display: inline-block;
    -webkit-flex-basis: 48px;
    flex-basis: 48px;
    height: 48px;
    width: 48px
  }

  .index-module__moInfo--Qs\+sh {
    display: inline-block;
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px)
  }

  .index-module__moTitle--WObtR {
    font-size: 20px;
    line-height: 28px
  }

  .index-module__moDesc--Vl2gh {
    color: hsla(0, 0%, 9%, .8);
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px
  }
}

@media screen and (max-width:1023px) {
  .index-module__content--oyU-1 {
    display: none
  }

  .index-module__moContent--a97y7 {
    display: block
  }
}

.index-module__frameWrap--i8qJB {
  border: 1px solid #ebebeb;
  height: 100%;
  position: relative;
  width: 100%
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ {
  bottom: 12px;
  position: absolute;
  right: 12px;
  z-index: 3
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ button {
  background: #282828;
  border: unset;
  box-shadow: 1px 1px 6px rgba(40, 40, 40, .25);
  color: #fff;
  cursor: pointer;
  display: block;
  height: 32px;
  padding: unset;
  width: 32px
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ button:hover {
  background: #484848;
  box-shadow: 0 4px 6px rgba(40, 40, 40, .25)
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__disable--bMyUI {
  cursor: not-allowed
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__plus--d4zAk {
  font-size: 24px
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__reset--xnKBb {
  margin-bottom: 12px;
  position: relative
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__pop-over--HlAzK {
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  left: -140px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__pop-over--HlAzK.index-module__hidden--774is {
  opacity: 0;
  visibility: hidden
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__pop-over--HlAzK.index-module__hidden--774is.index-module__show--4rICn {
  opacity: 1;
  visibility: visible
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__pop-content--BYnJs {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-radius: 4px;
  box-shadow: 0 4px 10px #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  padding: 8px;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__rhombus---BKvj {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-bottom: none;
  border-bottom-right-radius: 2px;
  border-left: none;
  height: 8px;
  margin-left: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__iconFullscreen--u\+MVR {
  color: #fff;
  height: 16px;
  width: 16px
}

.index-module__frameWrap--i8qJB .index-module__tools--SQOlQ .index-module__minusSymbol--y8wez {
  background-color: #fff;
  border-radius: .5px;
  height: 2.4px;
  margin: auto;
  width: 12px
}

.index-module__frameWrap--i8qJB .index-module__zoom-content--UdfYX,
.index-module__frameWrap--i8qJB .index-module__zoom-wrapper--rAwUf {
  height: 100% !important;
  width: 100% !important
}

.index-module__frameWrap--i8qJB .index-module__innerWrap--nt148 {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px;
  width: 100%
}

.index-module__frameWrap--i8qJB .index-module__innerWrap--nt148 .index-module__picture--gj-0m {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.index-module__modal-wrap--Ya-7S {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__modal-wrap--Ya-7S .index-module__picture--gj-0m {
  max-height: 90vh;
  max-width: 90vw;
  -o-object-fit: contain;
  object-fit: contain;
  width: 90vw
}

.index-module__modal-wrap--Ya-7S .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px
}

.index-module__modal-wrap--Ya-7S .arco-icon-hover:hover:before {
  height: 26px;
  width: 26px
}

.index-module__modal-wrap--Ya-7S .arco-icon-close {
  height: 20px;
  width: 20px
}

.index-module__content--mO2ZV {
  background: #fff;
  border: 1px solid #e5e8ef;
  border-top: unset;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 32px auto 0;
  position: relative;
  width: 1200px
}

.index-module__tabs--H5ZoR {
  color: #86909c;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 50px;
  letter-spacing: .002em;
  line-height: 50px;
  width: 100%
}

.index-module__tab--I9z2H {
  background: #f6f7fb;
  border-bottom: 1px solid #e5e8ef;
  border-top: 1px solid #e5e8ef;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  text-align: center
}

.index-module__tab--I9z2H+.index-module__tab--I9z2H {
  border-left: 1px solid #e5e8ef
}

.index-module__activeTab--96Xx6 {
  background: #fff;
  border-bottom: unset;
  color: #1a202c
}

.index-module__activeTabLine--acR8H {
  background: #1664ff;
  height: 2px;
  position: absolute
}

.index-module__tabContents--1kTTs {
  height: 664px;
  position: relative;
  width: 100%
}

.index-module__tabContent--Bk1iA {
  height: 100%;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  width: 100%
}

.index-module__activeTabContent--5R6nw {
  pointer-events: all;
  visibility: visible
}

.index-module__frame--4Uzp0 {
  display: inline-block;
  height: 100%;
  width: 832px
}

.index-module__info--04h9H {
  display: inline-block;
  height: 100%;
  margin-left: 24px;
  margin-top: 21px;
  vertical-align: top;
  width: 300px
}

.index-module__title--d1j2T {
  color: #1a202c;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.index-module__desc--An9IW,
.index-module__title--d1j2T {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__desc--An9IW {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 12px;
  width: 100%
}

.index-module__more--zpsmi {
  margin-top: 24px
}

.index-module__advantageTitle--wSob8 {
  color: #1a202c;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__advantage--kI3bt {
  margin-top: 12px
}

.index-module__advantageText--LSWiM {
  color: hsla(0, 0%, 9%, .8);
  display: inline-block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-left: 10px;
  vertical-align: top
}

.index-module__button--eV\+to {
  background: #1664ff;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  margin-top: 24px;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.index-module__button--eV\+to:active,
.index-module__button--eV\+to:hover,
.index-module__button--eV\+to:link,
.index-module__button--eV\+to:visited {
  color: #fff
}

.index-module__cuttingLine--jQs75 {
  background: #e5e8ef;
  height: 1px;
  margin-top: 24px;
  width: 100%
}

.index-module__serviceTitle--b6lx- {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px
}

.index-module__service--lnIhk,
.index-module__serviceTitle--b6lx- {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__service--lnIhk {
  background: #f2f3f8;
  color: hsla(0, 0%, 9%, .8);
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  margin-top: 12px;
  padding: 7px 12px;
  text-decoration: none;
  width: 150px
}

.index-module__service--lnIhk .index-module__icon--bNQDQ {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  margin-top: 3px;
  width: 16px
}

.index-module__service--lnIhk:active,
.index-module__service--lnIhk:hover,
.index-module__service--lnIhk:link,
.index-module__service--lnIhk:visited {
  color: hsla(0, 0%, 9%, .8)
}

.index-module__for768--ATX2w {
  display: none
}

@media screen and (max-width:1023px) {
  .index-module__content--mO2ZV {
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px)
  }

  .index-module__tabs--H5ZoR {
    font-size: 12px;
    height: 31.2px;
    line-height: 31.2px
  }

  .index-module__activeTabLine--acR8H {
    height: 1.2px
  }

  .index-module__tabContents--1kTTs {
    height: 807px
  }

  .index-module__tabContent--Bk1iA {
    padding: 12px
  }

  .index-module__frame--4Uzp0 {
    display: block;
    height: 521px;
    width: 100%
  }

  .index-module__info--04h9H {
    display: block;
    height: auto;
    margin-left: 0;
    margin-top: 12px;
    padding: 12px;
    width: 100%
  }

  .index-module__for1200--16vWC {
    display: none
  }

  .index-module__advantageBlock--YB4LR {
    display: inline-block;
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px)
  }

  .index-module__advantage--kI3bt {
    margin-top: 10px
  }

  .index-module__for768--ATX2w {
    display: inline-block
  }

  .index-module__colCuttingLine--RlL84 {
    background: #e5e8ef;
    display: inline-block;
    height: 118px;
    width: 1px
  }

  .index-module__serviceBlock--PUpQ7 {
    display: inline-block;
    height: 118px;
    margin-left: 24px;
    vertical-align: top;
    width: 310px
  }

  .index-module__serviceTitle--b6lx- {
    margin-top: 0
  }

  .index-module__service--lnIhk {
    display: inline-block;
    width: 148px
  }

  .index-module__service--lnIhk:nth-child(odd) {
    margin-left: 12px
  }
}

.index-module__moContent--rOWSA {
  display: none
}

@media screen and (max-width:767px) {
  .index-module__content--mO2ZV {
    display: none
  }

  .index-module__moContent--rOWSA {
    display: block;
    margin-top: 32px;
    width: 100%
  }

  .index-module__title--d1j2T {
    margin-top: 24px
  }

  .index-module__advantageTitle--wSob8 {
    margin-top: 16px
  }

  .index-module__advantage--kI3bt {
    margin-top: 12px
  }

  .index-module__serviceTitle--b6lx- {
    margin-top: 16px
  }

  .index-module__service--lnIhk {
    width: -moz-calc(50% - 6px);
    width: calc(50% - 6px)
  }
}

.index-module__moSolution--c6IZp {
  max-height: 50px;
  padding: 11px 24px 24px;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__moCuttingLine--yeJQQ {
  background: #e5e8ef;
  height: 1px;
  width: 100%
}

.index-module__moTitle--sUpEQ {
  -moz-box-pack: justify;
  color: #1a202c;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 28px;
  width: 100%
}

.index-module__moFrameWrap--7Oysq {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 25px;
  overflow-x: auto;
  width: 100%
}

.index-module__moFrame--vnboI {
  background-color: #fff;
  border: .576429px solid #e5e8ef;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__wrap--iXjL1 {
  background-image: url(//portal.volccdn.com/obj/volcfe/starry/products3.0/advantageBg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.index-module__content--LWh9f {
  margin: 20px auto 0;
  width: 1200px
}

.index-module__tabs--aKKBK {
  -moz-box-pack: center;
  color: #4e5969;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 48px;
  position: relative;
  width: 100%
}

.index-module__tab--0UsJG {
  border-bottom: 1px solid #e5e8ef;
  cursor: pointer;
  padding: 0 25px
}

.index-module__activeTab--rMTkO {
  border-bottom: 2px solid #1664ff;
  color: #1664ff;
  font-weight: 500
}

.index-module__infos--KKsh2 {
  background: #fff;
  height: 303px;
  margin-top: 24px;
  position: relative;
  width: 100%
}

.index-module__info--zYzR- {
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width: 100%
}

.index-module__activeInfo--Os7A4 {
  opacity: 1;
  pointer-events: all
}

.index-module__img--jp57b {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 100%;
  width: 50%
}

.index-module__words--KHxTF {
  display: inline-block;
  height: 100%;
  padding: 48px 36px;
  vertical-align: top;
  width: 50%
}

.index-module__wordsWrap--\+RWjP {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.index-module__title--E8iof {
  color: #181818;
  font-family: PingFang SC;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 34px
}

.index-module__desc--u1UEa {
  color: #181818;
  font-weight: 400;
  letter-spacing: .002em;
  margin-bottom: 24px;
  margin-top: 12px;
  opacity: .8;
  width: 379px
}

.index-module__button--eJRzd,
.index-module__desc--u1UEa {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  line-height: 22px
}

.index-module__button--eJRzd {
  background: #1664ff;
  color: #fff;
  font-weight: 500;
  height: 38px;
  padding: 8px 32px;
  text-decoration: none
}

.index-module__button--eJRzd:active,
.index-module__button--eJRzd:hover,
.index-module__button--eJRzd:link,
.index-module__button--eJRzd:visited {
  color: #fff
}

.index-module__moContent--yN2pE {
  display: none;
  margin-top: 32px;
  padding: 0 24px;
  width: 100%
}

@media screen and (max-width:1023px) {
  .index-module__wrap--iXjL1 {
    background: #fff
  }

  .index-module__content--LWh9f {
    display: none
  }

  .index-module__moContent--yN2pE {
    display: block
  }
}

.index-module__moTab--NjIc0 {
  background: #f8f9fe;
  max-height: 50px;
  overflow: hidden;
  padding: 15px 16px;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__moTab--NjIc0+.index-module__moTab--NjIc0 {
  margin-top: 8px
}

.index-module__moActiveTab--dg6KL {
  max-height: 300vh
}

.index-module__moTitle--u9w3j {
  -moz-box-pack: justify;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 20px;
  width: 100%
}

.index-module__moImg--mqe9P {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  margin-top: 23px;
  width: 100%
}

.index-module__moDesc--AlyBs {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 9px;
  margin-top: 16px;
  opacity: .8;
  width: 100%
}

.index-module__moButton--QJ-29,
.index-module__moDesc--AlyBs {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__moButton--QJ-29 {
  background-color: #1664ff;
  color: #fff;
  font-size: 10.9833px;
  font-weight: 500;
  line-height: 17px;
  padding: 7px 18px;
  text-decoration: none
}

.index-module__moButton--QJ-29:active,
.index-module__moButton--QJ-29:hover,
.index-module__moButton--QJ-29:link,
.index-module__moButton--QJ-29:visited {
  color: #fff
}

.index-module__content--NVaZF {
  margin: 24px auto 0;
  width: 1200px
}

.index-module__advantage--PUf2m {
  background: #fff;
  display: inline-block;
  height: 168px;
  margin-top: 8px;
  padding: 36px 32px;
  width: 596px
}

.index-module__advantage--PUf2m:nth-child(2n) {
  margin-left: 8px
}

.index-module__icon--evNPg {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 48px;
  vertical-align: top;
  width: 48px
}

.index-module__info--3hK\+u {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  width: 424px
}

.index-module__title--8L9bK {
  color: #1a202c;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.index-module__desc--MgIS8,
.index-module__title--8L9bK {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__desc--MgIS8 {
  color: hsla(0, 0%, 9%, .8);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 12px
}

@media screen and (max-width:1023px) {
  .index-module__content--NVaZF {
    margin: unset;
    margin-top: 24px;
    padding: 0 24px;
    width: 100%
  }

  .index-module__advantage--PUf2m {
    height: 190px;
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px)
  }

  .index-module__info--3hK\+u {
    width: -moz-calc(100% - 68px);
    width: calc(100% - 68px)
  }
}

@media screen and (max-width:767px) {
  .index-module__content--NVaZF {
    margin-top: 31px;
    padding: 0 24px;
    width: 100%
  }

  .index-module__advantage--PUf2m {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 150px;
    margin-top: 0;
    padding: 28px 24px;
    width: 100%
  }

  .index-module__advantage--PUf2m+.index-module__advantage--PUf2m {
    margin-top: 8px
  }

  .index-module__advantage--PUf2m:nth-child(2n) {
    margin-left: 0
  }

  .index-module__icon--evNPg {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 38px;
    width: 38px
  }

  .index-module__info--3hK\+u {
    margin-left: 16px;
    width: auto
  }

  .index-module__title--8L9bK {
    font-size: 15.6904px;
    line-height: 22px
  }
}

.index-module__content--SjXOT {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 282px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 32px auto 0;
  width: 936px
}

.index-module__left--y0ush {
  display: inline-block;
  height: 100%;
  margin-right: 28px;
  vertical-align: top;
  width: 32px
}

.index-module__arrowCommon--R5-Um {
  stroke: #fff !important;
  color: #fff;
  cursor: pointer;
  height: 32px;
  margin-top: 125px;
  opacity: .5;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  width: 32px
}

.index-module__arrowCommon--R5-Um:hover {
  opacity: .9
}

.index-module__infos--G1JWh {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/bg-case.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 4px 7px 20px rgba(0, 33, 98, .1);
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
  width: 816px
}

.index-module__info--63Bk5 {
  height: 100%;
  opacity: 0;
  padding: 45px 61px;
  position: absolute;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  width: 100%
}

.index-module__activeInfo--L-B3E {
  opacity: 1
}

.index-module__right--gIojk {
  display: inline-block;
  height: 100%;
  margin-left: 28px;
  vertical-align: top;
  width: 32px
}

.index-module__logo--\+FCJo {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 32px;
  width: 100%
}

.index-module__desc--LgCwI {
  margin-top: 28px;
  width: 689px
}

.index-module__comp--nI9cX,
.index-module__desc--LgCwI {
  color: #fff;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px
}

.index-module__comp--nI9cX {
  bottom: 48px;
  position: absolute
}

.index-module__listWrap--OyaGY {
  height: 45px;
  margin-top: 48px;
  position: relative;
  width: 100%
}

.index-module__list--YdQiN {
  height: 100%;
  position: absolute;
  white-space: nowrap
}

.index-module__listItem--JbFvx {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: inline-block;
  height: 100%;
  opacity: .8;
  width: 220px
}

.index-module__listCoverLeft--dKUsz {
  background: -webkit-gradient(linear, left top, right top, color-stop(33.24%, #1c68ff), color-stop(94.1%, rgba(32, 106, 254, 0)));
  background: -webkit-linear-gradient(left, #1c68ff 33.24%, rgba(32, 106, 254, 0) 94.1%);
  background: -moz-linear-gradient(left, #1c68ff 33.24%, rgba(32, 106, 254, 0) 94.1%);
  background: linear-gradient(90deg, #1c68ff 33.24%, rgba(32, 106, 254, 0) 94.1%);
  height: 100%;
  position: absolute;
  width: 212px
}

@media screen and (max-width:1023px) {
  .index-module__content--SjXOT {
    height: 230px;
    width: 762px
  }

  .index-module__left--y0ush {
    margin-right: 16px
  }

  .index-module__arrowCommon--R5-Um {
    margin-top: 99px
  }

  .index-module__infos--G1JWh {
    width: 666px
  }

  .index-module__info--63Bk5 {
    padding: 37px 50px
  }

  .index-module__right--gIojk {
    margin-left: 16px
  }

  .index-module__desc--LgCwI {
    margin-top: 18px;
    width: 562px
  }

  .index-module__comp--nI9cX,
  .index-module__desc--LgCwI {
    font-size: 14px;
    line-height: 20px
  }

  .index-module__listWrap--OyaGY {
    height: 34px
  }

  .index-module__listItem--JbFvx {
    width: 150px
  }

  .index-module__listCoverLeft--dKUsz {
    width: 127px
  }
}

.index-module__moContent--R3Y9K {
  display: none
}

@media screen and (max-width:767px) {
  .index-module__content--SjXOT {
    display: none
  }

  .index-module__moContent--R3Y9K {
    -ms-overflow-style: none;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 357px;
    margin-top: 32px;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
  }

  .index-module__moContent--R3Y9K::-webkit-scrollbar {
    display: none
  }

  .index-module__logo--\+FCJo {
    height: 25px
  }

  .index-module__desc--LgCwI {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    white-space: pre-wrap;
    width: 218px
  }

  .index-module__comp--nI9cX {
    bottom: 34px;
    font-size: 14px;
    line-height: 24px
  }

  .index-module__listWrap--OyaGY {
    height: 30px;
    margin-top: 32px
  }

  .index-module__listCoverLeft--dKUsz {
    display: none
  }
}

.index-module__moInfo--Mb7rc {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/bg-case-mob.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 4px 7px 20px rgba(0, 33, 98, .1);
  display: inline-block;
  height: 100%;
  margin-left: 20px;
  padding: 32px;
  position: relative;
  vertical-align: top;
  width: 280px
}

@font-face {
  font-family: Montserrat;
  src: url(//portal.volccdn.com/obj/volcfe/solutions/ByteSans-Regular.ttf)
}

.index-module__content--J0Jdl {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 32px auto 0;
  width: 1200px
}

.index-module__questions--ZAf9X {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 400px;
  width: 542px
}

.index-module__question--cqq-q {
  cursor: pointer;
  max-height: 72px;
  overflow: hidden;
  padding: 24px 0;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__activeQuestion--im6NC {
  max-height: 300vh
}

.index-module__activeQuestion--im6NC .index-module__desc--8VJp0 {
  opacity: .8;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s
}

.index-module__number--fh3Yo {
  color: #181818;
  display: inline-block;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.2px;
  line-height: 24px;
  opacity: .5;
  vertical-align: top;
  width: 24px
}

.index-module__info--cYr-L {
  display: inline-block;
  margin-left: 24px;
  vertical-align: top;
  width: 494px
}

.index-module__cuttingLine--9Gxw\+ {
  background-color: rgba(229, 232, 239, .5);
  height: 1px;
  width: 494px
}

.index-module__title--aDrop {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 24px
}

.index-module__desc--8VJp0,
.index-module__title--aDrop {
  color: #181818;
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__desc--8VJp0 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 10px;
  opacity: 0
}

.index-module__moContent--Y8-QI {
  display: none
}

@media screen and (max-width:1023px) {
  .index-module__content--J0Jdl {
    display: none
  }

  .index-module__moContent--Y8-QI {
    display: block;
    margin-top: 32px;
    padding: 0 24px;
    width: 100%
  }

  .index-module__questions--ZAf9X {
    width: 100%
  }

  .index-module__question--cqq-q {
    max-height: 56px;
    padding: 18px 0
  }

  .index-module__activeQuestion--im6NC {
    max-height: 300vh
  }

  .index-module__number--fh3Yo {
    font-size: 14px;
    line-height: 19px;
    width: 19px
  }

  .index-module__info--cYr-L {
    margin-left: 16px
  }

  .index-module__cuttingLine--9Gxw\+,
  .index-module__desc--8VJp0,
  .index-module__info--cYr-L {
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px)
  }

  .index-module__desc--8VJp0 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px
  }
}

@media screen and (max-width:767px) {
  .index-module__questions--ZAf9X {
    margin-bottom: -24px;
    min-height: unset
  }

  .index-module__title--aDrop {
    font-size: 14px
  }
}

.index-module__banner--lQ-qR {
  background-color: #fff;
  display: none;
  padding-bottom: 24px;
  width: 100%
}

.index-module__bg--DxwUY {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 373px;
  width: 100%
}

.index-module__title--sKCyy {
  color: #1d2129;
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  margin-top: 24px
}

.index-module__desc--m8JsC,
.index-module__title--sKCyy {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  text-align: center
}

.index-module__desc--m8JsC {
  color: #4e5969;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  padding: 0 45px;
  width: 100%
}

.index-module__buttons--N4ip4 {
  margin-top: 24px;
  padding: 0 24px;
  width: 100%
}

.index-module__buttons--N4ip4 .index-module__button--to90S {
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 44px;
  letter-spacing: .002em;
  line-height: 44px;
  text-align: center;
  width: 100%
}

.index-module__buttons--N4ip4 .index-module__button--to90S+.index-module__button--to90S {
  margin-top: 8px
}

.index-module__buttons--N4ip4 .index-module__button-primary--4DGxn {
  background: #1664ff;
  color: #fff
}

.index-module__buttons--N4ip4 .index-module__button-secondary--rmaBB {
  background: #f2f3f8;
  color: #1d2129
}

.index-module__buttons--N4ip4 .index-module__button-text--U1hSh {
  color: #181818
}

@media screen and (max-width:767px) {
  .index-module__banner--lQ-qR {
    display: block
  }
}

.index-module__navigator--ZTQbU {
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  z-index: 99
}

.index-module__navigator--ZTQbU,
.index-module__tabs--Ak3BC {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute
}

.index-module__tabs--Ak3BC {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff;
  box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
  height: 52px;
  top: -26px;
  width: 1200px
}

.index-module__tab--cWckz {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em
}

.index-module__tabNow--1kk80 {
  background: #1664ff;
  color: #fff;
  font-weight: 500
}

@media (any-hover:hover) {
  .index-module__tab--cWckz:hover {
    color: var(--color-primary);
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
  }

  .index-module__tabNow--1kk80:hover {
    color: #fff;
    -webkit-transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    transition: unset
  }
}

@media screen and (max-width:1200px) {
  .index-module__tabs--Ak3BC {
    width: 100vw !important
  }
}

.index-module__moNavi--iWbak {
  -moz-box-pack: center;
  display: none;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  top: 0;
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  -moz-transition: top .5s;
  transition: top .5s;
  width: 100%;
  z-index: 99
}

.index-module__moNaviShow--NMCEY {
  top: 60px
}

.index-module__moTabs--5ASfa {
  -ms-overflow-style: none;
  background-color: #fff;
  box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 44px;
  overflow-x: scroll;
  padding: 0 14px;
  scrollbar-width: none;
  width: 100%
}

.index-module__moTabs--5ASfa::-webkit-scrollbar {
  display: none
}

.index-module__moTab--jHFRU {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #4e5969;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__moTabScroll--rDLD8 {
  -moz-box-flex: unset;
  -webkit-flex-grow: unset;
  flex-grow: unset;
  padding: 0 10px;
  white-space: nowrap
}

.index-module__moTabNow--3udyK {
  color: var(--color-primary)
}

@media screen and (max-width:767px) {
  .index-module__navigator--ZTQbU {
    display: none
  }

  .index-module__moNavi--iWbak {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
}

@media screen and (max-width:600px) {
  .index-module__moNaviShow--NMCEY {
    top: 48px
  }
}

.index-module__banner--JwhR8 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 540px;
  padding-top: 174px;
  width: 100%
}

.index-module__content--rhf1t {
  margin: 0 auto;
  width: 1200px
}

.index-module__title--JFSVE {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 52px
}

.index-module__desc--OPS87,
.index-module__title--JFSVE {
  color: #181818;
  font-family: PingFang SC;
  font-style: normal
}

.index-module__desc--OPS87 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px;
  margin-top: 12px;
  width: 500px
}

.index-module__buttons--gj1Ne {
  margin-top: 32px
}

@media screen and (max-width:1439px) {
  .index-module__banner--JwhR8 {
    height: 484px;
    padding-top: 153px
  }

  .index-module__content--rhf1t {
    margin: unset;
    padding: 0 80px;
    width: 100%
  }
}

@media screen and (max-width:1023px) {
  .index-module__banner--JwhR8 {
    height: 451px;
    padding-top: 137px
  }

  .index-module__content--rhf1t {
    padding: 0 62px
  }

  .index-module__desc--OPS87 {
    width: 420px
  }
}

@media screen and (max-width:767px) {
  .index-module__banner--JwhR8 {
    display: none
  }
}

.index-module__card--yKK6a {
  display: inline-block;
  height: 400px;
  padding: 54px 32px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  -moz-transition: background-color .5s;
  transition: background-color .5s;
  width: 25%
}

.index-module__lessCard--StG\+b {
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.index-module__moCard--AJ\+W8 {
  background-color: #fff;
  display: inline-block;
  height: 361px;
  padding: 32px 28px;
  vertical-align: top;
  width: 312px
}

.index-module__moCard--AJ\+W8+.index-module__moCard--AJ\+W8 {
  margin-left: 20px
}

.index-module__logo--aqGAS {
  background-repeat: no-repeat;
  background-size: contain;
  height: 92px;
  margin-bottom: 24px;
  width: 92px
}

.index-module__title--S6Tmx {
  font-size: 18px;
  line-height: 26px;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s
}

.index-module__moTitle--1BAJE,
.index-module__title--S6Tmx {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  margin-bottom: 16px
}

.index-module__moTitle--1BAJE {
  color: #181818;
  font-size: 16px;
  line-height: 24px
}

.index-module__desc--vF27f {
  font-family: PingFang SC;
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  margin-bottom: 20px;
  overflow: hidden;
  text-align: justify;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s;
  white-space: pre-wrap;
  width: 100%
}

.index-module__moDesc--QQHQ7 {
  color: hsla(0, 0%, 9%, .8);
  margin-bottom: 27px
}

.index-module__button--Muufu {
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 22px;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__buttonIcon--uQY3b {
  margin-left: 9.33px
}

.index-module__card--yKK6a:nth-child(odd) {
  background-color: #282828
}

.index-module__card--yKK6a:nth-child(odd) .index-module__title--S6Tmx {
  color: #fff
}

.index-module__card--yKK6a:nth-child(odd) .index-module__desc--vF27f {
  color: hsla(0, 0%, 100%, .8)
}

.index-module__card--yKK6a:nth-child(2n) {
  background-color: #fff
}

.index-module__card--yKK6a:nth-child(2n) .index-module__title--S6Tmx {
  color: #181818
}

.index-module__card--yKK6a:nth-child(2n) .index-module__desc--vF27f {
  color: hsla(0, 0%, 9%, .8)
}

.index-module__card--yKK6a:hover {
  background-color: #1664ff
}

.index-module__card--yKK6a:hover .index-module__title--S6Tmx {
  color: #fff
}

.index-module__card--yKK6a:hover .index-module__desc--vF27f {
  color: hsla(0, 0%, 100%, .8)
}

.index-module__card--yKK6a:hover .index-module__button--Muufu {
  opacity: 1
}

.index-module__pc--3ta8N {
  padding-bottom: 100px
}

.index-module__mobile--K5txd {
  -ms-overflow-style: none;
  display: none;
  overflow-x: scroll;
  padding: 0 5% 32px;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.index-module__mobile--K5txd::-webkit-scrollbar {
  display: none
}

@media screen and (min-width:1900px) {
  .index-module__card--yKK6a {
    height: 460px;
    padding: 36px
  }

  .index-module__logo--aqGAS {
    height: 96px;
    width: 96px
  }

  .index-module__title--S6Tmx {
    font-size: 20px
  }

  .index-module__desc--vF27f {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    margin-bottom: 62px
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--3ta8N {
    display: none
  }

  .index-module__mobile--K5txd {
    display: block
  }
}

.index-module__button--ShQbO {
  background-color: var(--color-primary);
  border: unset;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 34px;
  line-height: 22px;
  width: 116px
}

.index-module__button-white--yJwQA {
  background-color: #fff !important;
  color: var(--color-primary) !important
}

.index-module__button-black--EtqHr {
  background-color: #fff !important;
  color: var(--color-text-primary) !important
}

.index-module__button-gray--m1nvO {
  background-color: #f7f7f7 !important;
  color: #000 !important;
  font-family: unset !important;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s
}

.index-module__button-gray--m1nvO:hover {
  color: var(--color-primary) !important
}

.index-module__button-transparent--DPAKQ {
  background-color: unset !important;
  color: hsla(0, 0%, 9%, .8) !important
}

.index-module__icon-right--\+bSLz {
  height: 14px;
  margin-left: 7px;
  width: 14px
}

@media screen and (min-width:1900px) {
  .index-module__button--ShQbO {
    font-size: 16px;
    height: 36px;
    line-height: 24px;
    width: 130px
  }

  .index-module__icon-right--\+bSLz {
    height: 16px;
    width: 16px
  }
}

@media screen and (max-width:990px) {
  .index-module__button--ShQbO {
    height: 34px;
    padding: 0 12px;
    white-space: nowrap;
    width: 106px
  }
}

.index-module__container--jjfux {
  position: relative;
  width: 100%
}

.index-module__wrap--6etc1 {
  -ms-overflow-style: none;
  margin-left: 6%;
  margin-right: 6%;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
  width: 88%
}

.index-module__wrap--6etc1 div {
  vertical-align: top
}

.index-module__wrap--6etc1::-webkit-scrollbar {
  display: none
}

.index-module__wrap-flex--BIZCN {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__rightScroll--xfvY7 {
  background: -webkit-linear-gradient(180.76deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  background: -moz-linear-gradient(180.76deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  background: linear-gradient(269.24deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 6%
}

.index-module__leftScroll---SybT {
  background: -webkit-linear-gradient(359.24deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  background: -moz-linear-gradient(359.24deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  background: linear-gradient(90.76deg, #fff .52%, hsla(0, 0%, 100%, 0) 99.22%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6%
}

@media screen and (min-width:1900px) {
  .index-module__wrap--6etc1 {
    margin-left: 15%;
    margin-right: 15%;
    width: 70%
  }

  .index-module__leftScroll---SybT,
  .index-module__rightScroll--xfvY7 {
    width: 15%
  }
}

@media screen and (max-width:1900px) and (min-width:1440px) {
  .index-module__wrap--6etc1 {
    margin-left: 12%;
    margin-right: 12%;
    width: 76%
  }

  .index-module__leftScroll---SybT,
  .index-module__rightScroll--xfvY7 {
    width: 12%
  }
}

.index-module__arrowBox--zHZzZ {
  border-radius: 50px;
  cursor: pointer;
  -webkit-filter: drop-shadow(0 4px 11px rgba(0, 0, 0, .06));
  filter: drop-shadow(0 4px 11px rgba(0, 0, 0, .06))
}

.index-module__arrowBox--zHZzZ .index-module__arrow--\+9MX8 {
  left: 65%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.index-module__arrowBox--zHZzZ .index-module__arrow1--D03zE {
  -webkit-animation: index-module__arrow-movement--Mtkco 2s ease-in-out infinite;
  -moz-animation: index-module__arrow-movement--Mtkco 2s ease-in-out infinite;
  animation: index-module__arrow-movement--Mtkco 2s ease-in-out infinite
}

.index-module__arrowBox--zHZzZ .index-module__arrow2--3oO\+T {
  -webkit-animation: index-module__arrow-movement--Mtkco 2s ease-in-out 1s infinite;
  -moz-animation: index-module__arrow-movement--Mtkco 2s ease-in-out 1s infinite;
  animation: index-module__arrow-movement--Mtkco 2s ease-in-out 1s infinite
}

@-webkit-keyframes index-module__arrow-movement--Mtkco {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-moz-keyframes index-module__arrow-movement--Mtkco {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes index-module__arrow-movement--Mtkco {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.index-module__pc--WQvgR {
  padding-bottom: 100px
}

.index-module__card--riHm2 {
  background-repeat: no-repeat;
  background-size: 100% 300px;
  display: inline-block;
  height: 480px;
  vertical-align: top;
  width: 25%
}

.index-module__lessCard--eSUh8 {
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.index-module__flexContainer--FaZa7 {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  width: 100%
}

.index-module__cardInfo--Bt5L4 {
  -webkit-flex-basis: 180px;
  flex-basis: 180px;
  overflow: hidden;
  padding: 36px;
  -webkit-transition: -webkit-flex-basis .5s .1s;
  transition: -webkit-flex-basis .5s .1s;
  -o-transition: flex-basis .5s .1s;
  -moz-transition: flex-basis .5s .1s, -moz-flex-basis .5s .1s;
  transition: flex-basis .5s .1s;
  transition: flex-basis .5s .1s, -webkit-flex-basis .5s .1s, -moz-flex-basis .5s .1s;
  width: 100%
}

.index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi {
  font-family: Montserrat;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 4px
}

.index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi,
.index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s
}

.index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
  font-family: PingFang SC;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px
}

.index-module__cardInfo--Bt5L4 .index-module__desc--GXj9r {
  color: hsla(0, 0%, 100%, .8);
  font-size: var(--font-size-normal-text);
  font-weight: 400;
  line-height: var(--font-size-normal-text-lineheight);
  margin-bottom: 24px;
  opacity: 0;
  text-align: justify;
  white-space: pre-wrap
}

.index-module__cardInfo--Bt5L4 .index-module__button--t7Mi8,
.index-module__cardInfo--Bt5L4 .index-module__desc--GXj9r {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s
}

.index-module__cardInfo--Bt5L4 .index-module__button--t7Mi8 {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  opacity: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__cardInfo--Bt5L4 .index-module__buttonIcon--i6C07 {
  margin-left: 9.33px
}

.index-module__card--riHm2:nth-child(odd) {
  background-position: top
}

.index-module__card--riHm2:nth-child(odd) .index-module__flexContainer--FaZa7 {
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.index-module__card--riHm2:nth-child(odd) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 {
  background-color: #1a1a1f
}

.index-module__card--riHm2:nth-child(odd) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi,
.index-module__card--riHm2:nth-child(odd) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
  color: #fff
}

.index-module__card--riHm2:nth-child(2n) {
  background-position: bottom
}

.index-module__card--riHm2:nth-child(2n) .index-module__flexContainer--FaZa7 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.index-module__card--riHm2:nth-child(2n) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 {
  background-color: #fff
}

.index-module__card--riHm2:nth-child(2n) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi,
.index-module__card--riHm2:nth-child(2n) .index-module__flexContainer--FaZa7 .index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
  color: #181818
}

.index-module__card--riHm2:hover .index-module__cardInfo--Bt5L4 {
  -webkit-flex-basis: 324px;
  flex-basis: 324px;
  -webkit-transition: -webkit-flex-basis .5s;
  transition: -webkit-flex-basis .5s;
  -o-transition: flex-basis .5s;
  -moz-transition: flex-basis .5s, -moz-flex-basis .5s;
  transition: flex-basis .5s;
  transition: flex-basis .5s, -webkit-flex-basis .5s, -moz-flex-basis .5s
}

.index-module__card--riHm2:hover .index-module__cardInfo--Bt5L4 .index-module__button--t7Mi8,
.index-module__card--riHm2:hover .index-module__cardInfo--Bt5L4 .index-module__desc--GXj9r {
  opacity: 1
}

.index-module__card--riHm2:nth-child(2n):hover .index-module__cardInfo--Bt5L4,
.index-module__card--riHm2:nth-child(odd):hover .index-module__cardInfo--Bt5L4 {
  background-color: #1664ff
}

.index-module__card--riHm2:nth-child(2n):hover .index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi,
.index-module__card--riHm2:nth-child(2n):hover .index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
  color: #fff
}

@media screen and (min-width:1900px) {
  .index-module__card--riHm2 {
    height: 480px
  }

  .index-module__cardInfo--Bt5L4 .index-module__number--\+HlAi {
    font-size: 40px
  }

  .index-module__cardInfo--Bt5L4 .index-module__title--gHGaI {
    font-size: 20px;
    line-height: 28px
  }

  .index-module__cardInfo--Bt5L4 .index-module__desc--GXj9r {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    margin-bottom: 36px
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--WQvgR {
    display: none
  }
}

.index-module__mobile--rIsXH {
  display: none;
  height: auto;
  padding: 0 5% 32px;
  width: 100%
}

.index-module__moTab--SPux- {
  background: #fff;
  max-height: 200vh;
  overflow: hidden;
  padding: 20px;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__moTab--SPux-+.index-module__moTab--SPux- {
  margin-top: 12px
}

.index-module__moTabTitle--84i7h {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: unset;
  font-size: 16px;
  font-style: normal;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 24px;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s;
  white-space: nowrap;
  width: 100%
}

.index-module__moTabArrow--a0lA0 {
  margin-top: 4px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.index-module__moTabImg--WQW2k {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 198px;
  margin-top: 20px;
  position: relative;
  width: 100%
}

.index-module__moTabDesc--MaNcB {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 20px;
  width: 100%
}

.index-module__tabDesc--YEHw0 {
  margin-top: 12px
}

.index-module__tabDescTitle--U\+8uh {
  color: #181818;
  font-weight: 500;
  margin-left: 8px
}

.index-module__tabDescDesc--ZGeNy,
.index-module__tabDescTitle--U\+8uh {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__tabDescDesc--ZGeNy {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 9%, .8);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-weight: 400;
  margin-top: 2px;
  white-space: pre-wrap
}

@media screen and (max-width:990px) {
  .index-module__mobile--rIsXH {
    display: block
  }
}

@media screen and (max-width:478px) {
  .index-module__moTabImg--WQW2k {
    height: 198px
  }
}

.index-module__videoPlay--H9BpY {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/ic_play_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 60px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px
}

.index-module__videoPlay--H9BpY:hover {
  background-image: url(//portal.volccdn.com/obj/volcfe/solutions/ic_play_hov.png)
}

.index-module__videoModal--lQ6Yx {
  background-color: #000;
  top: 50%;
  width: 80vw
}

.index-module__videoModal--lQ6Yx .index-module__videoModalContent--tbJhU {
  max-height: 80vh;
  width: 100%
}

.index-module__videoModal--lQ6Yx .index-module__videoModalClose--84cID {
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  right: -40px;
  top: -40px
}

@media screen and (max-width:990px) {
  .index-module__videoPlay--H9BpY {
    height: 42px;
    width: 42px
  }

  .index-module__videoPlay--H9BpY:hover {
    background-image: url(//portal.volccdn.com/obj/volcfe/solutions/ic_play_2.png)
  }

  .index-module__videoModal--lQ6Yx {
    width: 100%
  }

  .index-module__videoModalClose--84cID {
    display: none
  }
}

.index-module__pc--3AjsO {
  position: relative
}

.index-module__folderContainer--Mfph8 {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%
}

.index-module__containerPadding--aQ-Gv {
  padding: 0 6% 100px
}

.index-module__tab--tBrcn {
  -moz-box-flex: 105;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-grow: 105;
  flex-grow: 105;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 363px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s
}

.index-module__tabImage--cKErY {
  -moz-box-flex: 586;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-flex-grow: 586;
  flex-grow: 586;
  height: 100%
}

.index-module__tabInfo--aVyxZ {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-basis: 0px;
  flex-basis: 0px;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  opacity: 0
}

.index-module__tabInfo--aVyxZ .index-module__logo--lpLJu {
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-flex-basis: 62px;
  flex-basis: 62px;
  width: 0
}

.index-module__tabInfo--aVyxZ .index-module__tabTitle--btU-o {
  color: #000;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 16px;
  overflow: hidden;
  width: 0
}

.index-module__tabInfo--aVyxZ .index-module__tabDesc--vBxjD {
  color: #000;
  font-family: PingFang SC;
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  margin-bottom: 44px;
  opacity: .8;
  overflow: hidden;
  text-align: justify;
  width: 0
}

.index-module__tabInfo--aVyxZ .index-module__tabButton--ikbfQ {
  width: 0
}

.index-module__currentTab--IcMxF {
  -moz-box-flex: 876;
  -webkit-flex-grow: 876;
  flex-grow: 876
}

.index-module__currentTab--IcMxF .index-module__tabImage--cKErY {
  background-size: 100% 100%
}

.index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ {
  -webkit-flex-basis: 290px;
  flex-basis: 290px;
  opacity: 1;
  padding: 36px;
  -webkit-transition: opacity .2s ease .2s;
  -o-transition: opacity .2s ease .2s;
  -moz-transition: opacity .2s ease .2s;
  transition: opacity .2s ease .2s
}

.index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__logo--lpLJu {
  width: 100%
}

.index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__tabDesc--vBxjD,
.index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__tabTitle--btU-o {
  width: 218px
}

.index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__tabButton--ikbfQ {
  width: 116px
}

.index-module__arrowHint--dpb8w {
  position: absolute;
  top: -moz-calc(50% - 74px);
  top: calc(50% - 74px);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s
}

@media screen and (min-width:1900px) {
  .index-module__containerPadding--aQ-Gv {
    padding: 0 15% 100px
  }

  .index-module__tab--tBrcn {
    height: 454px
  }

  .index-module__tabInfo--aVyxZ .index-module__tabTitle--btU-o {
    font-size: 20px
  }

  .index-module__tabInfo--aVyxZ .index-module__tabDesc--vBxjD {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    margin-bottom: 62px
  }

  .index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ {
    -webkit-flex-basis: 362px;
    flex-basis: 362px
  }

  .index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__tabDesc--vBxjD,
  .index-module__currentTab--IcMxF .index-module__tabInfo--aVyxZ .index-module__tabTitle--btU-o {
    width: 290px
  }
}

@media screen and (max-width:1900px) and (min-width:1440px) {
  .index-module__containerPadding--aQ-Gv {
    padding: 0 12% 100px
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--3AjsO {
    display: none
  }
}

.index-module__pc--gjm0n {
  height: 735px;
  padding: 0 6% 100px;
  position: relative;
  width: 100%
}

.index-module__titles--AdbUb {
  height: 36px;
  white-space: nowrap;
  width: 100%
}

.index-module__title--9Uyfl {
  background-color: #fff;
  color: #181818;
  cursor: pointer;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 22px;
  padding: 7px 16px;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s
}

.index-module__title--9Uyfl:hover {
  color: var(--color-primary)
}

.index-module__currentTitle--jkoRs {
  background-color: #1664ff;
  color: #fff;
  font-weight: 500;
  -webkit-transition: unset;
  -o-transition: unset;
  -moz-transition: unset;
  transition: unset
}

.index-module__currentTitle--jkoRs:hover {
  color: #fff
}

.index-module__title--9Uyfl+.index-module__title--9Uyfl {
  margin-left: 16px
}

.index-module__tab--nNUvJ {
  height: 565px;
  position: absolute;
  top: 70px;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  white-space: nowrap;
  width: 88%
}

.index-module__tabImg--lZeqW {
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 100%;
  margin-right: 100px;
  position: relative;
  vertical-align: top;
  width: 580px
}

.index-module__tabInfo--ZLbtr {
  display: inline-block;
  padding-top: 30px;
  vertical-align: top;
  width: -moz-calc(100% - 680px);
  width: calc(100% - 680px)
}

.index-module__tabDesc--1Omc\++.index-module__tabDesc--1Omc\+ {
  margin-top: 24px
}

.index-module__tabDescTitle--ypn1y {
  color: #181818;
  font-family: PingFang SC;
  font-size: var(--font-size-normal-title);
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-title-lineheight);
  margin-left: 16px
}

.index-module__tabDescDesc--7\+7i3 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #4e5969;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: var(--font-size-normal-text);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-size-normal-text-lineheight);
  margin-top: 12px;
  white-space: pre-wrap
}

.index-module__tabButton--uAASp {
  margin-top: 24px
}

@media screen and (min-width:1900px) {
  .index-module__pc--gjm0n {
    height: 833px;
    padding: 0 15% 100px
  }

  .index-module__titles--AdbUb {
    height: 40px
  }

  .index-module__tab--nNUvJ {
    height: 638px;
    position: absolute;
    top: 95px;
    width: 70%
  }

  .index-module__tabImg--lZeqW {
    margin-right: 203px;
    width: 654px
  }

  .index-module__tabInfo--ZLbtr {
    width: -moz-calc(100% - 857px);
    width: calc(100% - 857px)
  }

  .index-module__tabDesc--1Omc\++.index-module__tabDesc--1Omc\+ {
    margin-top: 36px
  }

  .index-module__tabDescTitle--ypn1y {
    font-size: var(--font-size-big-title);
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__tabDescDesc--7\+7i3 {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    margin-top: 16px
  }

  .index-module__tabButton--uAASp {
    margin-top: 36px
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--gjm0n {
    display: none
  }
}

@media screen and (min-width:1440px) and (max-width:1900px) {
  .index-module__pc--gjm0n {
    padding: 0 12% 100px
  }

  .index-module__tab--nNUvJ {
    width: 76%
  }
}

.index-module__card-container--MKmKy {
  padding-right: unset !important
}

.index-module__pc--ALAu0 {
  height: 432px;
  width: 100%
}

.index-module__pc-4--9PjAp {
  height: 560px;
  width: 100%
}

.index-module__wrap--En7J6 {
  -moz-box-orient: horizontal;
  -moz-box-pack: justify;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}

.index-module__tabInfos--PCjyw,
.index-module__wrap--En7J6 {
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__tabInfos--PCjyw {
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 378px
}

.index-module__tabInfo--ghTmd {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  background: hsla(0, 0%, 100%, .05);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 100%
}

.index-module__tabInfo--ghTmd.index-module__active--otDHB {
  background: var(--color-primary)
}

.index-module__tabInfo--ghTmd+.index-module__tabInfo--ghTmd {
  margin-top: 16px
}

.index-module__tabTitle--UPP5R {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-size: var(--font-size-normal-title);
  font-weight: 500;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: var(--font-size-normal-title-lineheight);
  width: 100%
}

.index-module__tabDesc--XRXZy,
.index-module__tabTitle--UPP5R {
  color: #fff;
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__tabDesc--XRXZy {
  font-size: var(--font-size-normal-text);
  font-weight: 400;
  line-height: var(--font-size-normal-text-lineheight);
  margin-top: 12px;
  opacity: .7;
  text-align: justify
}

.index-module__tabDesc--XRXZy.index-module__active--otDHB {
  opacity: 1
}

.index-module__tabIcon--ybJaY {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 20px;
  width: 20px
}

.index-module__imgBox--3kKwo {
  background: hsla(0, 0%, 100%, .05);
  overflow: hidden;
  position: relative;
  width: -moz-calc(100% - 394px);
  width: calc(100% - 394px)
}

.index-module__mobile--USEga {
  display: none;
  height: 390px;
  overflow-x: hidden;
  width: 100%
}

.index-module__pictureFrame--y\+agr .index-module__moTabs--RwxPH {
  -ms-overflow-style: none;
  height: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.index-module__pictureFrame--y\+agr .index-module__moTabs--RwxPH::-webkit-scrollbar {
  display: none
}

.index-module__pictureFrame--y\+agr .index-module__moTab--ATeWM {
  background: hsla(0, 0%, 100%, .05);
  display: inline-block;
  height: 100%;
  vertical-align: top;
  width: 312px
}

.index-module__pictureFrame--y\+agr .index-module__moTab--ATeWM+.index-module__moTab--ATeWM {
  margin-left: 20px
}

.index-module__pictureFrame--y\+agr .index-module__moTabImage--BuEvd {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 247.3px;
  width: 100%
}

.index-module__pictureFrame--y\+agr .index-module__moTabInfo--BZZV4 {
  height: 142px;
  padding: 20px;
  width: 100%
}

.index-module__pictureFrame--y\+agr .index-module__moTabDesc--36our {
  color: #fff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 12px;
  opacity: .7;
  white-space: normal
}

.index-module__frameOnly--XWNdz .index-module__moTab--ATeWM {
  background: #fff;
  overflow: hidden;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__frameOnly--XWNdz .index-module__moTab--ATeWM+.index-module__moTab--ATeWM {
  margin-top: 12px
}

.index-module__frameOnly--XWNdz .index-module__moTab--ATeWM {
  max-height: 64px;
  padding: 20px
}

.index-module__frameOnly--XWNdz .index-module__moTab--ATeWM.index-module__active--otDHB {
  max-height: 1000px
}

.index-module__frameOnly--XWNdz .index-module__moTabTitle--zScty {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 24px;
  white-space: nowrap;
  width: 100%
}

.index-module__frameOnly--XWNdz .index-module__moTabArrow--QA8iR {
  margin: 4px 0;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.index-module__frameOnly--XWNdz .index-module__active--otDHB .index-module__moTabTitle--zScty {
  color: var(--color-primary)
}

.index-module__frameOnly--XWNdz .index-module__active--otDHB .index-module__moTabArrow--QA8iR {
  color: var(--color-primary);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.index-module__frameOnly--XWNdz .index-module__moTabFrame--C1rZu {
  border: 1px solid #ebebeb;
  margin-top: 20px;
  max-height: 80vw;
  min-height: 400px;
  overflow: scroll;
  padding: 10px;
  width: 100%
}

.index-module__frameOnly--XWNdz .index-module__moTabFrame--C1rZu img {
  max-height: 540px
}

.index-module__frameOnly--XWNdz .index-module__moTabFrame--C1rZu::-webkit-scrollbar {
  height: 4px;
  width: 4px
}

.index-module__frameOnly--XWNdz .index-module__moTabFrame--C1rZu::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
  box-shadow: inset 0 0 5px transparent;
  -webkit-transition: all .3s;
  transition: all .3s
}

.index-module__frameOnly--XWNdz .index-module__moTabFrame--C1rZu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  border-radius: 2px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .12);
  -webkit-transition: all .3s;
  transition: all .3s
}

.index-module__frameOnly--XWNdz .index-module__moTabDesc--36our {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 20px;
  text-align: justify;
  width: 100%
}

.index-module__frameOnly--XWNdz .index-module__moButtons--l46gH {
  margin-top: 16px;
  white-space: nowrap
}

@media screen and (max-width:1280px) {
  .index-module__pc--ALAu0 {
    height: 368px
  }

  .index-module__pc-4--9PjAp {
    height: 496px
  }

  .index-module__tabInfos--PCjyw {
    width: 372px
  }

  .index-module__tabInfo--ghTmd {
    padding: 16px
  }

  .index-module__imgBox--3kKwo {
    width: -moz-calc(100% - 388px);
    width: calc(100% - 388px)
  }

  .index-module__left-image--KoTvP {
    padding: 54px 24px;
    width: 450px
  }

  .index-module__right-frame-svg--M5d4s {
    padding: 24px
  }

  .index-module__frame-block--JyPKv {
    left: 502px
  }

  .index-module__arrow-left--WTv4H {
    -webkit-transform: rotateY(180deg) translateX(-10px) translateY(-50%);
    -moz-transform: rotateY(180deg) translateX(-10px) translateY(-50%);
    transform: rotateY(180deg) translateX(-10px) translateY(-50%)
  }

  .index-module__arrow-right--kaBR7 {
    -webkit-transform: translateX(430px) translateY(-50%);
    -moz-transform: translateX(430px) translateY(-50%);
    -o-transform: translateX(430px) translateY(-50%);
    transform: translateX(430px) translateY(-50%)
  }
}

@media screen and (max-width:1900px) and (min-width:1700px) {
  .index-module__left-image--KoTvP {
    height: 100%;
    padding: 0;
    width: 648px
  }

  .index-module__arrow-right--kaBR7 {
    -webkit-transform: translateX(615px) translateY(-50%);
    -moz-transform: translateX(615px) translateY(-50%);
    -o-transform: translateX(615px) translateY(-50%);
    transform: translateX(615px) translateY(-50%)
  }

  .index-module__right-frame-svg--M5d4s {
    padding: 0 40px
  }
}

@media screen and (min-width:1900px) {
  .index-module__card-container--MKmKy {
    padding-right: 5%
  }

  .index-module__pc--ALAu0 {
    height: 488px
  }

  .index-module__pc-4--9PjAp {
    height: 656px
  }

  .index-module__tabInfos--PCjyw {
    width: 472px
  }

  .index-module__tabInfo--ghTmd {
    padding: 32px
  }

  .index-module__tabTitle--UPP5R {
    font-size: var(--font-size-big-title);
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__tabDesc--XRXZy {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight)
  }

  .index-module__tabIcon--ybJaY {
    height: 24px;
    width: 24px
  }

  .index-module__imgBox--3kKwo {
    width: -moz-calc(100% - 488px);
    width: calc(100% - 488px)
  }

  .index-module__left-image--KoTvP {
    padding: 40px;
    width: 734px
  }

  .index-module__frame-block--JyPKv {
    left: 734px
  }

  .index-module__arrow-right--kaBR7 {
    opacity: 1;
    -webkit-transform: translateX(701px) translateY(-50%);
    -moz-transform: translateX(701px) translateY(-50%);
    -o-transform: translateX(701px) translateY(-50%);
    transform: translateX(701px) translateY(-50%)
  }
}

@media screen and (max-width:990px) {

  .index-module__pc--ALAu0,
  .index-module__pc-4--9PjAp {
    display: none
  }

  .index-module__mobile--USEga {
    display: inline;
    display: initial
  }
}

.index-module__frame-block--Tk1ne {
  background: #242424;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  width: 100%
}

.index-module__frame-center-wrap--x3xyF {
  height: 100%;
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}

.index-module__frameWrap--O\+CSp {
  height: 100%;
  position: relative
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 3
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 button {
  background-color: #000;
  border: unset;
  box-shadow: 1px 1px 6px rgba(40, 40, 40, .25);
  color: #fff;
  cursor: pointer;
  display: block;
  height: 32px;
  padding: unset;
  width: 32px
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 button:hover {
  background: #181818;
  box-shadow: 0 4px 6px rgba(40, 40, 40, .25)
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 .index-module__plus--k3kZp {
  font-size: 24px
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 .index-module__reset--N0E6Q {
  margin-bottom: 12px
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 .index-module__iconFullscreen--1Qjyv {
  color: #fff;
  height: 16px;
  width: 16px
}

.index-module__frameWrap--O\+CSp .index-module__tools--XNEa6 .index-module__minusSymbol--fuak6 {
  background-color: #fff;
  border-radius: .5px;
  height: 2.4px;
  margin: auto;
  width: 12px
}

.index-module__frameWrap--O\+CSp .index-module__zoom-content--6g5Dh,
.index-module__frameWrap--O\+CSp .index-module__zoom-wrapper--N\+TPp {
  height: 100% !important
}

.index-module__frameWrap--O\+CSp .index-module__innerWrap--8llB7 {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 50px
}

.index-module__frameWrap--O\+CSp .index-module__innerWrap--8llB7 .index-module__picture--mT--o {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.index-module__modal-wrap--k5bfa {
  background-color: #111;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__modal-wrap--k5bfa .index-module__picture--mT--o {
  max-height: 90vh;
  max-width: 90vw;
  -o-object-fit: contain;
  object-fit: contain;
  width: 90vw
}

.index-module__modal-wrap--k5bfa .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px
}

.index-module__modal-wrap--k5bfa .arco-icon-hover:hover:before {
  background-color: hsla(0, 0%, 100%, .2);
  height: 26px;
  width: 26px
}

.index-module__modal-wrap--k5bfa .arco-icon-close {
  color: #fff;
  height: 20px;
  width: 20px
}

.index-module__container---QWp6 {
  position: relative;
  width: 100%
}

.index-module__container---QWp6 img {
  width: 100%
}

.index-module__container---QWp6 .index-module__hover-block--ms5zq {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 4px 4px 14px rgba(26, 26, 29, .08);
  opacity: 0;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear
}

.index-module__container---QWp6 .index-module__hover-block--ms5zq img {
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%
}

.index-module__container---QWp6 .index-module__hover-block--ms5zq:hover {
  opacity: .9
}

.index-module__container---QWp6 .index-module__hover-1--ylGqb {
  height: 16.3%;
  left: 9.4%;
  position: absolute;
  top: 0;
  width: 16.8%
}

.index-module__container---QWp6 .index-module__hover-2--HzIOh {
  height: 16.3%;
  left: 27.1%;
  position: absolute;
  top: 0;
  width: 17.6%
}

.index-module__container---QWp6 .index-module__hover-3--luMP9 {
  height: 16.3%;
  left: 45.6%;
  position: absolute;
  top: 0;
  width: 27.2%
}

.index-module__container---QWp6 .index-module__hover-4--LgnrG {
  height: 16.3%;
  left: 73.8%;
  position: absolute;
  top: 0;
  width: 26.2%
}

@media screen and (max-width:990px) {
  .index-module__hover-block--ms5zq {
    display: none
  }
}

.index-module__inner-wrap--JrzI- {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  position: relative;
  -webkit-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  width: -moz-calc(100% + 587px);
  width: calc(100% + 587px)
}

.index-module__inner-wrap--JrzI-.index-module__clicked--78EV6 {
  opacity: 0
}

.index-module__left-image--Lx3Kl {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  padding: 52px 40px;
  width: 587px
}

.index-module__left-image--Lx3Kl img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.index-module__arrow--ZgCpw {
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  z-index: 100
}

.index-module__arrow-left--3K4gE {
  opacity: 1;
  -webkit-transform: rotateY(180deg) translateX(-20px) translateY(-50%);
  -moz-transform: rotateY(180deg) translateX(-20px) translateY(-50%);
  transform: rotateY(180deg) translateX(-20px) translateY(-50%)
}

.index-module__arrow-right--Z9ZOj {
  opacity: 1;
  -webkit-transform: translateX(563px) translateY(-50%);
  -moz-transform: translateX(563px) translateY(-50%);
  -o-transform: translateX(563px) translateY(-50%);
  transform: translateX(563px) translateY(-50%)
}

.index-module__right-frame-svg--o7ddv {
  background: #242424;
  box-shadow: 0 0 48px -6px rgba(0, 0, 0, .88), 0 0 1px rgba(0, 0, 0, .72);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  padding: 40px;
  width: -moz-calc(100% - 587px);
  width: calc(100% - 587px)
}

.index-module__right-frame-svg--o7ddv img {
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.index-module__frame-block--9qLXL {
  background: #242424;
  height: 100%;
  left: 600px;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  width: 100%
}

.index-module__frame-block--9qLXL.index-module__frame-clicked--OR1HT {
  left: 0;
  opacity: 1
}

.index-module__frame-center-wrap--cmecG {
  height: 100%;
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}

@media screen and (max-width:1280px) {
  .index-module__inner-wrap--JrzI- {
    width: -moz-calc(100% + 450px);
    width: calc(100% + 450px)
  }

  .index-module__right-frame-svg--o7ddv {
    width: -moz-calc(100% - 450px);
    width: calc(100% - 450px)
  }

  .index-module__left-image--Lx3Kl {
    padding: 54px 24px;
    width: 450px
  }

  .index-module__right-frame-svg--o7ddv {
    padding: 24px
  }

  .index-module__frame-block--9qLXL {
    left: 480px
  }

  .index-module__arrow-left--3K4gE {
    -webkit-transform: rotateY(180deg) translateX(-10px) translateY(-50%);
    -moz-transform: rotateY(180deg) translateX(-10px) translateY(-50%);
    transform: rotateY(180deg) translateX(-10px) translateY(-50%)
  }

  .index-module__arrow-right--Z9ZOj {
    -webkit-transform: translateX(430px) translateY(-50%);
    -moz-transform: translateX(430px) translateY(-50%);
    -o-transform: translateX(430px) translateY(-50%);
    transform: translateX(430px) translateY(-50%)
  }
}

@media screen and (max-width:1900px) and (min-width:1700px) {
  .index-module__left-image--Lx3Kl {
    height: 100%;
    padding: 0;
    width: 648px
  }

  .index-module__arrow-right--Z9ZOj {
    -webkit-transform: translateX(624px) translateY(-50%);
    -moz-transform: translateX(624px) translateY(-50%);
    -o-transform: translateX(624px) translateY(-50%);
    transform: translateX(624px) translateY(-50%)
  }

  .index-module__right-frame-svg--o7ddv {
    padding: 0 40px
  }
}

@media screen and (min-width:1900px) {
  .index-module__inner-wrap--JrzI- {
    width: -moz-calc(100% + 734px);
    width: calc(100% + 734px)
  }

  .index-module__right-frame-svg--o7ddv {
    width: -moz-calc(100% - 734px);
    width: calc(100% - 734px)
  }

  .index-module__left-image--Lx3Kl {
    padding: 40px;
    width: 734px
  }

  .index-module__frame-block--9qLXL {
    left: 734px
  }

  .index-module__arrow-right--Z9ZOj {
    opacity: 1;
    -webkit-transform: translateX(710px) translateY(-50%);
    -moz-transform: translateX(710px) translateY(-50%);
    -o-transform: translateX(710px) translateY(-50%);
    transform: translateX(710px) translateY(-50%)
  }
}

.index-module__card-container--e3PC2 {
  padding-bottom: unset !important
}

.index-module__tabTitles---Ss0- {
  margin-bottom: 24px;
  width: 100%
}

.index-module__tabTitle--J1KIx {
  background: #f7f7f7;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px;
  padding: 8px 12px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s
}

.index-module__tabTitle--J1KIx.index-module__active--qyA-s {
  background: var(--color-primary);
  color: #fff;
  font-weight: 500
}

.index-module__tabTitle--J1KIx.index-module__active--qyA-s:hover {
  color: #fff
}

.index-module__tabTitle--J1KIx:hover {
  color: var(--color-primary)
}

.index-module__tabTitle--J1KIx+.index-module__tabTitle--J1KIx {
  margin-left: 16px
}

.index-module__tab-wrap--VX7wN {
  background-color: #fff;
  height: 600px;
  position: relative;
  width: 100%
}

.index-module__tab--gpFY0 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  width: 100%
}

.index-module__tab--gpFY0.index-module__active--qyA-s {
  opacity: 1;
  pointer-events: unset
}

.index-module__contant-card--p-r-P {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: hsla(0, 0%, 100%, .7);
  bottom: 40px;
  box-shadow: 0 10px 28px rgba(25, 78, 183, .06);
  left: 12%;
  padding: 32px;
  position: absolute;
  width: 500px
}

.index-module__contant-card-title--XlrrA {
  color: #181818;
  font-size: var(--font-size-normal-title);
  font-weight: 500;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-title-lineheight)
}

.index-module__contant-card-des--MS\+iC {
  color: hsla(0, 0%, 9%, .8);
  font-size: var(--font-size-normal-text);
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  padding-top: 4px;
  text-align: justify
}

.index-module__contant-card-button--zKs3R {
  padding-top: 28px
}

.index-module__arrow--5t-\+Z {
  margin-right: 10px;
  position: absolute;
  top: 50%
}

.index-module__left-arrow--hYpbO {
  -webkit-transform: rotateY(180deg) translateX(-10px) translateY(-100%);
  -moz-transform: rotateY(180deg) translateX(-10px) translateY(-100%);
  transform: rotateY(180deg) translateX(-10px) translateY(-100%)
}

.index-module__right-arrow--epYhn {
  right: 10px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.index-module__mobile--xbfQH {
  display: none;
  height: auto;
  width: 100%
}

.index-module__moTab--sBlDu {
  background: #fff;
  max-height: 64px;
  overflow: hidden;
  padding: 20px;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  -moz-transition: max-height .5s;
  transition: max-height .5s;
  width: 100%
}

.index-module__moTab--sBlDu.index-module__active--qyA-s {
  max-height: 1000px
}

.index-module__moTab--sBlDu+.index-module__moTab--sBlDu {
  margin-top: 12px
}

.index-module__moTabTitle--\+ulwD {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .002em;
  line-height: 24px;
  white-space: nowrap;
  width: 100%
}

.index-module__moTabArrow--zijTr {
  margin: 4px 0;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.index-module__active--qyA-s .index-module__moTabTitle--\+ulwD {
  color: var(--color-primary)
}

.index-module__active--qyA-s .index-module__moTabArrow--zijTr {
  color: var(--color-primary);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.index-module__moTabImg--esZWe {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 20px;
  width: 100%
}

.index-module__moTabDesc--d9\+zs {
  color: hsla(0, 0%, 9%, .8);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 20px;
  text-align: justify;
  width: 100%
}

.index-module__moButtons--UeGGo {
  margin-top: 16px;
  white-space: nowrap
}

@media screen and (max-width:1440px) and (min-width:990px) {
  .index-module__tab-wrap--VX7wN {
    height: 500px
  }

  .index-module__contant-card--p-r-P {
    left: 6%;
    position: absolute
  }
}

@media screen and (min-width:1900px) {
  .index-module__tabTitles---Ss0- {
    margin-bottom: 32px
  }

  .index-module__tabTitle--J1KIx {
    font-size: 18px;
    line-height: 26px
  }

  .index-module__tab-wrap--VX7wN {
    height: 672px
  }

  .index-module__contant-card--p-r-P {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: hsla(0, 0%, 100%, .7);
    bottom: 50px;
    box-shadow: 0 10px 28px rgba(25, 78, 183, .06);
    left: 100px;
    left: 15%;
    padding: 32px;
    position: absolute;
    width: 625px
  }

  .index-module__contant-card-title--XlrrA {
    font-size: var(--font-size-big-title);
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__contant-card-des--MS\+iC {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight);
    padding-top: 8px
  }

  .index-module__contant-card-button--zKs3R {
    padding-top: 24px
  }

  .index-module__arrow--5t-\+Z {
    margin-right: 0
  }
}

@media screen and (max-width:990px) {
  .index-module__pc--dzBRo {
    display: none
  }

  .index-module__mobile--xbfQH {
    display: block
  }

  .index-module__moTabImg--esZWe {
    height: 198px
  }
}

.index-module__wrap--IECDW {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%
}

.index-module__box--JyaLx {
  padding: 0 2px 4px
}

.index-module__card--4tDxi {
  background-color: #fff;
  padding: 36px 16px;
  position: relative;
  width: 100%
}

.index-module__logo--S3bcl {
  margin: 0 auto;
  max-width: 224px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  width: 100%
}

.index-module__logo--S3bcl img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

.index-module__des--g2cXn {
  color: #181818;
  font-size: var(--font-size-normal-text);
  left: -moz-calc(50% + 32px);
  left: calc(50% + 32px);
  letter-spacing: .002em;
  line-height: var(--font-size-normal-text-lineheight);
  max-width: 90%;
  opacity: 0;
  position: absolute;
  text-align: justify;
  top: 50%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__card--4tDxi:hover .index-module__des--g2cXn,
.index-module__des--g2cXn {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.index-module__card--4tDxi:hover .index-module__des--g2cXn {
  left: 50%;
  opacity: 1
}

.index-module__card--4tDxi:hover .index-module__logo-hover--iEQ6G {
  opacity: 0
}

@media screen and (min-width:1900px) {
  .index-module__des--g2cXn {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight)
  }

  .index-module__logo--S3bcl {
    max-width: 263px
  }
}

@media screen and (max-width:1439px) {
  .index-module__card--4tDxi {
    padding: 20px 16px
  }

  .index-module__logo--S3bcl {
    max-width: 224px
  }
}

@media screen and (max-width:990px) {
  .index-module__box--JyaLx {
    padding: 0 8px 16px
  }

  .index-module__card-mob--koLEh {
    background-color: #fff;
    padding: 12px 10px
  }

  .index-module__card-mob--koLEh .index-module__logo-mob--5MC-v {
    margin: 0 auto;
    max-width: 188px;
    width: 100%
  }

  .index-module__card-mob--koLEh .index-module__logo-mob--5MC-v img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
  }

  .index-module__card--4tDxi:not(:last-child) {
    margin-bottom: 26px;
    margin-right: unset
  }
}

.visual-layout {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%
}

.visual-layout .arco-select .arco-select-view,
.visual-layout .arco-select.arco-select-focused .arco-select-view,
.visual-layout .arco-select:hover .arco-select-view {
  background-color: hsla(0, 0%, 100%, .05);
  color: #fff
}

.visual-layout .arco-trigger .arco-select-popup {
  background-color: #2d2d2d;
  border: 1px solid #464646
}

.visual-layout .arco-trigger .arco-select-popup .arco-select-option {
  background-color: #2d2d2d;
  color: #fff
}

.visual-layout .arco-trigger .arco-select-popup .arco-select-option:hover {
  background: #373737
}

.container-part {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background-color: #222;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 0;
  width: 100%
}

.container-part .container-top {
  -moz-box-flex: 0;
  background-color: #2d2d2d;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 32px;
  flex: 0 0 32px;
  padding-left: 26px;
  padding-top: 9px
}

.container-part .container-top span {
  background: #454545;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  width: 15.12px
}

.container-part .container-middle {
  -moz-box-flex: 0;
  border-bottom: 1px solid hsla(0, 0%, 92%, .1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-flex: 0 0 48px;
  flex: 0 0 48px;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  padding-left: 26px
}

.container-part .container-content {
  -moz-box-flex: 1;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  height: 0;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px;
  width: 100%
}

.visual-layout-left {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-flex: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 0 0 600px;
  flex: 0 0 600px;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.visual-layout-left .preview {
  -moz-box-flex: 1;
  background-color: hsla(0, 0%, 100%, .05);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-flex: 1 1;
  flex: 1 1;
  margin-bottom: 20px
}

.visual-layout-left .preview img {
  background-size: contain;
  display: block;
  width: 100%
}

.visual-layout-left .upload {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-bottom: 20px
}

.visual-layout-left .upload .upload-item {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #ececec;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 70px;
  margin-right: 15px;
  overflow: hidden;
  width: 140px
}

.visual-layout-left .upload .upload-item img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%
}

.visual-layout-left .upload .upload-item.active {
  box-shadow: 0 0 0 1px #fff
}

.visual-layout-left .upload .upload-trigger {
  -moz-box-align: center;
  -moz-box-pack: center;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .05);
  border: 1px dashed #e5e6eb;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  height: 70px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 140px
}

.visual-layout-left .upload-tip {
  color: hsla(0, 0%, 100%, .7);
  font-size: 12px;
  line-height: 20px;
  max-width: 600px;
  text-align: left
}

.identity-result {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-left: 20px;
  width: 100%
}

.identity-result .arco-collapse-item-header-right {
  padding-left: 0
}

.identity-result .arco-collapse-item-header {
  padding-bottom: 10px;
  width: 100%
}

.identity-result .arco-collapse-item-content {
  width: 100%
}

.identity-result .arco-collapse-item-active>.arco-collapse-item-header {
  border-color: transparent
}

.identity-result .arco-collapse-item-content-box {
  background-color: #fff;
  padding: 0 !important
}

.identity-result .arco-descriptions-item-label,
.identity-result .arco-descriptions-item-value {
  color: #fff
}

.identity-result .param-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 13px
}

.identity-result .display {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
  width: 100%
}

.identity-result .display img {
  height: 100%;
  width: 100%
}

.identity-result .display-description-title {
  color: #86909c;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 40px;
  line-height: 40px;
  margin-bottom: 16px
}

.identity-result .display-description-title span {
  display: block;
  width: 50%
}

.identity-result .display-description-title span:first-child {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px
}

.identity-result .display-image {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f2f3f5;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center
}

.identity-result .display-image img,
.identity-result .display-image video {
  display: block;
  height: 100%;
  margin: 0 auto
}

.identity-result .display-image-all {
  height: 100%;
  width: 100%
}

.identity-result .param-form {
  margin-left: 3px
}

.identity-result .param-form .form-content {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.identity-result .param-form .form-content .form-label {
  font-size: 12px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px
}

@-webkit-keyframes radar-beam {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-moz-keyframes radar-beam {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes radar-beam {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

.white-layout .container-part {
  -webkit-backdrop-filter: blur(86px);
  backdrop-filter: blur(86px);
  background: hsla(0, 0%, 90%, .28);
  border: 1px solid hsla(0, 0%, 100%, .2);
  border-radius: 12px;
  box-shadow: inset 0 0 68px hsla(0, 0%, 100%, .05), inset 0 4px 4px hsla(0, 0%, 100%, .15)
}

.white-layout .container-part .container-top {
  background: hsla(0, 0%, 90%, .28)
}

.white-layout .container-part .container-top span {
  background-color: #e5e6eb
}

.white-layout .container-part .container-middle {
  color: #1d2129
}

.white-layout .container-part .container-content .visual-layout-left .preview {
  background-color: #f2f3f5
}

.white-layout .container-part .container-content .visual-layout-left .upload .upload-item.active {
  border: 2px solid #1664ff
}

.white-layout .container-part .container-content .visual-layout-left .upload .upload-trigger {
  background: #f2f3f5;
  border: 1px dashed #e5e6eb;
  color: #4e5969
}

.white-layout .container-part .container-content .visual-layout-left .upload-tip {
  color: #86909c
}

.white-layout .container-part .container-content .identity-result {
  color: #1d2129
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed {
  border: none;
  border-radius: 0
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .arco-collapse-item-header-title {
  width: 100%
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .table-4-collapse-header {
  color: #1d2129;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  width: 100%
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .table-4-collapse-header .title {
  padding-right: 8px;
  width: 30%
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .table-4-collapse-header .type {
  color: #1664ff;
  font-weight: 500
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .arco-collapse-item-header {
  background-color: transparent;
  color: #fff
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .arco-collapse-item-content {
  background-color: transparent;
  color: #86909c
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .arco-collapse-item-content-box,
.white-layout .container-part .container-content .identity-result .collapse-for-mixed .collapse-mixed-item {
  background-color: transparent
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .arco-collapse-item-header-icon {
  color: #424e66
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .mixed-desc .arco-descriptions-item-label {
  color: #86909c
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .mixed-desc .arco-descriptions-item-value {
  color: #1d2129
}

.white-layout .container-part .container-content .identity-result .collapse-for-mixed .not-support {
  text-align: center
}

.collapse-com-section {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative
}

.collapse-com-section .collapse-com-title {
  -moz-box-align: center;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e5e6eb;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 60px;
  padding-right: 20px
}

.collapse-com-section .collapse-com-result {
  -moz-box-flex: 1;
  background-color: hsla(0, 0%, 100%, .05);
  bottom: 0;
  display: none;
  -webkit-flex: 1 1;
  flex: 1 1;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 60px
}

body {
  overscroll-behavior: none
}

.index-module__banner-container--nuSpJ {
  background-color: #fff;
  min-width: 1200px;
  position: relative
}

.index-module__banner-container--nuSpJ,
.index-module__banner-container--nuSpJ * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.index-module__banner-container--nuSpJ a,
.index-module__banner-container--nuSpJ a:active,
.index-module__banner-container--nuSpJ a:hover,
.index-module__banner-container--nuSpJ a:link,
.index-module__banner-container--nuSpJ a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__banner-image-container--w3-Gg {
  font-size: 0;
  height: 740px;
  position: absolute;
  width: 100%
}

.index-module__banner-image-big--G7FZe {
  display: none;
  height: 100%;
  width: 100%
}

.index-module__banner-image-normal--fYc9h {
  display: block;
  height: 100%;
  width: 100%
}

.index-module__banner-image-small--dxmSi {
  display: none;
  height: 100%;
  width: 100%
}

.index-module__banner-image-mobile--hGEqn {
  display: none;
  padding-top: 48px
}

.index-module__banner-image-img--l4z6z {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.index-module__banner-content-container--dbZar {
  height: 740px;
  margin: 0 auto;
  padding-top: 188px;
  position: relative;
  width: 1200px;
  z-index: 1
}

.index-module__banner-title--\+AUkY {
  color: #282828;
  display: block;
  font-family: PingFang SC;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .002em;
  line-height: 64px;
  margin: unset
}

.index-module__banner-des-items--1xhB\+ {
  margin-top: 20px
}

.index-module__banner-des-items-pad--GmE42 {
  display: none;
  margin-top: 15px
}

.index-module__des-panel--mneAH {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.index-module__des-panel--mneAH+.index-module__des-panel--mneAH {
  margin-top: 8px
}

.index-module__yes-icon--8bRW7 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 24px
}

.index-module__des--UiZOL {
  margin-left: 6px
}

.index-module__banner-des-text--juuud,
.index-module__des--UiZOL {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px
}

.index-module__banner-des-text--juuud {
  margin-top: 12px;
  width: 480px
}

.index-module__banner-des-text-pad--L4v5x {
  color: #4e5969;
  display: none;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 8px;
  width: 320px
}

.index-module__banner-params--FCR7w {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 40px
}

.index-module__banner-params--FCR7w .index-module__param-panel--J2oDE+.index-module__param-panel--J2oDE {
  margin-left: 72px
}

.index-module__banner-params--FCR7w .index-module__param-value--UhMkH em {
  color: #181818;
  font-family: Roboto;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .182143px;
  line-height: 42px
}

.index-module__banner-params--FCR7w .index-module__param-value--UhMkH small {
  color: #181818;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 24px
}

.index-module__banner-params--FCR7w .index-module__param-value--UhMkH span {
  color: #181818;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 24px
}

.index-module__banner-params--FCR7w .index-module__param-name--9oW77 {
  color: #768197;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 26px;
  margin: 1px 0
}

.index-module__banner-buttons--\+qv-L {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 40px
}

.index-module__button-a-tag--4O-q3 {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none
}

.index-module__button-a-tag--4O-q3+.index-module__button-a-tag--4O-q3 {
  margin-left: 20px
}

.index-module__button--8xiHh {
  height: 50px
}

.index-module__button-primary--8mYTd {
  background-color: #1664ff;
  border-radius: 4px;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1);
  color: #fff;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 50px;
  text-align: center;
  width: 158px
}

.index-module__button-primary--8mYTd:hover {
  background-color: #4281ff
}

.index-module__button-primary--8mYTd:active {
  background-color: #05f
}

.index-module__button-secondary--Dsnnj {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(46, 70, 146, .05);
  color: #101010;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 50px;
  text-align: center;
  width: 158px
}

.index-module__button-secondary--Dsnnj:hover {
  background-color: #f6f8fa;
  border: 1px solid #4281fd;
  color: #41464f
}

.index-module__button-secondary--Dsnnj:active {
  background-color: #f6f8fa;
  border: 1px solid #1664ff
}

.index-module__button-text--Gpf\+7 {
  color: #1664ff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 50px;
  text-align: center
}

.index-module__button-text--Gpf\+7 .index-module__button-arrow--2Q23c {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  margin-left: 5px;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  -moz-transition: right .3s;
  transition: right .3s
}

.index-module__button-text--Gpf\+7 .index-module__button-arrow--2Q23c svg {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  height: 14px;
  width: 14px
}

.index-module__button-text--Gpf\+7:hover {
  color: #4086ff
}

.index-module__button-text--Gpf\+7:hover .index-module__button-arrow--2Q23c {
  right: -4px
}

.index-module__button-text--Gpf\+7:active {
  color: #0e49d2
}

.index-module__banner-opcard-container--wIolA {
  bottom: -4px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1200px;
  z-index: 1
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs {
  -moz-box-flex: 1;
  display: block;
  -webkit-flex: 1 1 100px;
  flex: 1 1 100px;
  min-width: 0
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs .index-module__op-card--h9Bsb {
  background: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  height: 102px;
  padding: 24px 32px;
  -webkit-transition: box-shadow .5s, border .5s;
  -o-transition: box-shadow .5s, border .5s;
  -moz-transition: box-shadow .5s, border .5s;
  transition: box-shadow .5s, border .5s
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs .index-module__op-card--h9Bsb .index-module__op-card-title--jRRbH {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs .index-module__op-card--h9Bsb .index-module__op-card-des--T\+mTk {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs .index-module__op-card--h9Bsb:hover {
  border: 1px solid #fff;
  box-shadow: 0 3px 18px rgba(51, 65, 101, .1)
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs .index-module__op-card--h9Bsb:hover .index-module__op-card-title--jRRbH {
  color: #1664ff
}

.index-module__banner-opcard-container--wIolA .index-module__op-a-tag--ig8vs+.index-module__op-a-tag--ig8vs {
  margin-left: 20px
}

@media screen and (max-width:767px) {
  .index-module__banner-container--nuSpJ {
    min-width: unset
  }

  .index-module__banner-image-container--w3-Gg {
    height: unset;
    position: unset
  }

  .index-module__banner-image-mobile--hGEqn {
    display: block
  }

  .index-module__banner-image-normal--fYc9h {
    display: none
  }

  .index-module__banner-image-img--l4z6z {
    -o-object-fit: unset;
    object-fit: unset
  }

  .index-module__banner-content-container--dbZar {
    height: auto;
    margin: 0 24px;
    padding-top: unset;
    width: auto
  }

  .index-module__banner-title--\+AUkY {
    font-size: 24px;
    line-height: 34px;
    text-align: center
  }

  .index-module__yes-icon--8bRW7 {
    height: 22px
  }

  .index-module__des--UiZOL {
    font-size: 14px;
    line-height: 22px;
    margin-left: 8px
  }

  .index-module__banner-des-text--juuud {
    font-size: 14px;
    line-height: 22px;
    width: 100%
  }

  .index-module__banner-params--FCR7w {
    display: none
  }

  .index-module__banner-buttons--\+qv-L {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 36px;
    padding-bottom: 48px;
    width: 100%
  }

  .index-module__button-a-tag--4O-q3 {
    -moz-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 100%
  }

  .index-module__button-a-tag--4O-q3+.index-module__button-a-tag--4O-q3 {
    margin-left: unset;
    margin-top: 16px
  }

  .index-module__button-primary--8mYTd,
  .index-module__button-secondary--Dsnnj {
    width: 100%
  }

  .index-module__button-text--Gpf\+7 {
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
  }

  .index-module__banner-opcard-container--wIolA {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .index-module__banner-container--nuSpJ {
    min-width: unset
  }

  .index-module__banner-image-container--w3-Gg {
    height: 410px
  }

  .index-module__banner-image-normal--fYc9h {
    display: none
  }

  .index-module__banner-image-small--dxmSi {
    display: block
  }

  .index-module__banner-content-container--dbZar {
    height: 410px;
    margin: 0 42px;
    padding-top: 115px;
    width: auto
  }

  .index-module__banner-title--\+AUkY {
    font-size: 32px;
    line-height: 45px
  }

  .index-module__banner-des-items--1xhB\+ {
    display: none
  }

  .index-module__banner-des-items-pad--GmE42 {
    display: block
  }

  .index-module__yes-icon--8bRW7 {
    height: 22px
  }

  .index-module__des--UiZOL {
    font-size: 14px;
    line-height: 22px;
    margin-left: 8px
  }

  .index-module__banner-des-text--juuud {
    display: none
  }

  .index-module__banner-des-text-pad--L4v5x {
    display: block
  }

  .index-module__banner-params--FCR7w {
    display: none
  }

  .index-module__banner-buttons--\+qv-L {
    margin-top: 38px
  }

  .index-module__button--8xiHh {
    height: 44px
  }

  .index-module__button-primary--8mYTd,
  .index-module__button-secondary--Dsnnj {
    line-height: 44px;
    width: 113px
  }

  .index-module__button-text--Gpf\+7 {
    line-height: 44px
  }

  .index-module__banner-opcard-container--wIolA {
    background-color: #fff;
    bottom: unset;
    left: unset;
    padding: 0 42px 40px;
    position: relative;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    transform: unset;
    width: 100%
  }
}

@media screen and (min-width:1680px) {
  .index-module__banner-image-big--G7FZe {
    display: block
  }

  .index-module__banner-image-normal--fYc9h {
    display: none
  }

  .index-module__banner-content-container--dbZar {
    padding-top: 193px;
    width: 1440px
  }

  .index-module__banner-opcard-container--wIolA {
    width: 1440px
  }
}

.index-module__navigator--yoqes {
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  z-index: 99
}

.index-module__navigator--yoqes,
.index-module__tabs--ul8eu {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute
}

.index-module__tabs--ul8eu {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff;
  box-shadow: 0 4px 11px rgba(0, 0, 0, .06);
  height: 52px;
  top: -26px;
  width: 1200px
}

.index-module__tab--xEg0L {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em
}

.index-module__tabNow--OhZJE {
  background: #1664ff;
  color: #fff;
  font-weight: 500
}

@media (any-hover:hover) {
  .index-module__tab--xEg0L:hover {
    color: var(--color-primary);
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
  }

  .index-module__tabNow--OhZJE:hover {
    color: #fff;
    -webkit-transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    transition: unset
  }
}

@media screen and (max-width:1200px) {
  .index-module__tabs--ul8eu {
    width: 100vw !important
  }
}

.index-module__Navi--zmhK1 {
  -moz-box-pack: center;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  display: none;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  top: -50px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  -moz-transition: transform .5s, -moz-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
  width: 100vw;
  z-index: 99
}

.index-module__NaviShow--pQy\+4 {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px)
}

.index-module__moTabs--nkd\+Y {
  -ms-overflow-style: none;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 50px;
  max-width: 100vw;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none;
  width: 1200px
}

.index-module__moTabs--nkd\+Y::-webkit-scrollbar {
  display: none
}

.index-module__moTab--4VWFa {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em;
  line-height: 50px
}

.index-module__moTabScroll--xJB6W {
  -moz-box-flex: unset;
  -webkit-flex-grow: unset;
  flex-grow: unset;
  padding: 0 10px;
  white-space: nowrap
}

.index-module__moTabNow--TeXP8 {
  color: #1664ff;
  font-weight: 500
}

.index-module__highLightLine--R2C8f {
  background: #1664ff;
  bottom: 0;
  height: 3px;
  position: absolute;
  -webkit-transition: width .5s, -webkit-transform .5s;
  transition: width .5s, -webkit-transform .5s;
  -o-transition: width .5s, -o-transform .5s;
  -moz-transition: width .5s, transform .5s, -moz-transform .5s;
  transition: width .5s, transform .5s;
  transition: width .5s, transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

@media screen and (min-width:1024px) {
  .index-module__navigator--yoqes {
    display: none
  }

  .index-module__Navi--zmhK1 {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }

  .solutionsBody {
    min-width: 1200px
  }
}

.index-module__product-spec-container--yldBg {
  background-color: #fff;
  display: flow-root
}

.index-module__product-spec-container--yldBg,
.index-module__product-spec-container--yldBg * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.index-module__product-spec-container--yldBg a,
.index-module__product-spec-container--yldBg a:active,
.index-module__product-spec-container--yldBg a:hover,
.index-module__product-spec-container--yldBg a:link,
.index-module__product-spec-container--yldBg a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__cards-panel--mXffk {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: -21px;
  overflow: auto;
  padding: 21px
}

.index-module__product-card-container--upTbC {
  -moz-box-flex: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 18px rgba(51, 65, 101, .1);
  -webkit-flex: none;
  flex: none;
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 285px
}

.index-module__product-card-container--upTbC+.index-module__product-card-container--upTbC {
  margin-left: 20px
}

.index-module__card-tag--wPDrA {
  height: 22px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 78px
}

.index-module__cardTag-trapezoid--YqFM5 {
  background: -webkit-gradient(linear, right top, left top, from(#f71510), color-stop(107.82%, #ff7c53));
  background: -webkit-linear-gradient(right, #f71510, #ff7c53 107.82%);
  background: -moz-linear-gradient(right, #f71510 0, #ff7c53 107.82%);
  background: linear-gradient(270deg, #f71510, #ff7c53 107.82%);
  border-radius: 7px;
  height: 29px;
  position: absolute;
  -webkit-transform: matrix(1, 0, .3182, 1, 3, -7);
  -moz-transform: matrix(1, 0, .3182, 1, 3, -7);
  -o-transform: matrix(1, 0, .3182, 1, 3, -7);
  transform: matrix(1, 0, .3182, 1, 3, -7);
  width: 78px
}

.index-module__cardTag-text--w2gVl {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  height: 22px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 16px;
  line-height: 24px;
  position: absolute;
  width: 49px
}

.index-module__product-panel--EjTOj {
  margin-bottom: 20px
}

.index-module__card-title--1h1E9 {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px;
  margin-bottom: 10px
}

.index-module__card-des--mdpif {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-bottom: 20px
}

.index-module__product-selector--nDMeS.arco-select.arco-select-single .arco-select-view {
  background-color: #f8f9fe;
  height: 40px;
  line-height: unset;
  padding: 0 12px
}

.index-module__product-selector--nDMeS.arco-select.arco-select-single .arco-select-view:hover {
  border-color: #1664ff
}

.index-module__product-selector--nDMeS.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex
}

.index-module__product-selector--nDMeS.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #fff
}

.index-module__product-selector--nDMeS.arco-select.arco-select-single svg {
  stroke: #181818;
  stroke-width: 6
}

.index-module__product-selector--nDMeS.index-module__product-selector-single--r-x\+S.arco-select.arco-select-single {
  cursor: unset
}

.index-module__product-selector--nDMeS.index-module__product-selector-single--r-x\+S.arco-select.arco-select-single .arco-select-view {
  border-color: transparent
}

.index-module__product-selector--nDMeS.index-module__product-selector-single--r-x\+S.arco-select.arco-select-single.arco-select-focused .arco-select-view {
  background-color: #f8f9fe
}

.index-module__product-popup--s9KdW {
  max-height: 144px !important
}

.index-module__product-popup--s9KdW .arco-select-option-hover {
  background-color: #f8f9fe
}

.index-module__product-popup--s9KdW::-webkit-scrollbar {
  width: 4px
}

.index-module__product-popup--s9KdW::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
  border-radius: 100px
}

.index-module__option-panel--QdQ-- {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px
}

.index-module__product-name--ijhEt {
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.index-module__product-name--ijhEt,
.index-module__tip--NrsgX {
  display: inline-block;
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em
}

.index-module__tip--NrsgX {
  color: #4e5969;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}

.index-module__product-info-container--jfrH5 {
  font-size: 0;
  height: 196px;
  position: relative
}

.index-module__product-info--MKg3j {
  display: none;
  position: absolute;
  width: 100%
}

.index-module__product-info--MKg3j.index-module__active--AhzaD {
  display: block
}

.index-module__des-container--zX7op {
  font-size: 14px;
  height: 126px;
  overflow: auto;
  padding: 20px 0 10px
}

.index-module__des-panel--kmKZ\+ {
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-bottom: 10px
}

.index-module__yes-icon--8dC8u {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 22px
}

.index-module__des--iWzNQ {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  padding-left: 6px;
  white-space: pre-wrap
}

.index-module__line--FP5zw {
  background-color: #9fa2b5;
  height: 1px;
  margin-bottom: 10px;
  opacity: .3
}

.index-module__product-tag--vd6sO {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid hsla(240, 1%, 67%, .3);
  border-radius: 2px;
  color: #4e5969;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em;
  line-height: 20px;
  padding: 0 8px
}

.index-module__product-tag--vd6sO.index-module__product-tag-empty--E25hS {
  border: unset
}

.index-module__price-panel--iGx5X {
  padding-top: 12px
}

.index-module__price-small--SLGd3 {
  font-size: 14px;
  line-height: 20px;
  text-align: center
}

.index-module__price-big--AC7zu,
.index-module__price-small--SLGd3 {
  color: #f50505;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em
}

.index-module__price-big--AC7zu {
  font-size: 30px;
  line-height: 24px
}

.index-module__price-unit--OFXvj {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 20px;
  text-align: center
}

.index-module__cut-icon--i1JTg {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f50505;
  border-radius: 2px;
  color: #fff;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 8px 0 20px;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  width: 18px
}

.index-module__cut-value--xMjSO {
  color: #86909c;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 20px;
  -webkit-text-decoration: line-through solid #86909c;
  text-decoration: line-through solid #86909c
}

.index-module__product-button--qxmyg {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #1664ff;
  border-radius: 4px;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1);
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 44px;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em;
  line-height: 24px;
  text-align: center
}

.index-module__product-button--qxmyg:hover {
  background-color: #4281ff
}

.index-module__product-button--qxmyg:active {
  background-color: #05f
}

@media screen and (max-width:767px) {
  .index-module__product-spec-container--yldBg {
    width: 100%
  }

  .index-module__cards-panel--mXffk {
    display: block
  }

  .index-module__product-card-container--upTbC {
    width: 100%
  }

  .index-module__product-card-container--upTbC+.index-module__product-card-container--upTbC {
    margin-left: unset;
    margin-top: 20px
  }

  .index-module__product-info-container--jfrH5 {
    height: 84px
  }

  .index-module__product-info--MKg3j {
    padding-top: 25px
  }

  .index-module__des-container--zX7op,
  .index-module__line--FP5zw {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .index-module__product-spec-container--yldBg {
    width: 100%
  }

  .index-module__cards-panel--mXffk {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  .index-module__product-card-container--upTbC {
    padding: 32px;
    width: unset
  }

  .index-module__product-card-container--upTbC+.index-module__product-card-container--upTbC {
    margin-left: unset
  }
}

@media screen and (min-width:1680px) {
  .index-module__product-card-container--upTbC {
    padding: 32px;
    width: 345px
  }
}

.index-module__container--G9bG0 {
  background-color: #fff;
  padding-top: 80px
}

.index-module__container--G9bG0 h2 {
  margin: 0;
  padding: 0
}

.index-module__head--MP8Gj {
  margin: 0 auto 60px
}

.index-module__title--lJfAw {
  color: #181818;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px
}

.index-module__desc--1Ivg0,
.index-module__title--lJfAw {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  text-align: center
}

.index-module__desc--1Ivg0 {
  color: #4e5969;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.index-module__title--lJfAw+.index-module__desc--1Ivg0 {
  margin-top: 12px
}

.index-module__compWrap--SwXuG {
  margin: 0 auto;
  width: 1440px
}

@media screen and (max-width:1679px) {
  .index-module__compWrap--SwXuG {
    width: 1200px
  }
}

@media screen and (max-width:1023px) {
  .index-module__container--G9bG0 {
    padding-bottom: 48px !important;
    padding-top: 48px
  }

  .index-module__head--MP8Gj {
    margin: 0 auto 32px
  }

  .index-module__title--lJfAw {
    font-size: 24px;
    line-height: 34px
  }

  .index-module__desc--1Ivg0 {
    font-size: 14px;
    line-height: 22px
  }

  .index-module__title--lJfAw+.index-module__desc--1Ivg0 {
    margin-top: 8px
  }

  .index-module__compWrap--SwXuG {
    margin: unset;
    padding: 0 24px;
    width: auto
  }
}

.index-module__pc-content--xN01a {
  height: 329px;
  position: relative
}

.index-module__cards--VL8kp {
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  -moz-transition: transform 1s, -moz-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
  white-space: nowrap
}

.index-module__swipe_btn--w0avp {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f7f9;
  border: 1px solid #f7f7f9;
  border-radius: 100%;
  color: #454545;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 64px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: -moz-calc(50% - 32px);
  top: calc(50% - 32px);
  width: 64px
}

.index-module__swipe_btn--w0avp svg {
  stroke-width: 5;
  font-size: 28px
}

.index-module__swipe_btn--w0avp:hover {
  background: #f7f7f9;
  border: 1px solid #4281fd;
  color: #696969
}

.index-module__swipe_btn--w0avp:active {
  background: #f7f7f9;
  border: 1px solid #1664ff;
  color: #454545
}

.index-module__left--1IFa8 {
  left: 40px
}

.index-module__right--oQ3MX {
  right: 40px
}

@media screen and (max-width:1023px) {
  .index-module__pc--E8Bvw {
    display: none
  }
}

@font-face {
  font-family: Roboto;
  src: url(https://portal.volccdn.com/obj/volcfe/product4.0/font/Roboto-Regular.ttf)
}

.index-module__card--DuXgz {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background: #3382ff;
  border-radius: 12px;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 345px
}

.index-module__card--DuXgz+.index-module__card--DuXgz {
  margin-left: 20px
}

.index-module__card--DuXgz .index-module__content--lgrt\+ {
  -moz-box-flex: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 100, 255, .2)), color-stop(33.08%, hsla(0, 0%, 100%, 0))), #fff;
  background: -webkit-linear-gradient(top, rgba(22, 100, 255, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: -moz-linear-gradient(top, rgba(22, 100, 255, .2) 0, hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: linear-gradient(180deg, rgba(22, 100, 255, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  box-shadow: 0 5px 40px rgba(51, 78, 118, .1);
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 24px 32px 32px
}

.index-module__card--DuXgz:nth-child(2n) {
  background: #59c4f2
}

.index-module__card--DuXgz:nth-child(2n) .index-module__content--lgrt\+ {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 198, 242, .2)), color-stop(33.08%, hsla(0, 0%, 100%, 0))), #fff;
  background: -webkit-linear-gradient(top, rgba(97, 198, 242, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: -moz-linear-gradient(top, rgba(97, 198, 242, .2) 0, hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: linear-gradient(180deg, rgba(97, 198, 242, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff
}

.index-module__card--DuXgz:nth-child(3n) {
  background: #52b8f2
}

.index-module__card--DuXgz:nth-child(3n) .index-module__content--lgrt\+ {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 198, 242, .2)), color-stop(33.08%, hsla(0, 0%, 100%, 0))), #fff;
  background: -webkit-linear-gradient(top, rgba(97, 198, 242, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: -moz-linear-gradient(top, rgba(97, 198, 242, .2) 0, hsla(0, 0%, 100%, 0) 33.08%), #fff;
  background: linear-gradient(180deg, rgba(97, 198, 242, .2), hsla(0, 0%, 100%, 0) 33.08%), #fff
}

.index-module__card--DuXgz:nth-child(4n) {
  background: #469df0
}

.index-module__title---R\+QG {
  padding: 24px 32px 25px
}

.index-module__title---R\+QG .index-module__line1--wHDr6 {
  color: #fff;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 28px
}

.index-module__title---R\+QG .index-module__line2--KFLip {
  color: #fff;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: 49px;
  letter-spacing: .2px;
  line-height: 49px;
  margin-top: 8px
}

.index-module__title---R\+QG .index-module__line2--KFLip em {
  font-size: 42px;
  font-style: normal;
  font-weight: 700
}

.index-module__title---R\+QG .index-module__line2--KFLip small {
  font-size: inherit
}

.index-module__title---R\+QG .index-module__line2--KFLip span {
  font-family: PingFang SC;
  font-size: 32px;
  font-weight: 600
}

.index-module__content_title--XPC1i {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px;
  margin: 0 0 7px;
  padding: 0
}

.index-module__content_text--\+I447 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #4e5969;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin: 5px 0
}

.index-module__content_text--\+I447 svg {
  margin-right: 4px
}

@media screen and (max-width:1679px) {
  .index-module__card--DuXgz {
    width: 285px
  }

  .index-module__card--DuXgz .index-module__content--lgrt\+ {
    padding: 24px
  }

  .index-module__title---R\+QG {
    padding: 24px 24px 25px
  }
}

@media screen and (max-width:1023px) {
  .index-module__card--DuXgz {
    height: 264px;
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px)
  }

  .index-module__card--DuXgz+.index-module__card--DuXgz {
    margin-left: unset
  }

  .index-module__card--DuXgz:nth-child(n+3) {
    margin-top: 20px
  }

  .index-module__card--DuXgz .index-module__content--lgrt\+ {
    padding: 20px 28px
  }

  .index-module__title---R\+QG {
    padding: 20px 28px 14px
  }

  .index-module__title---R\+QG .index-module__line1--wHDr6 {
    line-height: 26px
  }

  .index-module__title---R\+QG .index-module__line2--KFLip {
    font-size: 20px;
    height: 38px;
    line-height: 38px;
    margin-top: 2px
  }

  .index-module__title---R\+QG .index-module__line2--KFLip em {
    font-size: 32px;
    font-weight: 700
  }

  .index-module__title---R\+QG .index-module__line2--KFLip span {
    font-size: 18px;
    font-weight: 500
  }
}

@media screen and (max-width:767px) {
  .index-module__card--DuXgz {
    width: 100%
  }

  .index-module__card--DuXgz:nth-child(n+3) {
    margin-top: unset
  }

  .index-module__card--DuXgz+.index-module__card--DuXgz {
    margin-top: 16px
  }
}

.index-module__mobile--1cO0y {
  -moz-box-pack: justify;
  display: none;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media screen and (max-width:1023px) {
  .index-module__mobile--1cO0y {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
}

.index-module__product-capa-container--lcQgZ,
.index-module__product-capa-container--lcQgZ * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.index-module__product-capa-container--lcQgZ a,
.index-module__product-capa-container--lcQgZ a:active,
.index-module__product-capa-container--lcQgZ a:hover,
.index-module__product-capa-container--lcQgZ a:link,
.index-module__product-capa-container--lcQgZ a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__product-capa-pc--dQ8Pm {
  display: block
}

.index-module__product-capa-mobile--CvHeR,
.index-module__product-capa-pad--YzKiQ {
  display: none
}

@media screen and (max-width:767px) {
  .index-module__product-capa-pc--dQ8Pm {
    display: none
  }

  .index-module__product-capa-mobile--CvHeR {
    display: block
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .index-module__product-capa-pc--dQ8Pm {
    display: none
  }

  .index-module__product-capa-pad--YzKiQ {
    display: block
  }
}

.index-module__product-capa-pc-container--yvl0C {
  width: 1200px
}

.index-module__tabs-header--3oNyY {
  padding: 0 70px;
  position: relative;
  width: 100%
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ+.index-module__tabs-header-title--eD6RJ {
  margin-left: 72px
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 50px
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ .index-module__tabs-header-title-icon--qcn6M {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  width: 24px
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ .index-module__tabs-header-title-icon--qcn6M .index-module__icon-normal--h-Rbp {
  display: block
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ .index-module__tabs-header-title-icon--qcn6M .index-module__icon-active--BKrLG,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ .index-module__tabs-header-title-icon--qcn6M .index-module__icon-hover--EIOSI {
  display: none
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ .index-module__tabs-header-title-text--tozCs {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-left: 8px
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-normal--h-Rbp {
  display: none
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-hover--EIOSI {
  display: block
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-active--BKrLG {
  display: none
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ:hover .index-module__tabs-header-title-text--tozCs {
  color: #80838a
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc .index-module__tabs-header-title-icon--qcn6M .index-module__icon-hover--EIOSI,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc .index-module__tabs-header-title-icon--qcn6M .index-module__icon-normal--h-Rbp,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-hover--EIOSI,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-normal--h-Rbp {
  display: none
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc .index-module__tabs-header-title-icon--qcn6M .index-module__icon-active--BKrLG,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc:hover .index-module__tabs-header-title-icon--qcn6M .index-module__icon-active--BKrLG {
  display: block
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc .index-module__tabs-header-title-text--tozCs,
.index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title-active--cQttc:hover .index-module__tabs-header-title-text--tozCs {
  color: #1664ff;
  font-weight: 500
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-line--2a3Cv {
  background-color: #f2f2f2;
  height: 1px;
  left: 50%;
  min-width: 1200px;
  position: absolute;
  top: 52px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw
}

.index-module__tabs-header--3oNyY .index-module__tabs-header-ink--wqEwH {
  background-color: #1664ff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 2px;
  position: absolute;
  top: 51px;
  -webkit-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
  -o-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
  -moz-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
  transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
  z-index: 1
}

.index-module__tabs-content--m\+13e {
  height: 490px;
  padding-top: 60px;
  position: relative
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k {
  display: none;
  position: absolute
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 430px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 480px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 {
  -moz-box-flex: 0;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 430px;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 50px 0 70px;
  width: 480px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-title--ZBhAw {
  color: #181818;
  font-family: PingFang SC;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .002em;
  line-height: 36px;
  margin: unset
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-des--V981e .index-module__des-line-text--lyIwI {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-des--V981e .index-module__des-line-text--lyIwI:first-child {
  margin-top: 12px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-des--V981e .index-module__des-line-subtitle--Ho2b6 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 24px;
  margin: 12px 0 4px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-des--V981e .index-module__des-line-subtitle--Ho2b6 .index-module__dot--y0GCo {
  background-color: #181818;
  border-radius: 50%;
  display: inline-block;
  height: 5px;
  margin-right: 8px;
  width: 5px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 36px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA {
  -moz-box-flex: 0;
  display: block;
  -webkit-flex: none;
  flex: none
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct {
  color: #1664ff;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 24px;
  text-align: center
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct .index-module__link-arrow--j4Clf {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin-left: 5px;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  -moz-transition: right .3s;
  transition: right .3s
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct .index-module__link-arrow--j4Clf svg {
  height: 14px;
  width: 14px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct:hover {
  color: #4086ff
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct:hover .index-module__link-arrow--j4Clf {
  right: -4px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA .index-module__tabs-content-tab-link-panel--bB6Ct:active {
  color: #0e49d2
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 .index-module__tabs-content-tab-links--vUKZ\+ .index-module__tabs-content-tab-link-a--A28aA+.index-module__tabs-content-tab-link-a--A28aA {
  margin-top: 6px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 430px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 720px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ .index-module__tabs-content-tab-right--10k35 {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  height: 430px;
  overflow: hidden;
  width: 720px
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ .index-module__tabs-content-tab-right--10k35 .index-module__tabs-content-tab-image--F5A04 {
  font-size: 0;
  height: 100%;
  width: 100%
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ .index-module__tabs-content-tab-right--10k35 img {
  height: 100%;
  width: 100%
}

@-webkit-keyframes index-module__appear--83OxY {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes index-module__appear--83OxY {
  0% {
    -moz-transform: scale(0);
    transform: scale(0)
  }

  to {
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes index-module__appear--83OxY {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes index-module__disappear--2sARe {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

@-moz-keyframes index-module__disappear--2sARe {
  0% {
    -moz-transform: scale(1);
    transform: scale(1)
  }

  to {
    -moz-transform: scale(0);
    transform: scale(0)
  }
}

@keyframes index-module__disappear--2sARe {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
  }
}

@-webkit-keyframes index-module__fadeIn--cWnUE {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-moz-keyframes index-module__fadeIn--cWnUE {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes index-module__fadeIn--cWnUE {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes index-module__fadeOut--yYiMH {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-moz-keyframes index-module__fadeOut--yYiMH {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes index-module__fadeOut--yYiMH {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab-active--giSzK {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.index-module__tabs-content--m\+13e .index-module__tabs-content-tab-active--giSzK .index-module__tabs-content-tab-left--CuxZ0,
.index-module__tabs-content--m\+13e .index-module__tabs-content-tab-active--giSzK .index-module__tabs-content-tab-right--10k35 {
  -webkit-animation: index-module__fadeIn--cWnUE .5s;
  -moz-animation: index-module__fadeIn--cWnUE .5s;
  animation: index-module__fadeIn--cWnUE .5s
}

@media screen and (min-width:1680px) {
  .index-module__product-capa-pc-container--yvl0C {
    width: 1440px
  }

  .index-module__tabs-header--3oNyY .index-module__tabs-header-title-panel--pEIrL .index-module__tabs-header-title--eD6RJ+.index-module__tabs-header-title--eD6RJ {
    margin-left: 90px
  }

  .index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 {
    width: 672px
  }

  .index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-left-container--bLEw9 .index-module__tabs-content-tab-left--CuxZ0 {
    padding: 0 140px 0 72px;
    width: 672px
  }

  .index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ {
    width: 768px
  }

  .index-module__tabs-content--m\+13e .index-module__tabs-content-tab--Hqh2k .index-module__tabs-content-tab-right-container--RGYLZ .index-module__tabs-content-tab-right--10k35 {
    padding-right: 48px;
    width: 768px
  }
}

.index-module__product-capa-pad-container--paprw {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%
}

.index-module__product-capa-card--an1zW {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  background-color: #f8f9fe;
  border-radius: 8px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 45px 0 22px
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-title--vh8ds {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px;
  margin: unset;
  text-align: center
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-des--nI\+hp {
  margin-top: 8px;
  padding: 0 35px
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-des--nI\+hp .index-module__des-line--uLyi8 {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  text-align: center
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-link--7mc3T {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 12px
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-link--7mc3T .index-module__card-link-a--YJa0O {
  -moz-box-flex: 0;
  display: block;
  -webkit-flex: none;
  flex: none
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-link--7mc3T .index-module__card-link-a--YJa0O .index-module__card-link-panel--zFH7i {
  color: #1664ff;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  text-align: center
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-link--7mc3T .index-module__card-link-a--YJa0O .index-module__card-link-panel--zFH7i .index-module__link-arrow--xjg\+J {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin-left: 5px
}

.index-module__product-capa-card--an1zW .index-module__card-content--AA8g5 .index-module__card-link--7mc3T .index-module__card-link-a--YJa0O .index-module__card-link-panel--zFH7i .index-module__link-arrow--xjg\+J svg {
  height: 14px;
  width: 14px
}

.index-module__product-capa-card--an1zW .index-module__card-image--tlnuq {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  font-size: 0;
  margin-top: 40px;
  padding: 0 8px;
  width: 100%
}

.index-module__product-capa-card--an1zW .index-module__card-image--tlnuq img,
.index-module__product-capa-mobile-container--l7Kn3 {
  width: 100%
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item {
  border: unset;
  border-radius: 4px;
  overflow: hidden
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-header {
  background-color: #f8f9fe;
  border: unset;
  padding: 16px
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-icon-hover-right {
  right: 20px
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
  stroke: #15284c;
  stroke-width: 5;
  height: 12px;
  width: 12px
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-content {
  background-color: #f8f9fe
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: unset
}

.index-module__product-capa-mobile-collapse--Y4pLf .arco-collapse-item+.arco-collapse-item {
  margin-top: 8px
}

.index-module__product-capa-mobile-collapse--Y4pLf .index-module__mobile-tab-title--X3dF6 {
  color: #181818;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 20px;
  margin: unset
}

.index-module__product-capa-mobile-collapse--Y4pLf .index-module__mobile-tab-image--z4zK2 {
  font-size: 0;
  padding: 8px 16px 0;
  width: 100%
}

.index-module__product-capa-mobile-collapse--Y4pLf .index-module__mobile-tab-image--z4zK2 img {
  width: 100%
}

.index-module__product-capa-mobile-collapse--Y4pLf .index-module__mobile-tab-des--ew3ek {
  padding: 16px
}

.index-module__product-capa-mobile-collapse--Y4pLf .index-module__mobile-tab-des--ew3ek .index-module__des-line--SvVlG {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__pc--WxDCX {
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 12px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 660px;
  width: 1440px
}

.index-module__pc--WxDCX a,
.index-module__pc--WxDCX a:active,
.index-module__pc--WxDCX a:hover,
.index-module__pc--WxDCX a:link,
.index-module__pc--WxDCX a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__frameWrap--1NNU0 {
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 100%
}

.index-module__content--W1o4H {
  background: #fff;
  border-radius: 0 12px 12px 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 32px 28px;
  width: 277px
}

.index-module__sub--vvPa3+.index-module__sub--vvPa3 {
  margin-top: 19px
}

.index-module__sub_title--BM9NO {
  color: #181818;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 7px;
  padding: 0
}

.index-module__sub_desc--aYCgD {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #4e5969;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 5px 0
}

.index-module__sub_desc--aYCgD svg {
  margin-right: 4px
}

.index-module__button---IoQQ {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  background: #1664ff;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 36px;
  line-height: 20px;
  margin: 19px 0 5px;
  outline: none;
  padding: 0;
  text-align: center;
  width: 100%
}

.index-module__button---IoQQ:hover {
  background: #4281ff;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1)
}

.index-module__button---IoQQ:active {
  background: #05f;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1)
}

.index-module__cutting_line--l3nF6 {
  background: #e5e8ef;
  height: 1px;
  margin: 19px 0 24px;
  width: 100%
}

.index-module__product_btn--6oqPG {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  color: hsla(0, 0%, 9%, .8);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 36px;
  letter-spacing: .002em;
  line-height: 22px;
  margin: 8px 0 4px;
  outline: none;
  padding: 0;
  width: 150px
}

.index-module__product_btn--6oqPG:hover {
  border: 1px solid #4281fd
}

.index-module__product_btn--6oqPG:active {
  border: 1px solid #1664ff
}

.index-module__product_btn--6oqPG img {
  display: inline-block;
  height: 16px;
  margin: 0 8px 0 12px;
  width: 16px
}

@media screen and (max-width:1679px) {
  .index-module__pc--WxDCX {
    width: 1200px
  }
}

@media screen and (max-width:1023px) {
  .index-module__pc--WxDCX {
    display: none
  }
}

.index-module__frameWrap--UfR\+T {
  border-radius: 12px 0 0 12px;
  height: 100%;
  position: relative;
  width: 100%
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL {
  bottom: 23px;
  left: 47px;
  position: absolute;
  z-index: 3
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL button {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e6e8;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  padding: 10px
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL button:hover {
  box-shadow: 0 4px 6px rgba(40, 40, 40, .25)
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL button span {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-left: 7px
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__disable--UFLkt {
  cursor: not-allowed
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__plus--kaB5f {
  font-size: 24px
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__reset--YRe7e {
  margin-bottom: 12px;
  position: relative
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__pop-over--0JEyV {
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  left: -140px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__pop-over--0JEyV.index-module__hidden--QrNN6 {
  opacity: 0;
  visibility: hidden
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__pop-over--0JEyV.index-module__hidden--QrNN6.index-module__show--LKZTC {
  opacity: 1;
  visibility: visible
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__pop-content--8STMS {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-radius: 4px;
  box-shadow: 0 4px 10px #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  padding: 8px;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__rhombus--WUSmQ {
  background-color: #fff;
  border: 1px solid #c9cdd4;
  border-bottom: none;
  border-bottom-right-radius: 2px;
  border-left: none;
  height: 8px;
  margin-left: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__iconFullscreen--GZenW {
  stroke-width: 6;
  color: #4e5969;
  height: 16px;
  width: 16px
}

.index-module__frameWrap--UfR\+T .index-module__tools--CFqJL .index-module__minusSymbol--D6mZ\+ {
  background-color: #fff;
  border-radius: .5px;
  height: 2.4px;
  margin: auto;
  width: 12px
}

.index-module__frameWrap--UfR\+T .index-module__zoom-content--Yb4Ai,
.index-module__frameWrap--UfR\+T .index-module__zoom-wrapper--QjbSY {
  height: 100% !important;
  width: 100% !important
}

.index-module__frameWrap--UfR\+T .index-module__innerWrap--gO-iG {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px;
  width: 100%
}

.index-module__frameWrap--UfR\+T .index-module__innerWrap--gO-iG .index-module__picture--t754w {
  max-height: 100%;
  max-width: min(100%, 820px);
  -o-object-fit: contain;
  object-fit: contain
}

@media screen and (max-width:1023px) {
  .index-module__frameWrap--UfR\+T {
    border-radius: 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
  }

  .index-module__frameWrap--UfR\+T .index-module__innerWrap--gO-iG {
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.index-module__modal-wrap--guQFl {
  background-color: #f7f7f9;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.index-module__modal-wrap--guQFl .index-module__picture--t754w {
  max-height: 90vh;
  max-width: 90vw;
  -o-object-fit: contain;
  object-fit: contain;
  width: 90vw
}

.index-module__modal-wrap--guQFl .arco-modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px
}

.index-module__modal-wrap--guQFl .arco-icon-hover:hover:before {
  height: 26px;
  width: 26px
}

.index-module__modal-wrap--guQFl .arco-icon-close {
  height: 20px;
  width: 20px
}

.arco-modal-wrapper {
  z-index: 3001
}

.index-module__pad--PMMYh {
  display: none;
  width: 100%
}

.index-module__pad--PMMYh a,
.index-module__pad--PMMYh a:active,
.index-module__pad--PMMYh a:hover,
.index-module__pad--PMMYh a:link,
.index-module__pad--PMMYh a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__frameWrap--Cpsoi {
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  width: 100%
}

.index-module__content--CYQdq {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding-top: 24px;
  width: 100%
}

.index-module__sub_content--g\+ZsB {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 263px
}

.index-module__sub_title--WCPYm {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 0
}

.index-module__sub_desc--Q24TY,
.index-module__sub_title--WCPYm {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__sub_desc--Q24TY {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 9%, .8);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px
}

.index-module__sub_desc--Q24TY svg {
  margin-right: 8px
}

.index-module__product_content--HyWUK {
  -moz-box-flex: 1;
  border-left: 1px solid #e5e8ef;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-left: 32px
}

.index-module__product_a--pJn76:nth-child(odd) {
  margin-left: 12px
}

.index-module__product_btn--95tDW {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  color: hsla(0, 0%, 9%, .8);
  cursor: pointer;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 36px;
  letter-spacing: .002em;
  line-height: 22px;
  margin: 12px 0 0;
  outline: none;
  padding: 0;
  width: -moz-calc(50% - 6px);
  width: calc(50% - 6px)
}

.index-module__product_btn--95tDW:hover {
  border: 1px solid #4281fd
}

.index-module__product_btn--95tDW:active {
  border: 1px solid #1664ff
}

.index-module__product_btn--95tDW img {
  display: inline-block;
  height: 16px;
  margin: 0 8px 0 12px;
  width: 16px
}

@media screen and (max-width:1023px) {
  .index-module__pad--PMMYh {
    display: block
  }
}

@media screen and (max-width:767px) {
  .index-module__pad--PMMYh {
    display: none
  }
}

.index-module__mobile--9LcaL {
  display: none;
  width: 100%
}

.index-module__mobile--9LcaL a,
.index-module__mobile--9LcaL a:active,
.index-module__mobile--9LcaL a:hover,
.index-module__mobile--9LcaL a:link,
.index-module__mobile--9LcaL a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__frameWrap--VE0\+E {
  background: #f7f7f9;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  height: 350px;
  overflow-x: scroll;
  width: 100%
}

.index-module__frame--eLVCU {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 98%;
  padding: 24px
}

.index-module__sub_content--krV18 {
  margin: 24px 0 16px
}

.index-module__sub_title--8pURO {
  color: #1a202c;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 0
}

.index-module__sub_desc--wXuVk,
.index-module__sub_title--8pURO {
  font-family: PingFang SC;
  font-style: normal;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__sub_desc--wXuVk {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 9%, .8);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px
}

.index-module__sub_desc--wXuVk svg {
  margin-right: 8px
}

.index-module__product_content--gK5zv {
  border-bottom: 1px solid #e5e8ef;
  border-top: 1px solid #e5e8ef;
  padding: 16px 0
}

.index-module__product_a--6bc99:nth-child(odd) {
  margin-left: 10px
}

.index-module__product_btn--ZPudC {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  background: #f2f3f8;
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  color: hsla(0, 0%, 9%, .8);
  cursor: pointer;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 36px;
  letter-spacing: .002em;
  line-height: 22px;
  margin: 12px 0 0;
  outline: none;
  padding: 0;
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px)
}

.index-module__product_btn--ZPudC:hover {
  border: 1px solid #4281fd
}

.index-module__product_btn--ZPudC:active {
  border: 1px solid #1664ff
}

.index-module__product_btn--ZPudC img {
  display: inline-block;
  height: 16px;
  margin: 0 8px 0 12px;
  width: 16px
}

@media screen and (max-width:767px) {
  .index-module__mobile--9LcaL {
    display: block
  }
}

.index-module__application-scene-container--mnXL8,
.index-module__application-scene-container--mnXL8 * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.index-module__application-scene-container--mnXL8 a,
.index-module__application-scene-container--mnXL8 a:active,
.index-module__application-scene-container--mnXL8 a:hover,
.index-module__application-scene-container--mnXL8 a:link,
.index-module__application-scene-container--mnXL8 a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__application-scene-pc--JJZLC {
  display: block
}

.index-module__application-scene-mobile--3WCFf {
  display: none
}

@media screen and (max-width:1023px) {
  .index-module__application-scene-pc--JJZLC {
    display: none
  }

  .index-module__application-scene-mobile--3WCFf {
    display: block
  }
}

.index-module__application-scene-pc-container--fCfxg {
  position: relative;
  width: 1200px
}

.index-module__application-scene-pc-header--Er3\+p {
  height: 122px;
  position: relative;
  width: 100%
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K {
  height: 222px;
  left: 50%;
  min-width: 1200px;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h {
  margin: 0 auto;
  position: relative;
  width: 1200px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: absolute;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease;
  width: 280px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  -moz-box-flex: 0;
  color: #181818;
  -webkit-flex: none;
  flex: none;
  font-family: PingFang SC;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 32px;
  text-align: center;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F {
  -moz-box-flex: 0;
  color: #4e5969;
  -webkit-flex: none;
  flex: none;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 8px;
  opacity: 1;
  text-align: center;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  -moz-box-flex: 0;
  display: block;
  -webkit-flex: none;
  flex: none;
  margin-top: 16px;
  opacity: 1;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0 {
  color: #1664ff;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  text-align: center
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0 .index-module__link-arrow--bTIO8 {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  margin-left: 5px;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  -moz-transition: right .3s;
  transition: right .3s
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0 .index-module__link-arrow--bTIO8 svg {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  height: 12px;
  width: 12px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0:hover {
  color: #4086ff
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0:hover .index-module__link-arrow--bTIO8 {
  right: -4px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF .index-module__tab-link-panel--hv0C0:active {
  color: #0e49d2
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev4--QK-2T .index-module__title-wrapper--qV3OA {
  left: -932px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev4--QK-2T .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev4--QK-2T .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev4--QK-2T .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev3--gbXoX .index-module__title-wrapper--qV3OA {
  left: -598px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev3--gbXoX .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev3--gbXoX .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev3--gbXoX .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev2--0b215 .index-module__title-wrapper--qV3OA {
  left: -264px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev2--0b215 .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev2--0b215 .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev2--0b215 .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev1--Fjati .index-module__title-wrapper--qV3OA {
  left: 70px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev1--Fjati .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  cursor: pointer;
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev1--Fjati .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev1--Fjati .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-current--tbpNO .index-module__title-wrapper--qV3OA {
  left: 460px;
  top: 0
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next1--ZY9IY .index-module__title-wrapper--qV3OA {
  left: 849px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next1--ZY9IY .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  cursor: pointer;
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next1--ZY9IY .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next1--ZY9IY .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next2--\+EKlR .index-module__title-wrapper--qV3OA {
  left: 1183px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next2--\+EKlR .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next2--\+EKlR .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next2--\+EKlR .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next3--39uMB .index-module__title-wrapper--qV3OA {
  left: 1517px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next3--39uMB .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next3--39uMB .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next3--39uMB .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next4--3kLc7 .index-module__title-wrapper--qV3OA {
  left: 1851px;
  top: 44px
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next4--3kLc7 .index-module__title-wrapper--qV3OA .index-module__tab-title--C8Oac {
  opacity: .3
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next4--3kLc7 .index-module__title-wrapper--qV3OA .index-module__tab-description---QJ6F,
.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next4--3kLc7 .index-module__title-wrapper--qV3OA .index-module__tab-link-a--7TjIF {
  opacity: 0;
  pointer-events: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-outside--KoI0G {
  display: none
}

.index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-fade--3YfgE {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(20%, hsla(0, 0%, 100%, 0)), color-stop(80%, hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, 0) 80%, #fff);
  background-image: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, 0) 80%, #fff 100%);
  background-image: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, 0) 80%, #fff);
  height: 122px;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: 1
}

.index-module__application-scene-pc-image--bxqmO {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.index-module__application-scene-pc-image--bxqmO .index-module__scene-image-container--5tIM2 {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  font-size: 0;
  height: 457px;
  position: relative;
  width: 870px
}

.index-module__application-scene-pc-image--bxqmO .index-module__scene-image-container--5tIM2 img {
  height: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .8s ease;
  -o-transition: opacity .8s ease;
  -moz-transition: opacity .8s ease;
  transition: opacity .8s ease;
  width: 100%
}

.index-module__application-scene-pc-image--bxqmO .index-module__scene-image-container--5tIM2 .index-module__incoming-image--v9fuO img {
  opacity: 1
}

.index-module__application-scene-pc-button--FbHfB {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 64px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 306px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f7f7f9;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 64px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 64px
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI svg {
  stroke: #454545;
  stroke-width: 5;
  height: 28px;
  width: 28px
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI:hover {
  border: 1px solid #4281fd
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI:hover svg {
  stroke: #696969
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI:active {
  border: 1px solid #1664ff
}

.index-module__application-scene-pc-button--FbHfB .index-module__scene-button--jn3TI:active svg {
  stroke: #454545
}

@media screen and (min-width:1680px) {

  .index-module__application-scene-pc-container--fCfxg,
  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h {
    width: 1440px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev4--QK-2T .index-module__title-wrapper--qV3OA {
    left: -943px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev3--gbXoX .index-module__title-wrapper--qV3OA {
    left: -576px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev2--0b215 .index-module__title-wrapper--qV3OA {
    left: -209px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-prev1--Fjati .index-module__title-wrapper--qV3OA {
    left: 158px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-current--tbpNO .index-module__title-wrapper--qV3OA {
    left: 580px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next1--ZY9IY .index-module__title-wrapper--qV3OA {
    left: 1002px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next2--\+EKlR .index-module__title-wrapper--qV3OA {
    left: 1369px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next3--39uMB .index-module__title-wrapper--qV3OA {
    left: 1736px
  }

  .index-module__application-scene-pc-header--Er3\+p .index-module__header-content-wrapper--vM71K .index-module__header-content--qrW4h .index-module__tab-panel-next4--3kLc7 .index-module__title-wrapper--qV3OA {
    left: 2103px
  }
}

.index-module__application-scene-mobile-container--kMf2Z {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%
}

.index-module__application-scene-card--J4Djd {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  background: #f8f9fe;
  border-radius: 8px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 36px 0 0
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-title--Zhrdz {
  color: #181818;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 26px;
  margin: unset;
  text-align: center
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-des--mRNzA {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 4px;
  padding: 0 35px;
  text-align: center
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-link--2n0-A {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 8px
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-link--2n0-A .index-module__card-link-a--W0pKY {
  -moz-box-flex: 0;
  display: block;
  -webkit-flex: none;
  flex: none
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-link--2n0-A .index-module__card-link-a--W0pKY .index-module__card-link-panel--Bw8Lg {
  color: #1664ff;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  text-align: center
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-link--2n0-A .index-module__card-link-a--W0pKY .index-module__card-link-panel--Bw8Lg .index-module__link-arrow--Lc0Pd {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin-left: 5px
}

.index-module__application-scene-card--J4Djd .index-module__card-content--aPJvM .index-module__card-link--2n0-A .index-module__card-link-a--W0pKY .index-module__card-link-panel--Bw8Lg .index-module__link-arrow--Lc0Pd svg {
  height: 14px;
  width: 14px
}

.index-module__application-scene-card--J4Djd .index-module__card-image--E6zdQ {
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  font-size: 0;
  margin-top: 22px;
  padding: 0 8px;
  width: 100%
}

.index-module__application-scene-card--J4Djd .index-module__card-image--E6zdQ img {
  width: 100%
}

@media screen and (max-width:767px) {
  .index-module__application-scene-mobile-container--kMf2Z {
    display: block
  }

  .index-module__application-scene-card--J4Djd+.index-module__application-scene-card--J4Djd {
    margin-top: 16px
  }
}

.index-module__pc--\+1W3x {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 60px rgba(51, 65, 101, .1);
  height: 400px;
  position: relative
}

.index-module__pc--\+1W3x a,
.index-module__pc--\+1W3x a:active,
.index-module__pc--\+1W3x a:hover,
.index-module__pc--\+1W3x a:link,
.index-module__pc--\+1W3x a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__case_names--i2u9- {
  left: 103px;
  position: absolute;
  top: 52px
}

.index-module__case_names--i2u9- span {
  color: #86909c;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 15px;
  white-space: nowrap
}

.index-module__case_names--i2u9- span:hover {
  color: #80838a
}

.index-module__case_names--i2u9- .index-module__active--B7Rj0 {
  color: #1664ff !important;
  font-weight: 500
}

.index-module__case_names--i2u9- .index-module__deco--fD5rn {
  background: -webkit-gradient(linear, left top, right top, from(#f2f2f2), color-stop(96.75%, hsla(0, 0%, 95%, 0)));
  background: -webkit-linear-gradient(left, #f2f2f2, hsla(0, 0%, 95%, 0) 96.75%);
  background: -moz-linear-gradient(left, #f2f2f2 0, hsla(0, 0%, 95%, 0) 96.75%);
  background: linear-gradient(90deg, #f2f2f2, hsla(0, 0%, 95%, 0) 96.75%);
  height: 1px;
  position: absolute;
  top: 36px;
  width: 601px
}

.index-module__case_names--i2u9- .index-module__line--\+ksIe {
  background: #1664ff;
  border-radius: 12px 12px 0 0;
  height: 2px;
  position: absolute;
  top: 35px;
  -webkit-transition: width .5s, -webkit-transform .5s;
  transition: width .5s, -webkit-transform .5s;
  -o-transition: width .5s, -o-transform .5s;
  -moz-transition: width .5s, transform .5s, -moz-transform .5s;
  transition: width .5s, transform .5s;
  transition: width .5s, transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.index-module__case_content--TY7pw {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  width: 100%
}

.index-module__case_content--TY7pw.index-module__active--B7Rj0 {
  opacity: 1;
  pointer-events: all
}

.index-module__left_part--WL2le {
  padding: 123px 0 0 100px;
  width: 500px
}

.index-module__left_part--WL2le img {
  height: 48px
}

.index-module__left_part--WL2le .index-module__context--lYHxI {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px;
  margin-top: 12px;
  width: 500px
}

.index-module__button--Jl1QQ {
  background-color: transparent;
  background: #1664ff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1);
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 26px;
  margin: 30px 0 0;
  outline: none;
  padding: 12px 31.5px
}

.index-module__button--Jl1QQ:hover {
  background: #4281ff;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1)
}

.index-module__button--Jl1QQ:active {
  background: #05f;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1)
}

.index-module__right_img--FMwcW {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 580px
}

@media screen and (max-width:1679px) {
  .index-module__case_names--i2u9- {
    left: 90px
  }

  .index-module__left_part--WL2le {
    padding: 123px 0 0 87px
  }
}

@media screen and (max-width:1023px) {
  .index-module__pc--\+1W3x {
    display: none
  }
}

.index-module__mobile--4HiHj {
  display: none
}

.index-module__mobile--4HiHj a,
.index-module__mobile--4HiHj a:active,
.index-module__mobile--4HiHj a:hover,
.index-module__mobile--4HiHj a:link,
.index-module__mobile--4HiHj a:visited {
  color: inherit;
  text-decoration: none
}

.index-module__carousel--dSVoO {
  background: #f8f9fe;
  border-radius: 8px;
  height: 254px;
  overflow-x: hidden
}

.index-module__cases--NMOfS {
  height: 100%;
  overflow-x: visible;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  -moz-transition: transform 1s, -moz-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
  white-space: nowrap
}

.index-module__case--Y7RHd {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  padding: 32px 40px;
  position: relative;
  vertical-align: top;
  width: 100%
}

.index-module__case--Y7RHd img {
  height: 44px
}

.index-module__case--Y7RHd .index-module__context--fde9z {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #4e5969;
  display: -webkit-box;
  margin-top: 10px;
  overflow: hidden;
  white-space: pre-wrap
}

.index-module__button--fztfl,
.index-module__case--Y7RHd .index-module__context--fde9z {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__button--fztfl {
  background-color: transparent;
  border: none;
  bottom: 32px;
  color: #1664ff;
  cursor: pointer;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute
}

.index-module__button--fztfl:hover {
  color: #4086ff
}

.index-module__button--fztfl:active {
  color: #0e49d2
}

.index-module__button--fztfl svg {
  stroke-width: 5;
  font-size: 13px;
  margin-left: 4px
}

.index-module__dots--lgf62 {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 12px
}

.index-module__dot--MiQA- {
  background: rgba(22, 100, 255, .1);
  border-radius: 100%;
  cursor: pointer;
  height: 6px;
  width: 6px
}

.index-module__dot--MiQA-.index-module__active--X\+8Ko {
  background: #1664ff
}

.index-module__dot--MiQA-+.index-module__dot--MiQA- {
  margin-left: 8px
}

@media screen and (max-width:1023px) {
  .index-module__mobile--4HiHj {
    display: block
  }
}

@media screen and (max-width:767px) {
  .index-module__case--Y7RHd {
    padding: 24px
  }

  .index-module__button--fztfl {
    bottom: 24px
  }
}

.index-module__more--hBT5C {
  margin-top: 49px
}

.index-module__more--hBT5C h3 {
  margin: 0;
  padding: 0
}

.index-module__title--k7yGK {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: rgba(78, 89, 105, .6);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__title--k7yGK span {
  margin: 0 37px;
  white-space: nowrap
}

.index-module__deco_left--yhXfu {
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 95%, 0)), color-stop(96.75%, #d5dce8));
  background: -webkit-linear-gradient(left, hsla(0, 0%, 95%, 0), #d5dce8 96.75%);
  background: -moz-linear-gradient(left, hsla(0, 0%, 95%, 0) 0, #d5dce8 96.75%);
  background: linear-gradient(90deg, hsla(0, 0%, 95%, 0), #d5dce8 96.75%);
  height: 1px;
  width: 528px
}

.index-module__deco_right--ZE0Kq {
  background: -webkit-gradient(linear, left top, right top, from(#d5dce8), color-stop(96.75%, hsla(0, 0%, 95%, 0)));
  background: -webkit-linear-gradient(left, #d5dce8, hsla(0, 0%, 95%, 0) 96.75%);
  background: -moz-linear-gradient(left, #d5dce8 0, hsla(0, 0%, 95%, 0) 96.75%);
  background: linear-gradient(90deg, #d5dce8, hsla(0, 0%, 95%, 0) 96.75%);
  height: 1px;
  width: 528px
}

.index-module__content--P6wUe {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-top: 7px
}

.index-module__content--P6wUe .index-module__img-wrap--WuZ88 {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 47px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 25px 0;
  width: 24%
}

.index-module__content--P6wUe img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media screen and (max-width:1023px) {
  .index-module__more--hBT5C {
    margin-top: 32px
  }

  .index-module__title--k7yGK span {
    margin: 0 12px
  }

  .index-module__deco_left--yhXfu,
  .index-module__deco_right--ZE0Kq {
    width: 109px
  }
}

@media screen and (max-width:767px) {
  .index-module__content--P6wUe {
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px
  }

  .index-module__content--P6wUe .index-module__img-wrap--WuZ88 {
    margin: 12px 0;
    width: 45%
  }
}

.index-module__tabs--xapW7 .arco-tabs-header-wrapper {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.index-module__tabs--xapW7 .arco-tabs-header,
.index-module__tabs--xapW7 .arco-tabs-header-title {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 80px
}

.index-module__tabs--xapW7 .arco-tabs-header-title {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--color-text-secondary);
  margin: 0
}

.index-module__tabs--xapW7 .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll.is-dropdown {
  padding-right: 0
}

.index-module__header-title--qb5MW {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 35px
}

.index-module__row-container--iIhz3 {
  padding: 0 120px
}

.index-module__row-text-container--X3Tu2 {
  padding: 0 47px 0 60px
}

.index-module__tab-panel--4MKTu {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.index-module__tab-panel-actived--0DvbX {
  opacity: 1
}

@media screen and (max-width:1280px) {
  .index-module__row-container--iIhz3 {
    padding: 0 60px
  }

  .index-module__row-text-container--X3Tu2 {
    padding: 0 20px 0 0
  }
}

@media screen and (max-width:600px) {
  .index-module__tabs--xapW7 {
    margin: 0 -16px
  }

  .index-module__tabs--xapW7 .arco-tabs-header {
    height: 64px
  }

  .index-module__tabs--xapW7 .arco-tabs-header-title {
    height: 64px;
    margin: 0 24px
  }

  .index-module__header-title--qb5MW {
    margin: 0 4px
  }

  .index-module__tab-panel--4MKTu {
    padding: 0 16px
  }

  .arco-collapse-item-content-box {
    padding-top: unset
  }

  .index-module__collapse--wtQHt .arco-collapse-item-content-box {
    background-color: var(--color-background-secondary)
  }

  .index-module__collapse--wtQHt .arco-collapse-item-header {
    color: var(--color-text-primary);
    margin: 0 16px;
    padding-left: 0 !important
  }

  .index-module__navItemIcon--13ZII {
    color: var(--color-text-secondary)
  }

  .index-module__collapse--wtQHt .arco-collapse-item-active .index-module__navItemIcon--13ZII,
  .index-module__collapse--wtQHt .arco-collapse-item-active .index-module__navItemTitle--wN84q {
    color: var(--color-primary) !important
  }

  .index-module__collapse--wtQHt .arco-icon-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .index-module__collapse--wtQHt .arco-collapse-item-header-icon-down {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
  }

  .index-module__contentContainer--jM8TP {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -moz-box-pack: justify;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    opacity: 1;
    padding: 0 4px;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease
  }

  .index-module__collapse--wtQHt .arco-collapse-item-active {
    border: none
  }

  .index-module__collapse--wtQHt .arco-collapse-item-active .arco-collapse-item-header {
    background-color: var(--color-primary-reverse);
    border-bottom: 1px solid #e6e8eb !important;
    color: var(--color-primary)
  }

  .index-module__navItem--Xc0Od {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 24px;
    padding-bottom: 0
  }

  .index-module__right--6-dhu {
    width: 90%
  }

  .index-module__right--6-dhu img {
    margin: 40px auto;
    width: 100%
  }

  .index-module__left--EKigk {
    width: 100%
  }

  .index-module__itemContent--wAOHp {
    text-align: justify
  }

  .index-module__content-item--\+tAK6:not(:last-child) {
    margin-bottom: 20px
  }

  .index-module__content-item--\+tAK6:last-child {
    margin-bottom: 32px
  }
}

.index-module__tabs--Nxkby .arco-tabs-header-nav {
  background: transparent;
  margin-left: auto;
  width: 50%
}

.index-module__tabs--Nxkby .arco-tabs-header-wrapper {
  border-bottom: 1px solid #e6eaf0
}

.index-module__tabs--Nxkby .arco-tabs-header {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 32px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%
}

.index-module__tabs--Nxkby .arco-tabs-header-ink {
  background-color: var(--color-primary)
}

.index-module__tabs--Nxkby .arco-tabs-header-nav .arco-tabs-header-title {
  color: #999db1;
  height: 32px;
  margin: unset
}

.index-module__tabs--Nxkby .arco-tabs-header-nav .arco-tabs-header-title.active {
  color: var(--color-primary) !important;
  font-weight: 500
}

.index-module__navItem--IagyI {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 32px;
  padding-bottom: 8px
}

.index-module__tabs--Nxkby .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll.is-dropdown {
  padding-left: 20px
}

.index-module__contentContainer--DPJ98 {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  opacity: 0;
  padding: 0 20px;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease;
  width: 100%
}

.index-module__tabs--Nxkby .arco-tabs-content-item-active .index-module__contentContainer--DPJ98 {
  opacity: 1
}

.index-module__left---p9ng {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 46%
}

.index-module__left---p9ng img {
  display: block;
  width: 100%
}

.index-module__right--n4DVg {
  padding-left: 20px;
  width: 50%
}

.index-module__content-item--dj\+b-:not(:last-child) {
  margin-bottom: 36px
}

.index-module__tabs--pQg3x .arco-tabs-header-wrapper {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.index-module__tabs--pQg3x .arco-tabs-header,
.index-module__tabs--pQg3x .arco-tabs-header-title {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 80px
}

.index-module__tabs--pQg3x .arco-tabs-header-title {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--color-text-secondary);
  margin: 0 35px
}

.arco-tabs-header-nav .arco-tabs-header-title.active {
  color: var(--color-primary) !important
}

.arco-tabs-header-nav .arco-tabs-header-title:hover {
  color: var(--color-text-secondary)
}

.index-module__tabs--pQg3x .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll.is-dropdown {
  padding-right: 0
}

.arco-tabs-header-nav:before {
  background: #f4f5f7
}

.index-module__header-title---AVkM {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  width: 128px
}

.index-module__row-text-container--GbNGt {
  padding: 0 47px 0 60px
}

.index-module__tab-panel--IYGnW {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.index-module__tab-panel-actived--q8lAC {
  opacity: 1
}

@media screen and (max-width:1280px) {
  .index-module__row-container--wk95T {
    padding: 0 60px
  }

  .index-module__row-text-container--GbNGt {
    padding: 0 20px 0 0
  }
}

@media screen and (max-width:600px) {
  .index-module__tabs--pQg3x {
    margin: 0 -16px
  }

  .index-module__tabs--pQg3x .arco-tabs-header {
    -moz-box-pack: justify;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 64px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px)
  }

  .index-module__tabs--pQg3x .arco-tabs-header-title {
    height: 64px;
    margin: 0
  }

  .index-module__header-title---AVkM {
    margin: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
  }

  .index-module__tab-panel--IYGnW {
    margin: 0 16px;
    overflow: hidden
  }

  .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll .arco-tabs-icon {
    height: 64px;
    line-height: 64px
  }
}

.index-module__tabs--c99GJ .arco-tabs-header-nav {
  background-color: transparent
}

.index-module__tabs--c99GJ .arco-tabs-header-nav:before {
  background-color: #e5e6eb
}

.index-module__tabs--c99GJ .arco-tabs-header {
  height: 118px
}

.index-module__tabs--c99GJ .arco-tabs-header-title {
  margin-left: 0;
  margin-right: 48px
}

.index-module__navItem--4sFm3 {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 12px 0;
  position: relative
}

.index-module__navItem--4sFm3,
.index-module__navItem--4sFm3 .index-module__title--2BBiN {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__navItem--4sFm3:hover .index-module__title--2BBiN {
  color: var(--color-text-primary)
}

.index-module__navItem--4sFm3:hover .index-module__icon--tGXwp {
  -webkit-filter: unset;
  filter: unset
}

.index-module__contentContainer--1l3vU {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__leftContainer--d3k\+V {
  border: 1px solid #e5e6eb;
  border-radius: 3px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-right: 36px;
  max-width: 276px;
  min-width: 256px;
  padding: 20px
}

.index-module__cateTags--U2Xwu,
.index-module__iconTitle--N0kHn {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__cateTag--A6IYB {
  background-color: #f5f7fa;
  margin-right: 8px;
  padding: 4px 8px
}

.index-module__cardContainer--rXCvi {
  grid-gap: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 8px;
  margin-right: 2px
}

.index-module__card--pn88c {
  -moz-box-pack: start;
  -moz-box-align: start;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-radius: 3px;
  color: var(--color-text-primary);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 12px 16px;
  position: relative
}

.index-module__card--pn88c .index-module__titleLine--mcPrI {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__card--pn88c .index-module__tag--FxD8n {
  border-radius: 3px;
  margin-left: 8px;
  padding: 1px 4px
}

.index-module__card--pn88c .index-module__hot--cItiS {
  background-color: #ffe8e8;
  color: var(--color-error)
}

.index-module__card--pn88c .index-module__new--3mF2P {
  background-color: #e8efff;
  color: var(--color-primary)
}

.index-module__card--pn88c:hover {
  box-shadow: 0 1px 2px rgba(21, 40, 76, .12), 0 -1px 1px rgba(21, 40, 76, .04), 0 2px 3px rgba(21, 40, 76, .12);
  color: var(--color-primary);
  -webkit-transition: all .45s cubic-bezier(.34, 1.56, .64, 1);
  -o-transition: all .45s cubic-bezier(.34, 1.56, .64, 1);
  -moz-transition: all .45s cubic-bezier(.34, 1.56, .64, 1);
  transition: all .45s cubic-bezier(.34, 1.56, .64, 1);
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s
}

.index-module__icon--tGXwp {
  color: var(--primary-color);
  -webkit-filter: grayscale(85%) opacity(65%) contrast(115%);
  filter: grayscale(85%) opacity(65%) contrast(115%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__container--B--vn {
  border-radius: 3px;
  margin-top: 28px;
  overflow: hidden
}

.index-module__container--B--vn .arco-collapse-item {
  background: #fff;
  border-bottom: 1px solid var(--color-dividing-reverse);
  margin: 0 3px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__container--B--vn .arco-collapse-item:last-child {
  border-bottom: none
}

.index-module__container--B--vn .arco-collapse-item-active {
  border-bottom: none;
  border-radius: 3px;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, .04), 0 2px 3px rgba(0, 0, 0, .12);
  margin: 16px 2px
}

.index-module__container--B--vn .arco-collapse-item-active .arco-collapse-item-header svg {
  -webkit-filter: none;
  filter: none
}

.index-module__container--B--vn .arco-collapse-item-header {
  border-bottom: 1px solid rgba(229, 230, 235, .08);
  padding: 0
}

.index-module__container--B--vn .arco-collapse-item-header-icon {
  color: var(--color-text-primary);
  left: unset;
  right: 24px;
  top: 32px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg)
}

.index-module__container--B--vn .arco-collapse-item-header-icon.arco-collapse-item-header-icon-down {
  color: var(--color-text-primary);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}

.index-module__container--B--vn .arco-collapse-item-content-box {
  padding: 16px
}

.index-module__header--cltyc {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 16px 52px 16px 16px
}

.index-module__title--FUdgA {
  margin-left: 16px
}

.index-module__icon--0oVDC {
  color: var(--primary-color);
  -webkit-filter: grayscale(85%) opacity(65%) contrast(115%);
  filter: grayscale(85%) opacity(65%) contrast(115%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}

.index-module__cateTags--u-OUp {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__cateTag--liAHH {
  background-color: #f5f7fa;
  margin-right: 8px;
  padding: 4px 8px
}

.index-module__card--WwNzc {
  display: block;
  margin-bottom: 14px;
  padding: 0 12px
}

.index-module__inputComponents--49cwL .arco-textarea-word-limit {
  bottom: -28px
}

.visible {
  visibility: visible !important
}

.absolute {
  position: absolute !important
}

.col-span-1 {
  grid-column: span 1/span 1 !important
}

.col-span-3 {
  grid-column: span 3/span 3 !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: .75rem !important
}

.mr-5 {
  margin-right: 1.25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: .75rem !important
}

.ml-4 {
  margin-left: 1rem !important
}

.ml-6 {
  margin-left: 1.5rem !important
}

.flex {
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important
}

.table {
  display: table !important
}

/* .grid {
  display: grid !important
} */

.hidden {
  display: none !important
}

.h-7 {
  height: 1.75rem !important
}

.h-8 {
  height: 2rem !important
}

.h-11 {
  height: 2.75rem !important
}

.w-8 {
  width: 2rem !important
}

.w-32 {
  width: 8rem !important
}

.w-full {
  width: 100% !important
}

.flex-1 {
  -moz-box-flex: 1 !important;
  -webkit-flex: 1 1 !important;
  flex: 1 1 !important
}

.flex-none {
  -moz-box-flex: 0 !important;
  -webkit-flex: none !important;
  flex: none !important
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
  flex-shrink: 0 !important
}

.flex-shrink {
  -webkit-flex-shrink: 1 !important;
  flex-shrink: 1 !important
}

.transform {
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  --tw-rotate: 0 !important;
  --tw-skew-x: 0 !important;
  --tw-skew-y: 0 !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -o-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-3 {
  --tw-translate-y: -0.75rem !important
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-moz-keyframes spin {
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes ping {

  75%,
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@-moz-keyframes ping {

  75%,
  to {
    opacity: 0;
    -moz-transform: scale(2);
    transform: scale(2)
  }
}

@keyframes ping {

  75%,
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5
  }
}

@-moz-keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@-webkit-keyframes bounce {

  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
  }

  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    -webkit-transform: none;
    transform: none
  }
}

@-moz-keyframes bounce {

  0%,
  to {
    -moz-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    -moz-transform: translateY(-25%);
    transform: translateY(-25%)
  }

  50% {
    -moz-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    -moz-transform: none;
    transform: none
  }
}

@keyframes bounce {

  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%)
  }

  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none
  }
}

.cursor-pointer {
  cursor: pointer !important
}

.cursor-not-allowed {
  cursor: not-allowed !important
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important
}

.items-center {
  -moz-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important
}

.justify-center {
  -moz-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important
}

.justify-around {
  -webkit-justify-content: space-around !important;
  justify-content: space-around !important
}

.gap-4 {
  gap: 1rem !important
}

.space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse))) !important;
  margin-right: calc(.25rem*var(--tw-space-x-reverse)) !important
}

.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))) !important;
  margin-right: calc(.5rem*var(--tw-space-x-reverse)) !important
}

.space-x-8>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-left: calc(2rem*(1 - var(--tw-space-x-reverse))) !important;
  margin-right: calc(2rem*var(--tw-space-x-reverse)) !important
}

.overflow-auto {
  overflow: auto !important
}

.rounded-full {
  border-radius: 9999px !important
}

.rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem !important
}

.border {
  border-width: 1px !important
}

.bg-transparent {
  background-color: transparent !important
}

.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.hover\:bg-transparent:hover {
  background-color: transparent !important
}

.hover\:bg-arco-gray-4:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(229, 232, 239, var(--tw-bg-opacity)) !important
}

.p-4 {
  padding: 1rem !important
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.pt-4 {
  padding-top: 1rem !important
}

.pr-7 {
  padding-right: 1.75rem !important
}

.pl-3 {
  padding-left: .75rem !important
}

.text-xs {
  font-size: .75rem !important;
  line-height: 1rem !important
}

.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important
}

.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important
}

.text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgba(55, 65, 81, var(--tw-text-opacity)) !important
}

.text-arco-gray-6 {
  --tw-text-opacity: 1 !important;
  color: rgba(153, 157, 177, var(--tw-text-opacity)) !important
}

.text-arco-gray-8 {
  --tw-text-opacity: 1 !important;
  color: rgba(57, 63, 86, var(--tw-text-opacity)) !important
}

.hover\:text-arco-blue-6:hover {
  --tw-text-opacity: 1 !important;
  color: rgba(22, 93, 255, var(--tw-text-opacity)) !important
}

.no-underline {
  text-decoration: none !important
}

*,
:after,
:before {
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

.sami-tts .input-content .icon-close-hover {
  background: transparent;
  border-radius: 50%;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 24px
}

.sami-tts .input-content .icon-close-hover:hover {
  background: hsla(0, 0%, 100%, .1)
}

.sami-tts .transform-result .middle {
  overflow-y: scroll
}

.sami-tts .transform-result .voice-synthesis-button {
  -moz-box-flex: 0;
  background-color: #373737;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 196px;
  flex: 0 0 196px;
  padding: 24px 24px 24px 20px
}

.sami-layout {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%
}

.sami-layout .dowload {
  -moz-box-flex: 0;
  color: #181818;
  -webkit-flex: 0 0 22px;
  flex: 0 0 22px;
  font-size: 14px;
  height: 22px;
  letter-spacing: .3px;
  line-height: 22px;
  margin-bottom: 16px;
  text-align: right
}

.sami-layout .dowload a {
  color: #1664ff;
  text-decoration: none
}

.sami-layout .category {
  -moz-box-flex: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 12px;
  width: 100%
}

.sami-layout .category .category-item {
  -moz-box-flex: 1;
  background-color: #f7f7f7;
  color: #181818;
  cursor: pointer;
  -webkit-flex: 1 1;
  flex: 1 1;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  padding: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.sami-layout .category .category-item:nth-child(2n) {
  background-color: #ebebeb
}

.sami-layout .category .category-item.active {
  background-color: #1664ff;
  color: #fff
}

.sami-layout .category .category-item.active div {
  color: #fff
}

.sami-layout .category .category-item .category-title {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-bottom: 8px;
  position: relative;
  width: 100%
}

.sami-layout .category .category-item .category-title img {
  height: 100%;
  margin-right: 8px;
  vertical-align: middle;
  width: 24px
}

.sami-layout .category .category-item .category-active-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATcSURBVHgB7Z2tchNRFMdPOhERiIiKiogVFRUIHgAPD4CnBoVCgUFhQGFAYYLnAcDzAGWmoqIiIiIioiJiRWbK/e+em2724+5H7957brK/mTs7NKGT/ubcz7N7MiKP3N/fj9VlqtpEtSd8nfDLk9zbt6rFmSvanWqb0Wi0JU+MyCEZYWinVJTUFS1zjatLoU4EKnEQNqNU3Jj6Z6XaWolcU8/0JpCjbcbNhbQyEJkLSqMyph6wLlCIuDyQt1ISF2QZqwKVvDN1icje2GabJCKVyBVZwopAJQ7CLigd40IAY+OtjW79aIFKHrpqRHK6a1MwU98+Nho7C+SxLqJ0rAuZpZJ4Sx3pJJC77FNKF7+HwEa16y5durVAlveM5E4UXYG8q7YSWwk8YHma1hIbCzwCeZpWEhsJPCJ5msYST6gZmDCORR5IJkleaRipFah+yTkdzmzbBvzNUd2bjAJ5axb6Ou8xzHijUEmlQB73zmkgYhelmCIQ8kLbnvUBHFxUvVgqkLvuKQ1opuykQFUERjSQJyqblQsC1ZsiOq4lS1PgpDCh7AnkwfKMBqqY5aMwH4E6xThQjk5X7MgLjMg9mO1/UDiRXy5QhabNPG1TsL/+SqlEXEOQOOY0bUI2Al0vW15QKk1vE88oHIm7KEwE8sDo8oND3oeSn+MzoDtL3wFN9WSiI9B1Nu2falV5CEQkIvE5yUXforIT6Lr7IhP2jswSP6n2kuSyJ9BHPheJnDeq/Ta8571qr0kmSdCdcF/2ufb7otovw+uXJFPiBO4QgRIOS7+r9tPw+iXJlDiFQCm3Y8ypXuJbksUEAiVt3eZklviK0nFRSorhiTSBYE7puFgFZubsAtwnSQRKPHXGzPyR0pm6DCn7Z3FdOMtfSteKVRJFbP2kRqAGC22sFatuQfMtcdI0se4TvWupk+hl/xyCQNGEkLas66Z1EdoriMBebv+3RN1s61WeYiu5C+cPXPNggvEpD8TowohAaUuZqgNXjZa3Ib9stUBJ4NDg0vD6H9W+kX95IIlACR9E00TeZ5JDLCkC6+ThkGFOsriDwDvyD05YTMf3EuWBzRjP1qqTVV8TCWZYnPGFKC+GO72QxrNjru9E1dk30xYMx1qmnIlPkp57kv2HQ+r2r5jYcJwlVR5IHubWEQiBW3K3tUPO1yTPlPKUwkMEco0Bl1GILFzZqTN2FTi+ki5vpesyZLdyS3ILumd2N+F7X9uGXS2GnUBlVHdjl1xRKk1fQ5AXZ4tZ7D3qxbf3RjRg4ib7kHb+NAbd2FsRmwDQ9Wl27AnkgdH1WBgSq/wDiGXngRAo+ZDVF3FZ2ZSCQI7CBQ3kWZT9sPREmgdJCYcMUlhXVfcwHenf0DChgKQ8StWLlQJ5sFzQgLFAjzGppP4jJpRjnpWXdYV5mmTlFiTr2N8VmyYFeWoF8qx8Tce1tMHfet3kjUPZkyL2y55ohsI7RYbSTw+0lgeG4mMp7oqPZeGaMsGXv6O0qmWnTYONAoxIEIVY4SPZ8/NatzM2S4BCYiiVPrDPvxFRAjTLUITWEpwagEwpIvVB8dJ2lfM+C3FDHh4ji8ifyN7EaVyVgsfYiObicQSd415yprFXfH0ZwSnZLbGCsS35IgI6xC8jqIKFYjGuZaKNM9csceaKtuGrU2F5/gPxooj9TWCtBgAAAABJRU5ErkJggg==);
  background-size: contain;
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px
}

.sami-layout .category .category-item div {
  color: #181818;
  font-size: 12px;
  line-height: 20px;
  opacity: .8
}

.sami-layout .container-part {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background-color: #222;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 0;
  width: 100%
}

.sami-layout .container-part .container-top {
  -moz-box-flex: 0;
  background-color: #2d2d2d;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 32px;
  flex: 0 0 32px;
  padding-left: 26px;
  padding-top: 9px
}

.sami-layout .container-part .container-top span {
  background: #454545;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  width: 15.12px
}

.sami-layout .container-part .container-middle {
  -moz-box-flex: 0;
  border-bottom: 1px solid hsla(0, 0%, 92%, .1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-flex: 0 0 48px;
  flex: 0 0 48px;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  padding-left: 26px
}

.sami-layout .container-part .container-content {
  -moz-box-flex: 1;
  -moz-box-pack: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1 1;
  flex: 1 1;
  height: 0;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px
}

.sami-layout .container-part .container-content,
.sami-layout .play-slider {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%
}

.sami-layout .play-slider {
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px
}

.sami-layout .play-slider span {
  display: inline-block;
  line-height: 32px;
  margin-right: 16px
}

.sami-layout .play-slider .slider {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1
}

.sami-layout .play-slider .slider .arco-input-inner-wrapper {
  background: hsla(0, 0%, 100%, .05)
}

.sami-layout .play-slider .slider .arco-input {
  color: hsla(0, 0%, 100%, .7)
}

.sami-layout .play-slider .slider-max {
  margin-left: 8px
}

.sami-layout .play-slider .slider-right {
  margin: 0 70px 0 8px
}

.sami-layout .arco-slider-road:before {
  background-color: hsla(0, 0%, 92%, .1)
}

.sami-layout .main {
  -moz-box-pack: justify;
  color: #fff;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}

.sami-layout .main,
.sami-layout .main .input-content {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%
}

.sami-layout .main .input-content {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative
}

.sami-layout .main .input-content:first-child {
  margin-right: 12px
}

.sami-layout .main .input-content .delivery-content {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background-color: #222;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.sami-layout .main .input-content .delivery-content .delivery-title {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373737;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 56px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 20px
}

.sami-layout .main .input-content .delivery-content .delivery-title .input-button {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 50px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 28px;
  padding: 3px
}

.sami-layout .main .input-content .delivery-content .delivery-title .input-button .arco-btn {
  border-radius: 50px;
  font-size: 14px;
  height: 22px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px
}

.sami-layout .main .input-content .delivery-content .delivery-title .input-button .record-voice {
  background-color: transparent;
  color: hsla(0, 0%, 100%, .7)
}

.sami-layout .main .input-content .delivery-content .delivery-title .input-button .active {
  background-color: rgb(var(--primary-6));
  color: #fff
}

.sami-layout .main .input-content .delivery-content .delivery-button {
  color: silver
}

.sami-layout .main .input-content .delivery-content .delivery-button:hover {
  color: #fff
}

.sami-layout .main .input-content .delivery-content .upload {
  -moz-box-flex: 1;
  background-color: #2d2d2d;
  -webkit-flex: 1 1;
  flex: 1 1
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger {
  height: 100%
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger .arco-upload-trigger-drag {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #2d2d2d;
  border: none;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger .arco-upload-trigger-drag:hover {
  background-color: #2d2d2d;
  border: none
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger .arco-icon-plus {
  color: silver;
  font-size: 20px
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger .arco-upload-trigger-drag-text {
  color: #fff
}

.sami-layout .main .input-content .delivery-content .upload .arco-upload-trigger .arco-upload-trigger-tip {
  color: hsla(0, 0%, 100%, .7);
  white-space: pre-wrap;
  width: 230px
}

.sami-layout .main .input-content .delivery-content .delivery-file {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #2d2d2d;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 48px;
  margin-top: 12px;
  padding-left: 12px;
  padding-right: 20px
}

.sami-layout .main .input-content .delivery-content .delivery-file .delivery-left {
  -moz-box-flex: 1;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-right: 24px;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .delivery-file .delivery-left .music-icon {
  -moz-box-flex: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABkCAYAAAAR+rcWAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATtSURBVHgB7Z1LaBVXGMf/9zZpqyma1lYsJOEWWl3oIi1dJZtKheKilgolWdUIre2i0C4S6K6XliKYK+ITjAt1pxuVuNBFJAo+NqIiKmQniTsVkuALX+P5Oxm9yZ37Ot+Zyc3M9wO9k8kNOfnNN9/5zmMSQFHmk0xw0Pq7l2t+hr/M4aZMBq1IEIvexe2Bn5D/Y23mMByT5X+fbPE2GXlXjbg/kyaPvNeMnHk5tHfU+weOyTLyMi9xKIni5uIBedcSsyby8kgRriVmTRb8ASnDpcSs6UUSf+uG4UpiFinGhcRUCyRSiakXSCQSVeAMlLhn1DuIOlGBs+mrV6IKLKUuiSownJolqsDyUOLojlGvYp2sAivzTTNQUaIKrE5nJYkqsDbKSkyFwMmHwJOnkNLZBFw1EnPFJ1MTgWN3IMZMvOSa/EjMBedSI/DcdROJDyBmrsTM8l88DymhtQX4eZ15/QBijLTbz4G1qRIYsKrdhNFy4P1miHj6EmdTKdAlWsYIUYFCVKAQFShEBQpRgUJUoBAVKKQJCWDJYmDporev7R+//ZjHZPoRMHQGmLgHpzScwFpkdCyb/fla6ekCfiwANyfgjNiGcqvN+HNNuzsZtkzcB77+G86IPALbjaBdm4GuVWgI2B5eTFdRGHkn8l9P48gLWLoYzog0Anm113+JWGDnMPXY/Hvk36bBud6uaFND5AJtKCeDPSnP81xwzPfwuByM/gUrMAz+8Ecu2MloROIXaCKpcBKJQUciQlSgEBUoZMGPhYOenq9Bb8tj1noc4XRYVgK10lACq8koHhsH5+ab2AVyGLVzc2PKsCF2gZTF0UFS0E5EyILvRIIJ0vGiEU3xsG/g+4QN5SpRTcZ00fi41mFfz0KeTAjjhpmHGxqxk9GIxC6Qoo5eRGLQTkSIChSiAoWoQCEqUIgKFKIChahAISpQiAoUogKFOBsL8/foLWkxMx8f+bPMnD3JIH5eLwfMLA3ccPCAYTWcCOxeCfRvKN1EFNcMC5cDfvsW2LKudGkg6jaIBfabCcuBDeGfi2Odg9F2vL/8nF/UbRDlwEry4qCavDiwFrimbX7lEe49nE95xFrgv73h58fvAufHgKg3DnetDN97yJzHWW/Xm8nLYZUDuTTZHbLrdPAkUBj2j3l7HTO3V0dEERImj8sD3EQeyGPHxkWlKLGKwNVtpefY+EDem48j3MbGBfq5DA7PjrzCcPSR6KyQDisX4rqNKrVh/D4ixUrgREij2pbNvl1ZRPd2l75vylFdFnZx5qYVppGwVDPlsDa0yoHBttziGot5kTmPtw0byKK6J2QLx6lrcELYYwq/zhTS3ELM3jks/7HtDfGgjU0NyNtpY8HNrc0Ldnlr/YUy8/LgMJxhnQMPnPFLlrq+ZsRdXmSUb6uzk2L07R+BU6wF8gfYuL02iQxxljhDjhvPCzJYo8SgxHE9Nn6n5at8HpZwe8bpa34H8vmnpbMvFDf9EPj/OLD7FCLh4pg/8/PFivJPIPE9ffuiqQqcPWzITuO7Tv+BQsIrfmvcJPRL8czKsMdlG9Z3+nmR35M5lxeYAqNCf/GOEJ2RFqIChahAISpQiAoUogKFqEAhKlCIChSiAoWoQCEqUIgKFKIChahAIVkzGTgJxZZJ/mnIE1Ds8HAis6LPy71owhUj8kModZF9js9eAWZjrlnwWel9AAAAAElFTkSuQmCC);
  background-size: contain;
  display: inline-block;
  -webkit-flex: 0 0 20px;
  flex: 0 0 20px;
  height: 25px;
  margin-right: 12px;
  width: 20px
}

.sami-layout .main .input-content .delivery-content .delivery-file .delivery-left .file-name {
  -moz-box-flex: 1;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0
}

.sami-layout .main .input-content .delivery-content .delivery-file .arco-icon-check {
  font-size: 20px
}

.sami-layout .main .input-content .delivery-content .record {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  background-color: #2d2d2d;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAqCAYAAACdmQ1rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWXSURBVHgB7Z2Ldts2DIZhN0vXLtn2/u+5rXVje4JMxLAs62ZKIqnvO4dHjKy6iQjxB8CLdgKQIOfzWQ+7UL6E01rfu7oVaZx7+LWhiDueQjlbfbfbnQUWx7X5Xm7b2er+nLj6ru+r5dreIrdtb8ezK9jAQPpuPMBsuA7jizvu5bbTWAMTk6Mdqw7lJPA0D9rcHIQ127wNswM9mi2csIUrCAjMTotnaZ3GEO8xFawT+dCCh9qPa/cXuba7OQi5Y5Hrh2w4ckVAIDotHYcdS8I6j194pBca7W5OQmnt3oVFrWoXxy0ICgICT9NIS2gpUTC6MDE5bM0LDW1vbb61du/DBEWdjKMUSHECUhm0/U3NgThxdS1tA2ufBa+ym0bH4fPYW6fuMKTgNFej7X8THNGhfEhhKdBsGz4IRXMgLnZOnUE0Bx3HKPRmWVSSvb3Q9tEpwtHIxgiCYKSUW7XwtBaWUkPUcN/1XmunofefjmM8lsb4JRnRGNPQ9ifKnAe1iyzTXEl3BpUB55ZbPfqSq2eBaMyGOR0/U7YNoo3VUPs4SEZRSXKG4USjBMPNalZGYfc+dZLzOp1wfBWijbVR+0ja0VCS6CSCx/sq5c/isNk69dzxFIwD0VidVb1Ol6bawvOXI0mnt1btMCrjtTTJVjsvG0hbdKUzopEki6a3GsKBHaSP2UZSQrKK0QThMMOFC35QPro3imhkxWwzdBCO7EkqtbWo8SAco/hMd03xOtxAOKKRLzYV+OkUBsJRHEkIySJG5MY4MNxpDNqHyU11tunO3OtymLR1ShAOHLcy0cZVe/gpKzF7BxNSJ78Lg3Mxsc5ERUWNiG0ktkWvmLgZVTY4DuWiNqDRyIcszGwCErxhnQ6I1xMPv+redjf10YkJCmyHm/2WmIq7aRZPa80iIEQdUfBbtdhYxpD28oPxCMq2MOfCb70D26KeFr7UrgfRBaQSDxUOoo5h2N5d/iVKsff0so7EIhQoC7WTR1PhTUg+X4wlsBUWiUaiCUiYYaXikVPY3PX3T42edg++pykWaw1wHxsF8mTqDDsvJvZSJCgTbdt/5xSRKJ1YEI9vslzKynfG/uddy8/NrdzhFi8mtvMwpImlNWNvbGipTm8DCEs5HOaaqfV0h1qJhxrzV4nXObeldezBsc9hPhhDSQ+/qeiS9u/FxOr+FQeQD7OktJ4yxko8VDheZTrNd3mwdiE9vGdKlLIca4nGGPxL2E7unK/76/w5WJ7oKa3JhjlBPPxsIntbIGKRJydXEJU4+OdjK1vot9lMrNSZF622z/r+3/ODz3K3c/39f8RaMzLJSEeIh18ZjWCUjU91+IKwtGOC4Z0qno988NGXcmo57z9L7TmIMi4y2mAHiEfXtELYHk1h8Tn0LYlLcxEogrE9mim/tvqSz8TTIjLKgDvEo7kHE8AQuh6kXKOX5gJQxALG4G2/zemKjQ6u/9BKJSYylsH/4oF4EG3A3Jx7ish9GsGfi4GfHr5vqSMSsAReVGKu46kH1/X7x4rIoKtbxAPhgJyYKibYNuSAnyU5der9JBHpvbISD01LfXOnVDRehYcLACBFpq7lGi0inVeFFebf5Rqus0EiAEBemKAM2Q9vlIg8vKKxPYmtNgcAgHwZIiaDRaRLQDTa0FRVbhskAgBAPyYmB7lPcw0SkdZPwqC5lu/CWAcAQOnULyWTS2Ri9IrI3dmQunqXS/oK8QAA2A71C6nkKiSdInJzJryG9q0qfwjiAQCwVbyQPBSRpoDoeMffgngAAMBFPP6TS4rrTkRerBLWeyAeAABg6JCGZqQO4edaROzDF3fhX4J4AADAPTojt9aLKtj4x6KQfTjxJs+9GAoAAMrGJlj9WWnG5URV0TUebwIAANCNhh6a0npXEdGQ5F1IXQEAwHDqoON/iN2U1t5s4YIAAAAASUVORK5CYII=);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column
}

.sami-layout .main .input-content .delivery-content .record,
.sami-layout .main .input-content .delivery-content .record .record-icon {
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.sami-layout .main .input-content .delivery-content .record .record-icon {
  background-color: hsla(0, 0%, 100%, .1);
  border-radius: 50%;
  height: 80px;
  width: 80px
}

.sami-layout .main .input-content .delivery-content .record .record-icon .icon {
  color: #fff;
  display: block;
  font-size: 32px;
  height: 32px;
  width: 24px
}

.sami-layout .main .input-content .delivery-content .record .record-icon .record-start-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACACAYAAAD03Gy6AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAcSSURBVHgB7Z39cdw2EMX3Mv4/SgVBKoicBkJXEI8bsDuwnQakDixXIKUCJxWc3EDObiA8NxApDeQFO+DFjHOS8PDBJe/wm8HcjASCIB6w+CCxWMkCAHDifzofvvXh1Ac3hB23o/DRhw8+XK9Wq1tppKGF7sOZD2uks/HhpQ9OGnH4wuoyC/0u1pq2NPZTseD3CeGkEUAwNW8wPXrPEzlmtCb60MOOHsat4Ssxwj/4c/+zkf+OZqbG+dAPeTkeEEYmc+NMjgHMs/B3HLYI/gGfYv5Mao5WMhEInd1aytn83cxXpGw/omk+9rPorRwSyB/t9D5cIMwXTvakfzL87wL599rgkIaoCEsKqayRMINF/sTuXA4BhLF+Cjc+PJVMfBovkN4inCwd/xBX4NmUfHiESrABz1qWDNJqfxX7i9BHpIjQyVIBX/t7VOz8EkW4kKUCzvZqXCeVQWiVN0S+NO7yRkTgJ12TTYD8vV6B44UsDXDmp5eJATdEvZSlAc78TL4aCa6F3siSQOjsYpm89o/yyPQFTipQ633AKRH3WgwYvpj4jbjke6nA0QqQcO/vpAK1BGCGbZ/Ejg9EXCcVqCWAI+JuxQ7mw62vpQJm74R3WK67z2HN31yAY6cJYEwTwJgmgDFNAGOaAMY0AeL5RirQBIjnMCdix04TwJgmgDFNAGOaAMY0AYxpAhjTBDCmCWBME8CYJoAxTQBjmgDGNAGMaQIY0wQwpglgTBPAmCaAMU0AY5oAxjQBjDEXAEfuwfAR4vfAbler1bU0HgTByUjULqFHPsTugb0S2/1c1vxFxH0pwdXyg6gJquFfeRE+m0nzt5Xy3DICOImHEaDK9s9IHBGXeSYXGe+W6YQdEXdLxH0idnRE3A0R10XG26oAsVs1ma2nzPZPyxbwIxE3ajstSM8qKkBs53ISazP9aEkFiG2y6tutk4kZnqWLjT88UwzMJvWPTAtQmNrKpJvtGy6BcyLuNRGXEeCWHQUx2/UZPwyTHrIw3Ivx0MI8CyPAhvXrFu3EDpzHFCrtXMC7UnNE2oxLtNPdRbFuWyi/OeD9dr6SyoD3Xc1UOqYy34wvXBMXdkSGOvBUc95UOz8IPkpjWY8vZHyoUV4Ekea9trgImiY4B00K5UyKfNZX4wuZmsGaoZRapxRzJY9018lM7WfMj3L6ZQJM7eiEAOk+nHtkzBGQ5z/6HXkvxvz0+xK4IBKgRizgfXX+734IJuTBWSbC6Osp8hx3a16dEIBzUvjvCvRqlEAnwb9/LE+Y9wMINu+N5HMt4bQ8rUW7Wbzu4dU5ik4UtWnnOlp97Z8tuq9DeKfCuLbcX3bgaik9bgfXyqygXRWD9BB8X0Ln4OiEBNMc1pZKSqVibL9yfl9i1WevSPdiXhvaazvCs/TgcA8l+g4c9Ox1yPgV5oPmhe43wA9vH+4nwI/b6RHD6F6syatBknt6pJ2N4GITX4MjeSENYcjYY3p6JM4xkGZ64kdJPvIpeJJnrgi1aUqTpKOx5KFqYl4dc4/UIWPWGg7qC3GJzPcOSFvW4N3fg/cujiE+80LirnurENo/9MinH9LKPgUDYTbO8gdSRQd/0oSS3CnfkQc1h7qGr6OzmOFrP8TVa7Irwygfz5FG3sou0iZOfcmH35MnbSHdKJwOf6ty1ktG4eefvIH0hTS9ppOFg/TTX9NNz55M5JyCutgjYpF3BGPZLz2QN2m6xIKOgkJo9Wukcy41AL9MMabHAkwSQmvPeXdR78QllFlIu8QMN2Ugv9Yrv6N2Sx8y2iOPHjPpGxAq1Rnyar1SrtONyHQJETCkcQaDFoFyBa9MV/ijByglwo5LVO4j8PnU7TXKoWbHSSJZZ8oPN9avB0pOurYS3vtqeJ97zsuQx58kfAmtoaSN1lXgZ8OZZElkCbADYU39pdRhO4Tdi3j9Tv92FHYFqr9Oyr+g3wd8eOsL/rXMBczj5coU/I2C37AWaQE7EJq7Nksnh4m2wGfEZo0HKbpRe7DXj314K4eFmhw1sz+ULHylaAsYg7Aaqh20k+WiBa8F/vNiN6kjfDfTY3n8iQn2K1RrAWMQ+oYXErYFOZk3OrJSE3qRM7ycJQgTobm2CF3j0rX/xazaZoEwI71CmaWAVPTe+vFBJ0ZMYoLuY6hxnYStqrpx2kld1Kz84sOvPnywNjPmAnwJwuhJQyefZ7OpaOFuJYxk3vtwPYcjbBcHPn+mEstzLMQR1CJclg21dktc8mkpNb35jDOmCWBME8CYJoAxTQBjDlWAKkfP1uBQBahy+HINmgky5pEcCX5mnLvsAj+5k9JUWQvyD6tfSJT2A+ckfqGOcRoYi34icy6FqdUC9L1wJ3bU2ByylQq0PsCYJoAxTQBjmgDGNAGMaQIY0wQwpglgjOVSxFby2X1EpbNeSF2qfL7yD8Hrj3AisFc6AAAAAElFTkSuQmCC);
  background-size: contain
}

.sami-layout .main .input-content .delivery-content .record .record-icon-box {
  background: hsla(2, 90%, 68%, .3)
}

.sami-layout .main .input-content .delivery-content .record p {
  margin-top: 8px
}

.sami-layout .main .input-content .delivery-content .record .record-number {
  font-family: Byte Number;
  font-size: 14px;
  font-style: normal;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center
}

.sami-layout .main .input-content .delivery-content .record-wave {
  background-color: #2d2d2d;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAqCAYAAACdmQ1rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWXSURBVHgB7Z2Ldts2DIZhN0vXLtn2/u+5rXVje4JMxLAs62ZKIqnvO4dHjKy6iQjxB8CLdgKQIOfzWQ+7UL6E01rfu7oVaZx7+LWhiDueQjlbfbfbnQUWx7X5Xm7b2er+nLj6ru+r5dreIrdtb8ezK9jAQPpuPMBsuA7jizvu5bbTWAMTk6Mdqw7lJPA0D9rcHIQ127wNswM9mi2csIUrCAjMTotnaZ3GEO8xFawT+dCCh9qPa/cXuba7OQi5Y5Hrh2w4ckVAIDotHYcdS8I6j194pBca7W5OQmnt3oVFrWoXxy0ICgICT9NIS2gpUTC6MDE5bM0LDW1vbb61du/DBEWdjKMUSHECUhm0/U3NgThxdS1tA2ufBa+ym0bH4fPYW6fuMKTgNFej7X8THNGhfEhhKdBsGz4IRXMgLnZOnUE0Bx3HKPRmWVSSvb3Q9tEpwtHIxgiCYKSUW7XwtBaWUkPUcN/1XmunofefjmM8lsb4JRnRGNPQ9ifKnAe1iyzTXEl3BpUB55ZbPfqSq2eBaMyGOR0/U7YNoo3VUPs4SEZRSXKG4USjBMPNalZGYfc+dZLzOp1wfBWijbVR+0ja0VCS6CSCx/sq5c/isNk69dzxFIwD0VidVb1Ol6bawvOXI0mnt1btMCrjtTTJVjsvG0hbdKUzopEki6a3GsKBHaSP2UZSQrKK0QThMMOFC35QPro3imhkxWwzdBCO7EkqtbWo8SAco/hMd03xOtxAOKKRLzYV+OkUBsJRHEkIySJG5MY4MNxpDNqHyU11tunO3OtymLR1ShAOHLcy0cZVe/gpKzF7BxNSJ78Lg3Mxsc5ERUWNiG0ktkWvmLgZVTY4DuWiNqDRyIcszGwCErxhnQ6I1xMPv+redjf10YkJCmyHm/2WmIq7aRZPa80iIEQdUfBbtdhYxpD28oPxCMq2MOfCb70D26KeFr7UrgfRBaQSDxUOoo5h2N5d/iVKsff0so7EIhQoC7WTR1PhTUg+X4wlsBUWiUaiCUiYYaXikVPY3PX3T42edg++pykWaw1wHxsF8mTqDDsvJvZSJCgTbdt/5xSRKJ1YEI9vslzKynfG/uddy8/NrdzhFi8mtvMwpImlNWNvbGipTm8DCEs5HOaaqfV0h1qJhxrzV4nXObeldezBsc9hPhhDSQ+/qeiS9u/FxOr+FQeQD7OktJ4yxko8VDheZTrNd3mwdiE9vGdKlLIca4nGGPxL2E7unK/76/w5WJ7oKa3JhjlBPPxsIntbIGKRJydXEJU4+OdjK1vot9lMrNSZF622z/r+3/ODz3K3c/39f8RaMzLJSEeIh18ZjWCUjU91+IKwtGOC4Z0qno988NGXcmo57z9L7TmIMi4y2mAHiEfXtELYHk1h8Tn0LYlLcxEogrE9mim/tvqSz8TTIjLKgDvEo7kHE8AQuh6kXKOX5gJQxALG4G2/zemKjQ6u/9BKJSYylsH/4oF4EG3A3Jx7ish9GsGfi4GfHr5vqSMSsAReVGKu46kH1/X7x4rIoKtbxAPhgJyYKibYNuSAnyU5der9JBHpvbISD01LfXOnVDRehYcLACBFpq7lGi0inVeFFebf5Rqus0EiAEBemKAM2Q9vlIg8vKKxPYmtNgcAgHwZIiaDRaRLQDTa0FRVbhskAgBAPyYmB7lPcw0SkdZPwqC5lu/CWAcAQOnULyWTS2Ri9IrI3dmQunqXS/oK8QAA2A71C6nkKiSdInJzJryG9q0qfwjiAQCwVbyQPBSRpoDoeMffgngAAMBFPP6TS4rrTkRerBLWeyAeAABg6JCGZqQO4edaROzDF3fhX4J4AADAPTojt9aLKtj4x6KQfTjxJs+9GAoAAMrGJlj9WWnG5URV0TUebwIAANCNhh6a0npXEdGQ5F1IXQEAwHDqoON/iN2U1t5s4YIAAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 42px;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .audio-content {
  padding: 20px
}

.sami-layout .main .input-content .delivery-content .upload-file-aec {
  background-color: #2d2d2d;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 20px;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload-name {
  height: 22px;
  line-height: 22px;
  margin-bottom: 12px
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  margin-bottom: 20px
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec {
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .upload-file {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .05);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 48px;
  padding: 12px;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .upload-file .delivery-left {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-right: 24px;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .upload-file .delivery-left .music-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABkCAYAAAAR+rcWAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATtSURBVHgB7Z1LaBVXGMf/9zZpqyma1lYsJOEWWl3oIi1dJZtKheKilgolWdUIre2i0C4S6K6XliKYK+ITjAt1pxuVuNBFJAo+NqIiKmQniTsVkuALX+P5Oxm9yZ37Ot+Zyc3M9wO9k8kNOfnNN9/5zmMSQFHmk0xw0Pq7l2t+hr/M4aZMBq1IEIvexe2Bn5D/Y23mMByT5X+fbPE2GXlXjbg/kyaPvNeMnHk5tHfU+weOyTLyMi9xKIni5uIBedcSsyby8kgRriVmTRb8ASnDpcSs6UUSf+uG4UpiFinGhcRUCyRSiakXSCQSVeAMlLhn1DuIOlGBs+mrV6IKLKUuiSownJolqsDyUOLojlGvYp2sAivzTTNQUaIKrE5nJYkqsDbKSkyFwMmHwJOnkNLZBFw1EnPFJ1MTgWN3IMZMvOSa/EjMBedSI/DcdROJDyBmrsTM8l88DymhtQX4eZ15/QBijLTbz4G1qRIYsKrdhNFy4P1miHj6EmdTKdAlWsYIUYFCVKAQFShEBQpRgUJUoBAVKKQJCWDJYmDporev7R+//ZjHZPoRMHQGmLgHpzScwFpkdCyb/fla6ekCfiwANyfgjNiGcqvN+HNNuzsZtkzcB77+G86IPALbjaBdm4GuVWgI2B5eTFdRGHkn8l9P48gLWLoYzog0Anm113+JWGDnMPXY/Hvk36bBud6uaFND5AJtKCeDPSnP81xwzPfwuByM/gUrMAz+8Ecu2MloROIXaCKpcBKJQUciQlSgEBUoZMGPhYOenq9Bb8tj1noc4XRYVgK10lACq8koHhsH5+ab2AVyGLVzc2PKsCF2gZTF0UFS0E5EyILvRIIJ0vGiEU3xsG/g+4QN5SpRTcZ00fi41mFfz0KeTAjjhpmHGxqxk9GIxC6Qoo5eRGLQTkSIChSiAoWoQCEqUIgKFKIChahAISpQiAoUogKFOBsL8/foLWkxMx8f+bPMnD3JIH5eLwfMLA3ccPCAYTWcCOxeCfRvKN1EFNcMC5cDfvsW2LKudGkg6jaIBfabCcuBDeGfi2Odg9F2vL/8nF/UbRDlwEry4qCavDiwFrimbX7lEe49nE95xFrgv73h58fvAufHgKg3DnetDN97yJzHWW/Xm8nLYZUDuTTZHbLrdPAkUBj2j3l7HTO3V0dEERImj8sD3EQeyGPHxkWlKLGKwNVtpefY+EDem48j3MbGBfq5DA7PjrzCcPSR6KyQDisX4rqNKrVh/D4ixUrgREij2pbNvl1ZRPd2l75vylFdFnZx5qYVppGwVDPlsDa0yoHBttziGot5kTmPtw0byKK6J2QLx6lrcELYYwq/zhTS3ELM3jks/7HtDfGgjU0NyNtpY8HNrc0Ldnlr/YUy8/LgMJxhnQMPnPFLlrq+ZsRdXmSUb6uzk2L07R+BU6wF8gfYuL02iQxxljhDjhvPCzJYo8SgxHE9Nn6n5at8HpZwe8bpa34H8vmnpbMvFDf9EPj/OLD7FCLh4pg/8/PFivJPIPE9ffuiqQqcPWzITuO7Tv+BQsIrfmvcJPRL8czKsMdlG9Z3+nmR35M5lxeYAqNCf/GOEJ2RFqIChahAISpQiAoUogKFqEAhKlCIChSiAoWoQCEqUIgKFKIChahAIVkzGTgJxZZJ/mnIE1Ds8HAis6LPy71owhUj8kModZF9js9eAWZjrlnwWel9AAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: contain;
  display: inline-block;
  height: 25px;
  margin-right: 12px;
  width: 20px
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .upload-file .delivery-left .file-name {
  -moz-box-flex: 1;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .active {
  border: 1px solid #1664ff
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .delivery-aec {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .05);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .upload-aec .delivery-aec:hover {
  background: hsla(0, 0%, 100%, .1)
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .file-delete {
  background: hsla(0, 0%, 100%, .05);
  border-radius: 50%;
  color: #a1a5ad;
  height: 32px;
  line-height: 32px;
  margin-left: 12px;
  text-align: center;
  width: 32px
}

.sami-layout .main .input-content .delivery-content .upload-file-aec .upload .file-delete:hover {
  background: hsla(0, 0%, 100%, .1);
  color: #ff5b4c
}

.sami-layout .main .transform-result {
  -moz-box-flex: 1;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 0
}

.sami-layout .main .transform-result,
.sami-layout .main .transform-result .top {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.sami-layout .main .transform-result .top {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .05);
  background-color: #373737;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-flex: 0 0 56px;
  flex: 0 0 56px;
  height: 0;
  overflow: hidden;
  padding: 0 20px;
  width: 100%
}

.sami-layout .main .transform-result .top .tab-classify {
  height: 100%;
  overflow-x: scroll;
  white-space: nowrap
}

.sami-layout .main .transform-result .top .tab-classify .tab-item {
  -moz-box-pack: center;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 40px;
  position: relative
}

.sami-layout .main .transform-result .top .tab-classify .tab-item span {
  cursor: pointer
}

.sami-layout .main .transform-result .top .tab-classify .tab-item:last-child {
  margin-right: 0
}

.sami-layout .main .transform-result .top .tab-classify .tab-active {
  color: #fff
}

.sami-layout .main .transform-result .top .tab-classify .active-line {
  background-color: #fff;
  bottom: 0;
  height: 2px;
  position: absolute;
  width: 100%
}

.sami-layout .main .transform-result .top .switch-div {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.sami-layout .main .transform-result .top .switch-div .switch-span {
  margin-right: 16px
}

.sami-layout .main .transform-result .top .switch-div .switch {
  background: hsla(0, 0%, 100%, .1);
  margin-left: 8px
}

.sami-layout .main .transform-result .top .switch-div .arco-switch-checked {
  background-color: #1664ff
}

.sami-layout .main .transform-result .classify-item {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  background: hsla(0, 0%, 100%, .05);
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  margin-bottom: 16px;
  margin-right: 16px;
  min-width: 120px;
  padding: 0 16px;
  text-align: center
}

.sami-layout .main .transform-result .classify-item:hover {
  background: hsla(0, 0%, 100%, .1)
}

.sami-layout .main .transform-result .classify-item .classify-item-text {
  display: inline-block;
  height: 100%
}

.sami-layout .main .transform-result .classify-item .avatar-img {
  height: 26px;
  margin-right: 9px;
  vertical-align: middle;
  width: 26px
}

.sami-layout .main .transform-result .classify-active {
  box-shadow: 0 0 0 1px #165dff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff
}

.sami-layout .main .transform-result .middle {
  -moz-box-flex: 1;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  background: #2d2d2d;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  height: 0;
  padding: 24px 20px
}

.sami-layout .main .transform-result .middle .loading-content {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}

.sami-layout .main .transform-result .middle .loading-content span {
  margin-top: 8px
}

.sami-layout .main .transform-result .bottom {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373737;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 0 0 64px;
  flex: 0 0 64px;
  padding-left: 20px;
  padding-right: 20px
}

.sami-layout .main .transform-result .bottom .play-button {
  background: hsla(0, 0%, 100%, .1);
  color: #fff;
  margin-left: 16px
}

.sami-layout .main .transform-result .bottom .play-button span {
  margin-left: 8px
}

.sami-layout .main .transform-result .bottom .play-button:hover {
  background: hsla(0, 0%, 100%, .15)
}

.sami-layout .main .transform-result .bottom .play-button:active {
  background: hsla(0, 0%, 100%, .2)
}

.sami-layout .main .transform-result .disabled-button {
  background: rgba(22, 100, 255, .5)
}

.sami-layout .main .transform-result .slider .arco-slider-button:after {
  background-color: #2d2d2d
}

.sami-layout .main .textarea {
  background-color: #2d2d2d;
  color: #fff;
  font-size: 16px;
  height: 100%;
  padding: 20px 40px 20px 24px;
  resize: none;
  width: 100%
}

.sami-layout .main .textarea:focus,
.sami-layout .main .textarea:hover {
  background-color: #2d2d2d
}

.sami-layout .main .middle::-webkit-scrollbar {
  height: 1px;
  width: 10px
}

.sami-layout .main .middle::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 92%, .1);
  border-radius: 10px
}

.sami-layout .main .middle::-webkit-scrollbar-track {
  background: #2d2d2d
}

.sami-layout .main .tab-classify::-webkit-scrollbar {
  display: none
}

.sami-layout .main .arco-textarea-word-limit {
  bottom: 16px;
  color: #fff;
  font-size: 14px;
  right: 16px
}

.sami-layout .main .arco-select .arco-select-view {
  background-color: hsla(0, 0%, 100%, .05);
  color: #fff
}

.sami-layout .main .arco-trigger .arco-select-popup {
  background-color: #2d2d2d;
  border: 1px solid #464646
}

.sami-layout .main .arco-trigger .arco-select-popup .arco-select-option {
  background-color: #2d2d2d;
  color: #fff
}

.sami-layout .main .arco-trigger .arco-select-popup .arco-select-option-selected {
  color: #1664ff
}

.sami-layout .main .arco-trigger .arco-select-popup .arco-select-option:hover {
  background: #373737
}

.arco-popconfirm-wrapper .arco-popconfirm-title {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px
}

.arco-popconfirm-wrapper .arco-popconfirm-title .arco-popconfirm-title-icon {
  font-size: 14px
}

.sami-tag-popover .arco-popconfirm-content,
.sami-tag-popover .arco-popover-content {
  border: none;
  padding: 8px 12px
}

.sami-tag-popover .arco-popconfirm-arrow.arco-trigger-arrow,
.sami-tag-popover .arco-popover-arrow.arco-trigger-arrow {
  border: none
}

.index-module__wrap--KDS31 {
  -webkit-flex-direction: row;
  flex-direction: row
}

.index-module__card--qRq03,
.index-module__wrap--KDS31 {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.index-module__card--qRq03 {
  -moz-box-flex: 1;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f8f8f8;
  background-size: cover;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 24px 32px;
  position: relative
}

.index-module__card--qRq03:not(:last-child) {
  margin-right: 16px
}

.index-module__card--qRq03,
.index-module__card--qRq03 .index-module__circle--YkqL1 {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-module__card--qRq03 .index-module__circle--YkqL1 {
  opacity: 0
}

.index-module__des--I9HEv {
  color: hsla(0, 0%, 9%, .8);
  font-size: var(--font-size-normal-text);
  letter-spacing: .2px;
  line-height: var(--font-size-normal-text-lineheight);
  padding-right: 64px;
  padding-top: 8px;
  text-align: justify
}

.index-module__circle--YkqL1 {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: var(--color-primary);
  border-radius: 50px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 28px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 28px
}

.index-module__circle--YkqL1.index-module__pc--75370 {
  position: absolute;
  right: 62px
}

.index-module__card--qRq03:hover {
  background-image: url(//portal.volccdn.com/obj/volcfe/product-new/guide-bg.png)
}

.index-module__card--qRq03:hover .index-module__circle--YkqL1.index-module__pc--75370 {
  opacity: 1;
  right: 32px
}

.index-module__title--hQnNi {
  color: #181818;
  font-size: var(--font-size-normal-title);
  font-style: normal;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: var(--font-size-normal-title-lineheight)
}

.index-module__mob--xrLHw {
  display: none
}

.index-module__first-line--u2Z-d {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}

@media screen and (min-width:1900px) {
  .index-module__card--qRq03 {
    padding: 40px
  }

  .index-module__title--hQnNi {
    font-size: var(-font-size-big-title);
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__des--I9HEv {
    font-size: var(--font-size-big-text);
    line-height: var(--font-size-big-text-lineheight)
  }

  .index-module__circle--YkqL1 {
    height: 32px;
    width: 32px
  }
}

@media screen and (max-width:990px) {
  .index-module__wrap--KDS31 {
    display: unset
  }

  .index-module__card--qRq03 {
    background-color: #f8f8f8;
    padding: 24px 32px 32px
  }

  .index-module__card--qRq03,
  .index-module__card--qRq03:hover {
    background-image: url(//portal.volccdn.com/obj/volcfe/product-new/guide_bg_mobile.png)
  }

  .index-module__card--qRq03:not(:last-child) {
    margin-bottom: 26px;
    margin-right: unset
  }

  .index-module__card--qRq03 .index-module__circle--YkqL1 {
    height: 20px;
    opacity: 1;
    right: 32px;
    width: 20px
  }

  .index-module__card--qRq03 .index-module__icon-right--F\+fsL {
    height: 12px;
    width: 12px
  }
}

.sami-rap .icon-close-hover {
  background: transparent;
  border-radius: 50%;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 24px
}

.sami-rap .icon-close-hover:hover {
  background: hsla(0, 0%, 100%, .1)
}

.sami-denoise .main .transform-result .middle {
  padding-top: 8px
}

.sami-denoise .main .transform-result .middle .input-button {
  background: hsla(0, 0%, 100%, .1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  line-height: 28px;
  margin-top: 12px
}

.sami-denoise .main .transform-result .middle .input-button,
.sami-denoise .main .transform-result .middle .input-button .tab-radio {
  -moz-box-align: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50px;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.sami-denoise .main .transform-result .middle .input-button .tab-radio {
  background-color: transparent;
  height: 100%
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-button:after {
  background-color: transparent;
  width: 100%
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-button-inner {
  line-height: 22px
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-size-mini .arco-radio-button,
.sami-denoise .main .transform-result .middle .input-button .arco-radio-size-mini.arco-radio-group-type-button {
  border-radius: 50px;
  color: hsla(0, 0%, 100%, .7)
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-button:hover {
  background-color: transparent;
  color: #fff
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-button.arco-radio-checked {
  background-color: #1664ff;
  color: #fff
}

.sami-denoise .main .transform-result .middle .input-button .arco-radio-button:not(:first-of-type):before {
  background-color: hsla(0, 0%, 92%, .1)
}

.wavesurfer-container {
  background-clip: content-box;
  background-color: hsla(0, 0%, 100%, .05);
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: auto;
  overflow: hidden;
  padding: 24px 0 9px;
  position: relative;
  width: 100%
}

.wavesurfer-container .center-cursor {
  background-color: #1664ff;
  bottom: 5px;
  left: 50%;
  position: absolute;
  top: 19px;
  width: 1px
}

.wavesurfer-container .center-cursor:after,
.wavesurfer-container .center-cursor:before {
  background-color: #1664ff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: -3px;
  width: 7px;
  z-index: 10
}

.wavesurfer-container .center-cursor:before {
  top: -5px
}

.wavesurfer-container .center-cursor:after {
  bottom: -5px
}

.wavesurfer-container .chorus-text {
  background: rgba(232, 244, 255, .2);
  color: #fff;
  display: block;
  font-size: 12px;
  height: 22px;
  left: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px
}

.wavesurfer-timeline-container {
  margin-top: -9px;
  width: 100%
}

.sami-audio-edit .transform-result .middle {
  overflow-y: scroll
}

.sami-audio-edit .transform-result .middle .invalid-info {
  -moz-box-pack: start;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .03);
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 48px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-left: 16px;
  width: 100%
}

.sami-audio-edit .transform-result .middle .invalid-info span {
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid hsla(0, 0%, 100%, .1);
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  margin-right: 12px;
  padding: 5px
}

.sami-audio-edit .transform-result .middle:last-child {
  margin-bottom: 0
}

.sami-audio-edit .transform-result .middle .invalid-delete {
  -moz-box-pack: center;
  -moz-box-align: center;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}

.sami-audio-edit .transform-result .middle .invalid-delete .delete-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAxsSURBVHgB7Z3PcxTHFce/PYtAICqIBBvH5YSxK1SE7ApyDklOZu1DckqQiRH2JZJdZa5g/gGE/wFwjvEBKTlgBClBcoovCJ8SXySlKgIHKqxcVGJsUoiUBTJip9NvhjEreVeanunZ7Z55H5d+IEbCmv3We/1973UPwDAMwzAMwzAMwzAMwzAMwzAMU1QEmJWc9nvRs8VXnw1AwkcFuxCgV/2Zvtb76Cq/xXfXwvdCPPooa6hjHpAz8OQCvlyawZu1BTBfU24Bkti2biWh7QWCKkh0rcVlipp6m1H/5iy8YKrsoiyfAM+9UEW9PoiKtxdSVmEDQkyhHsyiIi/g4NUplIjiCzCOciIYRiAGVTrshdUIFQ2VEKW8iENXLqDgFFeAcaTzvGH7RdeSmnqbUm/vYWhuBgWkWAIMDcTWYbX4H7QmvZpDGRlxCq/9YxwFohgCDNPsliOQ4qjD0S4pNfWqjeFhMI43rtbgOG4LsFzCW00hhOimAMstvNVEQjw4dwIO4p4Az+4ZVGWLk8i/XucaNbVGHHVtjeiOAM/0+dhQOV1Ac2EWiQsIgndcScseXGDihSOoVKZZfAkQoCL7DZzrPw4HsDsCctTLiupFBy/bHA3tjYAc9Uzgq2g4jQ/2HIWl2BcBQ4fbc1wJz9qb5iRSFbHvLZ6wbfDBLgFSyq14k4imUhjzWJeS7UnBE/0DSnyXwOLLEz+8xxO7rbnHdgjw/PPDKhiT+HwweeMDXdM42zcMC+i8AKlcEMgx7mi0GeGN2VCqqaCT0A2QGAXTKaoYekK9Dl9cRofonABZfLbQURF2RoAsPtvomAjbL0AWn610RITtrQOS2w0NB2MtMhjBoattm6hpnwCpzgdMg7Ed1SlZfhlD19qyB6U9ZRjqcACTYFxAlcO6Jh+9ZrmTvwCptxt1OHwwrhC1ROm1y5n8BUiDBSw+FxnAlp7cC9X5umAaqYIcBeMmAj/Dr3fcxfnbf0VO5GdCwsmWyjS32JxnAfXgxbwmaPJLweG6j8VXAHrDqfScyEeAUZPbB1MMaCo9p6lq8yk4Giq9AaZo5JKKzUfAincSTBHJJRWbFeBE/4h6PwimmFAqpoMBDGI6AjqxF5XJAJ1KYbBAbU6AbDzKgo8tW4wZEjMmJDIe3G4rDwtYvPesiS2eZiLgBjqFlMVXInpNRcHsEZCjX1kxEgWzR0COfmXFSBTMLkCJETDlROBIVkecTYBR3c8HU1Z6sXnzCDKQNQIeAVNuKt5+ZCC9AKPzRfgcl7JD3ZEzfVWkJL0A5QY+Po2JECJ1ey59GWainyZefDBG6FLFjB0fe9j2SfTnB9uAO3tl+OYAqUsyG5CGqCHtgzFC92fAc3+ooLL0+GskyJ55ge5bEp+/FKDeDZvpRXc3LcemoEnaFMwTL4Ygoa0WXyM7/ibwg/cr4XVWU/FSHfeWToAim/NhItYTX8zGR9dZLsJUQUlfgOfI8fBeDxPsOlcJxZUEum63ioTf+sTaBxv0pnHD+gKUHqdfAzz9F4HNn+l9D0XKXROeWhdaKsIUblhfgELuBZOJnR8JfOfj9BUwEq+V0FPoT/s636EpwMmBXkhRBZMaSqFPXs7WgLI2AkbPdNFanundiYdL3PnIAJmIZ/6Uff5jPdPSUaJyTGL07kbgVcGkIqnjTcKDbRYXp4XIUYC8/kuNjuNdj0UfFqO3RNPMB4JTcArSON5WUPSjzoi1eNAyIskFSAaE22/aZHW8jZD4bvwmwAO7q7A+NIxI8jvDBkQbaqNldbyN3NwvbRdfRE+Xn/TS5HcnENz90IAGDJ78yJz4br0ksbjLickYRVfiYKVxh3j9lxRyvGQ6TJVLSHyf77N43bcamXyppiFA6YNZF28pKreYcrz/+6Fj4iMEdiW9NLkAveQ/tMx8TxWaTYmPTMfNXzkmPiLA9qSX2vO84AJAjtfUtErseC0fRG2Ol0cElMIH0xLTjvfTIevLLWuRQxmGaQk53u9+aO5W/vsXEvefQinQuWs+mG8QO15TkOP9708cXPetxE96YbpNSRZDLvTbs0JFpWgttuhLfKnqZ8s5pDN2vNkplACb7S7b/ncRrqVu/jIIxWgSdrzZKcwasJn4YqJNPV5oFEzBjtcMhRBg0s4DGYWdl7OLhsRnyvHWNzkxYJAbzgswHvRMmgqpP0tTyWnbZD01GC233KqitOIjdO5kDZaR1gRsVyaFUrLuPttwpP7P7HgTUEt6odMR8OkP05sAcsk6m711I+163P5p+RxvM3QEaNW+fBIERbIsxCcOJNllZnKk/v5Oif/8vMDik6KW9FKdaZgaLGKzoa2J4YkDv1vbIZseqac2GxOh0QvGXViE6a2JrRyyyZH60jhekTxY6Qyk1mAReUwHk0Nu7Oma2ETeiDMj9VmRmE96afK7K+xywfRC5iFCSsW73/fCcouJTeQx5Hip1VYKPEwnvzQxyzOwDGpd5bFJO3bIptJ86RzvwyDxci25ALsoJtgFRUFaUy3ttDeyFN7xNmNpKXGwSi7AV2eoCFGDZZAI/6VEaONZyuV0vMqAaJwVrbnIkdalYYKa+JSOb+2zR4Sl7fEGYlbnct3DiS7DYujICltEOH+oJI53NQJaQUpPgLJuZQRshEQ4r9JefRM6hlubyA0TBFM6l+sJsLvbegESVO64frjekWPMnNtEbhoNA0LoCZCMiJBTcIDYIbdThGUcqV+BFFO6D6tJcUi53iKzk5AIrx8O2pIOyzpSvwIZaGtDX4D14AIcghwylWmoGJwXZR6pX4GU2tpIN1Iy8fwdF58VQr1eEyP5q7n+dr00+3jXYAFDc4mP5IhJ1+yUwUU4CDlk012JMm0iX4dUmTGdAAM5BkehVHztbTPmpMAj9fqIdgowLMcIqyakdVh6SmZ2yKV3vCtQ7beDc6myYjoBhn1hOQ6HyTLIwI53Nar8kpL0A2+OueFmkAivHdYbZGDH24zl95CS9AJ84+qUK0Xp9dAZZHD82LQ8mMbQtdQdsmwjv3XPSTfcjCSDDOx4myCD1NGPyFYUo2eHLC/fKNLzg3vmBZ65KLDx7uNbE6759pd4wKAlynwMXXkWGchelT3bP6p+ynEUDBrLr3yFcKqGXDPTBIkTODQ3igxk33WzceMpl0syrSDRUcRj8bVCRb8gGENGsguQSjJSZloHMA4ixbgyojVkxMy+w4JGQaYVZqIfYUaAHAXLhaHoR5gbDQkd8VfT6kf6YAqMvKGc73MwhLmt/2EUxDtgio2UJ2AQ88Nx5/ZcUiG6CqZ4SEyqsssBGMT8AZUP5ZtsSApKEByDYcwLkBanQWA0TDMWQEVnQ8ajEfMpOIZTcYEwazwaye+MaE7FReEO6vIV5ER+AuRUXAwC+W4eqTcmvxQcM9GvuiQ4AsY9AnkKr1/JtbSW/2MaujaOqvdOHOnBNKLWfffv557B8hcgFajrwau2nbLPrIUSH637NI/ZSEP+KThmon9A/XOXijS8WlBo/uzHGJprS9Zq35OS6Beq17lVZz9vtUt8hLkHnyXhj7dn8NoTQsXdKhj7iCacT6GNtFeAxPkvpliEFmJgvD4N7RcgwSK0iw6Jj+iMAAkWoR10UHxE5wRIsAg7iVT/vdtJ8RHtK8OsxZm+EVS802DaxR31dky53TF0GDsESIR1QjnJI/15o4rMEAfaWWpZC3sESJzp81GhYrXwweSAnFYdjgN5Dhfo0r5CdBLoxnRtelF9xjvszCLDwYLF+6/YJD7CrgjYyAd7jsLzjnPrLjN3wpGq16+0tcCcFHsFSHBKzoJyuXJKie8t26JeI3YLMKagByDliNVRrxE3BEhE0fCk+l8eBNMKJ6JeI+4IMCasGYrjnJZXo8orsn4Mh/7p1NHJ7gkwJkzLcpiFqNKtxG9x796pdgyQmsZdARKUlj1vpKRCdFp4MW4LMKY8QqRp5YUiCC+mGAJsJOor0y68ARSHyFwIXFTF5PEiCC+meAKMod6ylEfVb7jP0agYRbtAjqvf42L4WIwCUlwBNnJ2D5VuBiHEfvXR5s5KJDp68F89+H349PECRbtmlEOAjZzpqyohKjHiR+pj9dFXO3EfHp9+TulVYrbIka4V5RNgI6f9XnR3DygDUw0FCTmwKl2buj8NYkNN/dQZ9cll1OVsGaLcWpRbgM34WpRCpWoxoO7Q91Vk8qO/FNFHAb/p95K4or8nQdHn5Fg/RaA+ryjRLd6rlVlsDMMwDMMwDMMwDMMwDMMwDMMw5eL/WxXBOyJkTqgAAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 40px;
  margin-bottom: 8px;
  width: 40px
}

.sami-music-understanding .chorus-detect .bottom .sub-button {
  background: hsla(0, 0%, 100%, .1);
  color: #fff;
  margin-left: 16px
}

.sami-music-understanding .chorus-detect .bottom .sub-button:hover {
  background: hsla(0, 0%, 100%, .2);
  color: #fff
}

.sami-music-understanding .music-tag {
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%
}

.sami-music-understanding .music-tag .tag-label {
  padding-top: 5px;
  width: 40px
}

.sami-music-understanding .music-tag .tags-content {
  -moz-box-flex: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.sami-music-understanding .music-tag .tags-content span {
  background: rgba(22, 100, 255, .2);
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 5px 12px
}

.sami-music-understanding .music-tag .tags-content .lang {
  background: rgba(255, 125, 0, .2)
}

.sami-music-understanding .music-tag .tags-content .genre {
  background: rgba(22, 100, 255, .2)
}

.sami-music-understanding .music-tag .tags-content .vocal {
  background: rgba(52, 145, 250, .2)
}

.sami-music-understanding .music-tag .tags-content .theme {
  background: rgba(247, 186, 30, .2)
}

.sami-music-understanding .music-tag .tags-content .mood {
  background: rgba(247, 114, 52, .2)
}

.sami-music-understanding .prolong-music .middle .play-slider .slider-input {
  height: 32px;
  width: 65px
}

.sami-music-understanding .prolong-music .middle .play-slider .slider-input .arco-input-inner-wrapper {
  background-color: hsla(0, 0%, 100%, .05)
}

.sami-music-understanding .prolong-music .middle .play-slider .slider-input .arco-input {
  color: hsla(0, 0%, 100%, .7)
}

.sami-music-understanding .prolong-music .middle .play-slider .slider-input .arco-input-number-step-button {
  background-color: hsla(0, 0%, 100%, .08);
  color: hsla(0, 0%, 100%, .7)
}

.sami-music-understanding .prolong-music .middle .play-slider .slider-input .arco-input-number-step-button:hover {
  background-color: hsla(0, 0%, 100%, .16)
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-road.arco-slider-road-disabled:before {
  background-color: hsla(0, 0%, 92%, .1)
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-road.arco-slider-road-disabled .arco-slider-bar {
  background-color: #1664ff
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-road.arco-slider-road-disabled .arco-slider-button:after {
  border-color: #1664ff
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-with-marks {
  margin-bottom: 0;
  padding: 0
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-marks {
  top: 0
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active {
  border-color: tomato
}

.sami-music-understanding .prolong-music .middle .play-slider .arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot {
  background-color: #2d2d2d;
  border-color: tomato
}

.midi-container {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0;
  position: relative
}

.midi-container .center-cursor {
  background-color: #1664ff;
  bottom: 0;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px
}

.midi-container .center-cursor:after,
.midi-container .center-cursor:before {
  background-color: #1664ff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: -3px;
  width: 7px;
  z-index: 10
}

.midi-container .center-cursor:before {
  top: -5px
}

.midi-container .center-cursor:after {
  bottom: -5px
}

.progress-wrap {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 42px;
  width: 100%
}

.progress-wrap .progress-time {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  width: 30px
}

.progress-wrap .progress-duration {
  color: hsla(0, 0%, 100%, .7)
}

.progress-wrap .progress-line {
  -moz-box-flex: 1;
  display: block;
  -webkit-flex: 1 1;
  flex: 1 1;
  margin: 0 16px
}

.progress-wrap .progress-line .arco-slider-road .arco-slider-button:after {
  background: #2d2d2d
}

.index-module__card-wrap-three-four--p6Dyk div {
  vertical-align: top
}

.index-module__card-wrap-three-four--p6Dyk .index-module__item-wrap--1hTZF {
  height: 260px
}

.index-module__card-wrap-three-four--p6Dyk .index-module__item-card--u6Mqm:hover {
  background-size: cover
}

.index-module__container--BrF1F {
  background-color: #fff;
  padding-bottom: 100px
}

.index-module__item-wrap--1hTZF {
  display: inline-block;
  height: 260px;
  width: 25%
}

.index-module__item-card-wrap--4fE9T {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  width: 100%
}

.index-module__item-card--u6Mqm {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #181818;
  height: 200px;
  padding: 36px;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  white-space: pre-wrap;
  width: 100%
}

.index-module__item-even--qDGH9 {
  background-color: rgba(0, 0, 0, .04)
}

.index-module__item-odd--Wr3X2 {
  background: rgba(0, 0, 0, .08)
}

.index-module__icon-wrap--cY5K8 {
  height: 24px
}

.index-module__item-icon-hover--7-RNf {
  display: none;
  height: 24px;
  position: absolute;
  width: 24px;
  z-index: 2
}

.index-module__item-icon--6gDTS {
  height: 24px;
  opacity: 1;
  width: 24px
}

.index-module__item-title--GqbzJ {
  font-size: var(--font-size-normal-title);
  font-weight: 500;
  line-height: var(--font-size-normal-title-lineheight);
  padding-bottom: 8px;
  padding-top: 12px
}

.index-module__item-des--0UILf {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--font-size-normal-text);
  line-height: var(--font-size-normal-text-lineheight);
  max-height: 70px;
  opacity: .8;
  overflow: hidden;
  text-align: justify;
  text-overflow: ellipsis
}

.index-module__item-button--CkoTI {
  display: none
}

.index-module__buttonIcon--VFOhM {
  margin-left: 9.33px
}

.index-module__item-has-hover--rDgge:hover {
  background-color: var(--color-primary);
  background-image: url(//portal.volccdn.com/obj/volcfe/product-new/capacity_bg_35.png);
  background-size: cover;
  color: #fff;
  -webkit-filter: drop-shadow(4px 0 11px hsla(0, 0%, 67%, .7));
  filter: drop-shadow(4px 0 11px rgba(170, 170, 170, .7));
  height: 100%
}

.index-module__item-has-hover--rDgge:hover .index-module__item-icon-hover--7-RNf {
  display: unset
}

.index-module__item-has-hover--rDgge:hover .index-module__item-icon--6gDTS {
  opacity: 0
}

.index-module__item-has-hover--rDgge:hover .index-module__item-button--CkoTI {
  display: unset
}

.index-module__item-has-hover--rDgge:hover .index-module__item-des--0UILf {
  -webkit-line-clamp: 5;
  margin-bottom: 24px;
  max-height: 150px
}

@media screen and (min-width:1900px) {

  .index-module__card-wrap-three-four--p6Dyk .index-module__item-wrap--1hTZF,
  .index-module__item-wrap--1hTZF {
    height: 322px
  }

  .index-module__item-card--u6Mqm {
    height: 250px;
    padding: 48px
  }

  .index-module__icon-wrap--cY5K8 {
    height: 28px
  }

  .index-module__item-icon--6gDTS,
  .index-module__item-icon-hover--7-RNf {
    height: 28px;
    width: 28px
  }

  .index-module__item-title--GqbzJ {
    font-size: var(--font-size-big-title);
    font-weight: 500;
    line-height: var(--font-size-big-title-lineheight)
  }

  .index-module__item-des--0UILf {
    font-size: var(--font-size-big-text);
    letter-spacing: .002em;
    line-height: var(--font-size-big-text-lineheight);
    max-height: 80px
  }

  .index-module__item-button--CkoTI {
    bottom: 48px;
    left: 48px
  }

  .index-module__item-has-hover--rDgge:hover {
    height: 322px
  }
}

@media screen and (max-width:1280px) {
  .index-module__card-wrap-three-four--p6Dyk .index-module__item-wrap--1hTZF {
    height: 280px
  }

  .index-module__card-wrap-three-four--p6Dyk .index-module__item-card--u6Mqm {
    height: 220px
  }

  .index-module__card-wrap-three-four--p6Dyk .index-module__item-has-hover--rDgge:hover {
    height: 100%
  }
}

.index-module__typography--VJzr4 {
  border: 0;
  color: inherit;
  font-weight: 400;
  letter-spacing: inherit;
  margin: 0;
  padding: 0
}

.index-module__link--puXbE {
  text-decoration: none
}

.index-module__button--ZcICB {
  border: unset;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .002em;
  line-height: 22px
}

.index-module__button-white--3pGEu {
  color: #fff
}

.index-module__button-black--dJ\+S1 {
  color: #181818
}

.index-module__icon-right--ERKMF {
  height: 14px;
  margin-left: 7px;
  width: 14px
}

.index-module__arrowBox--a12sq {
  display: inline-block;
  height: 22px;
  margin-left: -5px;
  position: relative;
  width: 40px
}

.index-module__arrowBox--a12sq .index-module__arrow--PtN4M {
  left: 65%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.index-module__arrowBox--a12sq .index-module__arrow1--eBDTW {
  -webkit-animation: index-module__arrow-movement--RYRjT 2s ease-in-out infinite;
  -moz-animation: index-module__arrow-movement--RYRjT 2s ease-in-out infinite;
  animation: index-module__arrow-movement--RYRjT 2s ease-in-out infinite
}

.index-module__arrowBox--a12sq .index-module__arrow2--diSKK {
  -webkit-animation: index-module__arrow-movement--RYRjT 2s ease-in-out 1s infinite;
  -moz-animation: index-module__arrow-movement--RYRjT 2s ease-in-out 1s infinite;
  animation: index-module__arrow-movement--RYRjT 2s ease-in-out 1s infinite
}

@-webkit-keyframes index-module__arrow-movement--RYRjT {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-moz-keyframes index-module__arrow-movement--RYRjT {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes index-module__arrow-movement--RYRjT {
  0% {
    left: 35%;
    opacity: 0
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@media screen and (min-width:1900px) {
  .index-module__button--ZcICB {
    font-size: 16px;
    line-height: 24px
  }

  .index-module__arrowBox--a12sq {
    height: 24px
  }
}

@media screen and (max-width:990px) {
  .index-module__button--ZcICB {
    white-space: nowrap
  }
}

.index-module__card-container--eYyd2 {
  padding-right: 0 !important
}

.index-module__Container--Oc6jd {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-overflow-style: none;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  width: 100%
}

.index-module__Container--Oc6jd::-webkit-scrollbar {
  display: none
}

.index-module__item-card--hwuX5 {
  background-color: #fff;
  background-image: url(//portal.volccdn.com/obj/volcfe/product-new/capacity_mob_bg.png);
  background-size: cover;
  color: #181818;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 240px;
  padding: 30px;
  position: relative;
  text-align: justify;
  width: 300px
}

.index-module__item-card--hwuX5:not(:last-child) {
  margin-right: 16px
}

.index-module__item-title--YvV9r {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 8px;
  padding-top: 16px
}

.index-module__item-des--Sk-cM {
  font-size: 12px;
  line-height: 20px;
  text-align: justify
}

.index-module__item-button--Bd42j {
  bottom: 30px;
  left: 30px;
  position: absolute
}

body {
  margin: 0;
  padding: 0
}

/*!sc*/
.hGqmQO {
  width: 30px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--color-primary);
  position: absolute;
  top: 0;
  color: #fff;
  box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.13);
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
}

/*!sc*/
data-styled.g679[id="Anchor__ScrollBar-hwOxfy"] {
  content: "gzmKyN,hGqmQO,"
}

/*!sc*/
.fJPiVs {
  left: 0;
  box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.13);
}

/*!sc*/
data-styled.g680[id="Anchor__ScrollLeft-jrVSHY"] {
  content: "fJPiVs,"
}

/*!sc*/
.iueDQN {
  right: 0;
}

/*!sc*/
data-styled.g681[id="Anchor__ScrollRight-gLinxb"] {
  content: "iueDQN,"
}

/*!sc*/
.eZNNnG {
  height: 40px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.fpEarP {
  height: 12px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .fpEarP {
    height: 8px;
  }
}

/*!sc*/
.hEFGcl {
  height: 12px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.fsRWMC {
  height: 24px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .fsRWMC {
    height: 4px;
  }
}

/*!sc*/
.jmdEXf {
  height: 16px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .jmdEXf {
    height: 0;
  }
}

/*!sc*/
.jYNZSQ {
  height: 8px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .jYNZSQ {
    height: 4px;
  }
}

/*!sc*/
.laLnIW {
  width: 32px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.kXBcir {
  height: 0px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .kXBcir {
    height: 16px;
  }
}

/*!sc*/
.gbnoJS {
  height: 8px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.cxChiN {
  height: 16px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.MIZkS {
  height: 4px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.ijoAsP {
  height: 10px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.dclbzr {
  height: 14px;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
data-styled.g682[id="Empty-kCmtvi"] {
  content: "eZNNnG,fpEarP,hEFGcl,fsRWMC,jmdEXf,jYNZSQ,laLnIW,kXBcir,gbnoJS,cxChiN,MIZkS,ijoAsP,dclbzr,"
}

/*!sc*/
@media screen and (max-width:600px) {
  .fIRcrc {
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
  }
}

/*!sc*/
.ejuKax {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

/*!sc*/
@media screen and (max-width:600px) {
  .ejuKax {
    height: unset;
    width: unset;
    opacity: unset;
    overflow: unset;
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
    pointer-events: unset;
  }
}

/*!sc*/
.fMBNgS {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
}

/*!sc*/
data-styled.g687[id="Media-BTFgf"] {
  content: "fIRcrc,ejuKax,fMBNgS,"
}

/*!sc*/
@media screen and (max-width:600px) {
  .eWtvis {
    font-size: 13px;
    color: var(--color-text-primary);
  }
}

/*!sc*/
data-styled.g688[id="AnchorLink__StyledTypography-kdUAlO"] {
  content: "eWtvis,"
}

/*!sc*/
.eCvjgo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/*!sc*/
.eCvjgo::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/*!sc*/
.eCvjgo::-webkit-scrollbar-track {
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
}

/*!sc*/
.eCvjgo::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.12);
}

/*!sc*/
data-styled.g689[id="ScrollView__Content-ccnMKq"] {
  content: "eCvjgo,"
}

/*!sc*/
.cYdVkY {
  position: relative;
}

/*!sc*/
data-styled.g690[id="ScrollView__Container-fsUbKU"] {
  content: "cYdVkY,"
}

/*!sc*/
.hUbiAn {
  width: 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

/*!sc*/
data-styled.g691[id="ScrollView__Item-dqlNby"] {
  content: "hUbiAn,"
}

/*!sc*/
.gCXDDT {
  width: 16px;
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
}

/*!sc*/
data-styled.g692[id="ScrollView__Space-hvTTlH"] {
  content: "gCXDDT,"
}

/*!sc*/
.jwoMdi {
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*!sc*/
.jwoMdi .arco-collapse-item {
  background: #fff;
}

/*!sc*/
.jwoMdi .arco-collapse-item+.arco-collapse-item {
  margin-top: 12px;
}

/*!sc*/
.jwoMdi .arco-collapse-item {
  border: 0 !important;
}

/*!sc*/
.jwoMdi .arco-collapse-item-header {
  border: 0 !important;
}

/*!sc*/
.jwoMdi .arco-collapse-item-content {
  border-top: 1px solid rgba(230, 234, 240, 0.31);
  padding: 0 16px !important;
}

/*!sc*/
.jwoMdi .arco-collapse-item-content-box {
  padding: 0;
}

/*!sc*/
.jwoMdi .arco-collapse-item-header-icon.arco-collapse-item-header-icon-down {
  color: var(--color-primary);
}

/*!sc*/
data-styled.g697[id="StyledCollapse-fBvFiH"] {
  content: "jwoMdi,"
}

/*!sc*/
.fcOtOF {
  background-color: var(--color-background-secondary);
  min-height: 100vh;
}

/*!sc*/
data-styled.g699[id="components__PageWrapper-bRXjjX"] {
  content: "fcOtOF,"
}

/*!sc*/
.ZLfur.arco-card {
  height: 100%;
}

/*!sc*/
.ZLfur.arco-card>.arco-card-body {
  padding: 32px;
  height: 100%;
  background-color: #fff;
}

/*!sc*/
@media screen and (max-width:600px) {
  .ZLfur.arco-card {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
  }

  .ZLfur.arco-card>.arco-card-body {
    padding: 16px;
  }
}

/*!sc*/
data-styled.g700[id="DefaultCard__StyledCard-fQihDj"] {
  content: "ZLfur,"
}

/*!sc*/
.jJyZSs {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  margin-left: -6px;
  margin-right: -6px;
}

/*!sc*/
.hzQhJY {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

/*!sc*/
@media screen and (min-width:40em) {
  .hzQhJY {
    width: 25%;
  }
}

/*!sc*/
.gComiv {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

/*!sc*/
@media screen and (min-width:40em) {
  .gComiv {
    width: 50%;
  }
}

/*!sc*/
.hFnXBl {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

/*!sc*/
@media screen and (min-width:40em) {
  .hFnXBl {
    width: 25%;
  }
}

/*!sc*/
.cQLjMz {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

/*!sc*/
@media screen and (min-width:40em) {
  .cQLjMz {
    width: 100%;
  }
}

/*!sc*/
data-styled.g705[id="sc-iJKOTD"] {
  content: "jJyZSs,hzQhJY,gComiv,hFnXBl,cQLjMz,"
}

/*!sc*/
.cFiciA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*!sc*/
data-styled.g706[id="sc-giYglK"] {
  content: "cFiciA,"
}

/*!sc*/
.knkCC {
  padding: 16px 0 32px 0;
}

/*!sc*/
.knkCC .scroll-view-item {
  width: 250px;
  -webkit-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
}

/*!sc*/
.knkCC .scroll-view-item+.scroll-view-item {
  margin-left: 16px;
}

/*!sc*/
data-styled.g707[id="components__StyledScrollView-lntwjw"] {
  content: "knkCC,"
}

/*!sc*/
.dlNIOK {
  padding-bottom: 12px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .dlNIOK {
    padding-bottom: 16px;
  }
}

/*!sc*/
data-styled.g710[id="components__StyledBox-godFBZ"] {
  content: "dlNIOK,"
}

/*!sc*/
.eGAtaF {
  height: 100%;
}

/*!sc*/
data-styled.g711[id="components__MobileCol-ibQDtn"] {
  content: "eGAtaF,"
}

/*!sc*/
.dLgFwV {
  padding: 40px 0 68px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*!sc*/
@media screen and (max-width:600px) {
  .dLgFwV {
    padding: 16px 0 32px 0;
  }
}

/*!sc*/
data-styled.g712[id="components__StyledFlexWithPadding-bYwdJc"] {
  content: "dLgFwV,"
}

/*!sc*/
.hohPoq {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
}

/*!sc*/
.hohPoq .arco-collapse-item-content {
  background-color: #fff;
  border-top: 0;
}

/*!sc*/
.hohPoq .arco-collapse-item-header {
  padding: 18px 32px;
  height: 60px;
}

/*!sc*/
data-styled.g722[id="MobileRender__StyledCollapse-cJLSGd"] {
  content: "hohPoq,"
}

/*!sc*/
.iYRBtp {
  margin: 0 -16px;
  height: unset;
  width: calc(100% + 36px);
  object-fit: cover;
  display: block;
}

/*!sc*/
data-styled.g723[id="MobileRender__Image-klsZry"] {
  content: "iYRBtp,"
}

/*!sc*/
.arco-collapse-item-active .MobileRender__StyledTypography-eZidJJ {
  color: var(--color-primary);
}

/*!sc*/
data-styled.g724[id="MobileRender__StyledTypography-eZidJJ"] {
  content: "cDjTTN,"
}

/*!sc*/
.dVpZgP {
  height: 100%;
}

/*!sc*/
@media screen and (max-width:600px) {
  .dVpZgP {
    height: 0;
  }
}

/*!sc*/
data-styled.g726[id="ImageClampCard__StyledMedia-blfDuY"] {
  content: "dVpZgP,"
}

/*!sc*/
.glNhUf.arco-card {
  overflow: hidden;
  height: 120px;
}

/*!sc*/
.glNhUf.arco-card:hover {
  box-shadow: var(--shadow-1);
}

/*!sc*/
.glNhUf.arco-card>.arco-card-body {
  padding: 20px;
  height: 100%;
}

/*!sc*/
@media screen and (max-width:600px) {
  .glNhUf.arco-card {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
    height: 70px;
  }

  .glNhUf.arco-card .arco-card-body {
    padding: 0;
    height: 100%;
  }
}

/*!sc*/
data-styled.g729[id="LogoCard__StyledCard-gClVtr"] {
  content: "glNhUf,"
}

/*!sc*/
.dtlPkq {
  font-size: 13px;
}

/*!sc*/
@media screen and (max-width:600px) {
  .dtlPkq {
    font-size: 12px;
  }
}

/*!sc*/
data-styled.g740[id="WideCard__DescriptionTypography-fjKQox"] {
  content: "dtlPkq,"
}

/*!sc*/
.genQJi {
  height: 100%;
}

/*!sc*/
.genQJi.arco-card>.arco-card-body {
  padding: 42px 32px;
  height: 100%;
  background-color: #fff;
}

/*!sc*/
@media screen and (max-width:600px) {
  .genQJi.arco-card {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
  }

  .genQJi.arco-card>.arco-card-body {
    padding: 32px;
  }
}

/*!sc*/
data-styled.g741[id="WideCard__StyledCard-EqetT"] {
  content: "genQJi,"
}

/*!sc*/
.gtqSmg {
  background: var(--color-primary);
  padding: 14px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*!sc*/
data-styled.g742[id="MobileRender__Container-cwPoWS"] {
  content: "gtqSmg,"
}

/*!sc*/
.eKoRUz.footer-title-mobile {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  -webkit-letter-spacing: 0.14px;
  -moz-letter-spacing: 0.14px;
  -ms-letter-spacing: 0.14px;
  letter-spacing: 0.14px;
  color: #ffffff;
}

/*!sc*/
data-styled.g743[id="MobileRender__Title-cplhhp"] {
  content: "eKoRUz,"
}

/*!sc*/
.iESQsH {
  height: 380px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0c1112;
  position: relative;
  overflow: hidden;
}

/*!sc*/
@media screen and (max-width:600px) {
  .iESQsH {
    height: 220px;
    padding: 0 16px;
    box-sizing: border-box;
  }
}

/*!sc*/
data-styled.g747[id="components__BannerContainer-fXNoAL"] {
  content: "iESQsH,"
}

/*!sc*/
.components__StyledLink-ehCtXP+.components__StyledLink-ehCtXP {
  margin-left: 16px;
}

/*!sc*/
data-styled.g748[id="components__StyledLink-ehCtXP"] {
  content: "emohQZ,"
}

/*!sc*/
.dIyweG {
  height: 30px;
}

/*!sc*/
.dIyweG.arco-btn {
  margin-right: 20px;
  height: 30px !important;
  font-size: 13px;
  min-width: 86px;
}

/*!sc*/
.components__StyledLink-ehCtXP>.components__StyledButton-jZljuD {
  margin-right: 0;
}

/*!sc*/
@media screen and (max-width:600px) {}

/*!sc*/
.evHJLM {
  height: 30px;
}

/*!sc*/
.evHJLM.arco-btn {
  margin-right: 20px;
  height: 30px !important;
  font-size: 13px;
  min-width: 86px;
}

/*!sc*/
.components__StyledLink-ehCtXP>.components__StyledButton-jZljuD {
  margin-right: 0;
}

/*!sc*/
@media screen and (max-width:600px) {
  .evHJLM {
    display: none;
  }
}

/*!sc*/
data-styled.g749[id="components__StyledButton-jZljuD"] {
  content: "dIyweG,evHJLM,"
}