.header-Q1Kz {
  -moz-box-align: center;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative
}

.header-Q1Kz .title-F8si {
  color: #101010;
  font-size: 30px;
  font-weight: 600;
  line-height: 45px
}

.header-Q1Kz .more-link-TUw2 {
  color: #1664ff;
  cursor: pointer;
  font-size: 14px;
  line-height: 45px
}

@media (max-width: 1023px) {
  .header-Q1Kz .title-F8si {
    font-size: 24px;
    line-height: normal;
    line-height: 33px
  }

  .header-Q1Kz .more-link-TUw2 {
    line-height: 33px
  }
}

.min-price-th4z .none-SPGs {
  color: #4e5969;
  font-size: 20px
}

.min-price-th4z .yuan-q7IH {
  color: #f50505;
  font-size: 14px;
  line-height: 22px
}

.min-price-th4z .integer-ReGg {
  color: #f50505;
  font-size: 30px;
  font-weight: 500;
  line-height: 20px
}

.min-price-th4z .decimal-gvep {
  color: #f50505;
  font-size: 16px;
  font-weight: 500
}

.min-price-th4z .pretype-yvhM {
  color: #4e5969;
  font-size: 14px;
  line-height: 24px;
  margin-left: 2px
}

@media (min-width: 768px) and (max-width:1023px) {
  .min-price-th4z .integer-ReGg {
    font-size: 24px
  }
}

@media (min-width: 336px) and (max-width:767px) {
  .min-price-th4z .integer-ReGg {
    font-size: 24px
  }
}

.min-price-H_MC .none-pqFd {
  color: #4e5969;
  font-size: 20px
}

.min-price-H_MC .yuan-MDND {
  color: #f50505;
  font-size: 14px;
  line-height: 22px
}

.min-price-H_MC .integer-Hiad {
  color: #f50505;
  font-size: 30px;
  font-weight: 500;
  line-height: 20px
}

.min-price-H_MC .decimal-jmOX {
  color: #f50505;
  font-size: 16px;
  font-weight: 500
}

.min-price-H_MC .pretype-ZdGM {
  color: #4e5969;
  font-size: 14px;
  line-height: 24px;
  margin-left: 2px
}

.min-price-H_MC .after-price-text-bOLe {
  background: -webkit-gradient(linear, left top, right top, from(#ff744e), to(#f81712));
  background: -webkit-linear-gradient(left, #ff744e, #f81712);
  background: -moz-linear-gradient(left, #ff744e 0, #f81712 100%);
  background: linear-gradient(90deg, #ff744e, #f81712);
  border: .5px solid #ffeede;
  border-radius: 8px 8px 8px 0;
  bottom: 9px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  margin-left: 5px;
  padding: 3px 8px;
  position: relative
}

.volc-choice-myzT {
  background-color: #f2f7fc;
  padding: 60px 0 80px
}

.volc-choice-myzT .content-Bnsf {
  margin: 0 auto;
  width: 1440px
}

.volc-choice-myzT .content-Bnsf1 {
  margin-bottom: 40px;
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 40px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10.6125px rgba(205, 213, 222, .2);
  cursor: pointer;
  display: block;
  height: 420px;
  overflow: hidden;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 345px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM:hover {
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .03)
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM:hover .buy-button-MsNp {
  background-color: #1664ff;
  color: #fff
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM:not(:last-child) {
  margin-right: 20px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c0d0e;
  height: 114px;
  padding: 28px 24px;
  position: relative
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ .name-SqUD {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ .desc-Zt2z {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ .tag-hA8Q {
  background: -webkit-gradient(linear, left top, right top, from(#ff744e), to(#f81712));
  background: -webkit-linear-gradient(left, #ff744e, #f81712);
  background: -moz-linear-gradient(left, #ff744e 0, #f81712 100%);
  background: linear-gradient(90deg, #ff744e, #f81712);
  border-radius: 0 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 51px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j {
  padding: 24px 24px 28px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 {
  border-bottom: 1px solid rgba(159, 162, 181, .3);
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 86px;
  padding-bottom: 43px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 .hightlight-item-_G37 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 22px;
  margin-top: 10px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 .hightlight-item-_G37:first-child {
  margin-top: 0
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 .hightlight-item-_G37 img {
  height: 22px;
  width: 22px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 .hightlight-item-_G37 .hightlight-text-XqTi {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  margin-left: 4px;
  max-width: 213px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .vloc-price-container-ICJG {
  margin-top: 24px
}

.volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .buy-button-MsNp {
  background: -webkit-linear-gradient(35deg, #1664ff 32.77%, #6d9fff 93.5%);
  background: -moz-linear-gradient(35deg, #1664ff 32.77%, #6d9fff 93.5%);
  background: linear-gradient(55deg, #1664ff 32.77%, #6d9fff 93.5%);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: 44px;
  line-height: 44px;
  margin-top: 28px;
  text-align: center
}

.unadapted-volc-choice-RfTC {
  background-color: #fff
}

.unadapted-volc-choice-RfTC .content-Bnsf {
  max-width: 1200px
}

.unadapted-volc-choice-RfTC .content-Bnsf .card-list-GG9G {
  margin-top: 17px
}

.unadapted-volc-choice-RfTC .content-Bnsf .card-list-GG9G .card-container-EIVM {
  display: block;
  height: 380px;
  width: 285px
}

.unadapted-volc-choice-RfTC .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ {
  height: 106px;
  padding: 24px
}

.unadapted-volc-choice-RfTC .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 {
  padding-bottom: 24px
}

.unadapted-volc-choice-RfTC .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .buy-button-MsNp {
  margin-top: 16px
}

@media (max-width: 1679px) {
  .volc-choice-myzT {
    padding-bottom: 60px
  }

  .volc-choice-myzT .content-Bnsf {
    padding: 0;
    width: 1200px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM {
    height: 377px;
    width: 285px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ {
    height: 106px;
    padding: 24px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j,
  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 {
    padding-bottom: 24px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .buy-button-MsNp {
    margin-top: 16px
  }
}

@media (max-width: 1023px) {
  .volc-choice-myzT {
    padding: 48px 24px
  }

  .volc-choice-myzT .content-Bnsf {
    width: 100%
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G {
    -moz-box-pack: justify;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 24px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 354px;
    margin-right: 0 !important;
    width: 48.6%
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM:nth-child(-n+2) {
    margin-bottom: 20px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ {
    padding: 24px 32px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j {
    padding: 16px 32px 32px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .product-hightlight-EGl0 {
    padding-bottom: 16px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .vloc-price-container-ICJG {
    margin-top: 16px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .vloc-price-container-ICJG>span:nth-child(2) {
    font-size: 24px !important
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j .buy-button-MsNp {
    margin-top: 12px
  }
}

@media (max-width: 767px) {
  .volc-choice-myzT .content-Bnsf .card-list-GG9G {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 345px;
    margin-bottom: 20px;
    width: 100%
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-header-KVVQ {
    padding: 24px
  }

  .volc-choice-myzT .content-Bnsf .card-list-GG9G .card-container-EIVM .card-content-Nk4j {
    padding: 16px 24px 24px
  }
}

.modal-wrap-FLBV {
  background-color: rgba(29, 33, 41, .6);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  z-index: 99999
}

.market-modal-ie69 {
  background: #f6f8fa;
  border-radius: 8px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .05);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  padding: 17px 20px;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 400px
}

.market-modal-ie69 .close-button-dUpk {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 17px
}

.market-modal-ie69 .title-Ds5g {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 22px
}

.market-modal-ie69 .title-Ds5g img {
  height: 20px;
  width: 20px
}

.market-modal-ie69 .title-Ds5g .tips-text-t792 {
  color: #020814;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 8px
}

.market-modal-ie69 .content-isLk {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  margin-top: 8px
}

.market-modal-ie69 .button-wrap-Lzcy {
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 16px
}

.market-modal-ie69 .button-wrap-Lzcy .ok-button-TuSq {
  margin-left: 12px
}

@media (max-width: 767px) {
  .market-modal-ie69 {
    padding: 20px
  }

  .market-modal-ie69 .content-isLk {
    font-size: 14px;
    margin-top: 20px
  }

  .market-modal-ie69 .button-wrap-Lzcy {
    margin-top: 20px
  }

  .market-modal-ie69 .button-wrap-Lzcy .ok-button-TuSq {
    margin-left: 12px
  }

  .market-modal-ie69 .button-wrap-Lzcy .cancel-button-CbUj,
  .market-modal-ie69 .button-wrap-Lzcy .ok-button-TuSq {
    border-radius: 4px;
    height: 32px;
    min-width: 105px;
    width: -webkit-calc(50% - 6px);
    width: -moz-calc(50% - 6px);
    width: calc(50% - 6px)
  }

  .market-modal-ie69 .button-wrap-Lzcy .cancel-button-CbUj {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .08), 0 0 0 1px #dde2e9
  }
}

@media (max-width: 480px) {
  .market-modal-ie69 {
    min-width: 270px;
    width: 80%
  }
}

.media-area-codY {
  width: 100%
}

.media-area-codY .show-area-aKZs {
  border-radius: 4px;
  height: 307px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.media-area-codY .show-area-aKZs .img-player-OYLD {
  background-color: #fff;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999
}

.media-area-codY .show-area-aKZs .hide-U4MM {
  left: 0;
  top: -9999px
}

.media-area-codY .preview-list-R4WU {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 12px
}

.media-area-codY .preview-list-R4WU .preview-item-DsJa {
  border-radius: 2px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  height: 54px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  width: 72px
}

.media-area-codY .preview-list-R4WU .preview-item-DsJa:last-child {
  margin-right: 0
}

.media-area-codY .preview-list-R4WU .preview-item-DsJa .preview-img-n5CQ {
  height: 100%;
  width: 100%
}

.media-area-codY .preview-list-R4WU .preview-item-DsJa .video-play-button-HjeW {
  height: 14px;
  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: 15px
}

.media-area-codY .preview-list-R4WU .selected-tuyd {
  border: 1px solid #165dff
}

@media (max-width: 1023px) {
  .carousel-warp-Y1_H {
    height: 100%;
    position: relative
  }

  .carousel-warp-Y1_H .arco-carousel {
    height: 100%
  }

  .carousel-warp-Y1_H .media-indicator-dFq3 {
    bottom: 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: absolute;
    right: 16px;
    z-index: 1000
  }

  .carousel-warp-Y1_H .media-indicator-dFq3 .open-volume-dzry {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 20px;
    margin-right: 12px
  }

  .carousel-warp-Y1_H .media-indicator-dFq3 .media-number-BEFH {
    background: rgba(2, 8, 20, .3);
    border-radius: 20px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    line-height: 20px;
    padding: .5px 10px
  }

  .carousel-warp-Y1_H .media-indicator-dFq3 .media-number-BEFH>span {
    display: inline-block;
    height: 12px;
    line-height: 12px
  }

  .media-area-codY,
  .media-area-codY .show-area-aKZs {
    height: 100%
  }

  .media-area-codY .show-area-aKZs .video-player-Y2KC .fullscreen-close-qo5i {
    left: 18px;
    position: absolute;
    top: 18px;
    z-index: 10000
  }

  .media-area-codY .show-area-aKZs .video-player-Y2KC .fullscreen-close-qo5i>svg {
    height: 24px;
    width: 24px
  }

  .media-area-codY .show-area-aKZs .video-player-Y2KC .open-volume-dzry {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 18px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 20px;
    position: absolute;
    right: 20px;
    z-index: 10000
  }

  .media-area-codY .show-area-aKZs .video-paused-img-Qp9J svg {
    font-size: 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%);
    z-index: 1000
  }

  .media-area-codY .preview-list-R4WU {
    display: none
  }
}

@media (max-width: 767px) {
  .carousel-warp-Y1_H .media-indicator-dFq3 {
    bottom: 37.5px;
    right: 16px
  }

  .media-area-codY .show-area-aKZs {
    border-radius: 0
  }

  .media-area-codY .show-area-aKZs .video-player-Y2KC .open-volume-dzry {
    bottom: 45px
  }

  .media-area-codY .show-area-aKZs .video-player-Y2KC .xgplayer-controls {
    bottom: 10px
  }
}

.shop-area-HhYS {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10.6125px rgba(205, 213, 222, .2);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 18px;
  padding: 32px;
  width: 100%
}

.shop-area-HhYS .media-tALu {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 410px
}

.mobile-buy-bar-QsIj {
  display: none
}

.goods-info-UksC {
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 30px;
  overflow: hidden
}

.goods-info-UksC .name-wrap-ZfeX {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #1d2129;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
  width: 100%
}

.goods-info-UksC .name-wrap-ZfeX .name-BQ83 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.goods-info-UksC .name-wrap-ZfeX .name-tag-mOfZ {
  background: -webkit-gradient(linear, left top, right top, from(#ff744e), to(#f81712));
  background: -webkit-linear-gradient(left, #ff744e, #f81712);
  background: -moz-linear-gradient(left, #ff744e 0, #f81712 100%);
  background: linear-gradient(90deg, #ff744e, #f81712);
  border-radius: 2px;
  color: #fff;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-family: PingFang SC;
  font-size: 11px;
  font-weight: 500;
  height: 19px;
  line-height: 19px;
  margin-left: 6px;
  padding: 0 6px
}

.goods-info-UksC .desc-SLyq {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px
}

.goods-info-UksC .price-lArN {
  background-color: #f9fcff;
  border-radius: 4px;
  height: 64px;
  margin-top: 24px
}

.goods-info-UksC .price-lArN .label-prap {
  color: #86909c;
  display: inline-block;
  font-size: 14px;
  height: 64px;
  line-height: 64px;
  margin-left: 24px;
  width: 70px
}

.goods-info-UksC .price-lArN .loading-Xjj9 {
  margin-left: 24px
}

.goods-info-UksC .form-item-TO4h {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 32px;
  margin-left: 24px;
  margin-top: 24px
}

.goods-info-UksC .form-item-TO4h .form-label-vp1k {
  color: #86909c;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 14px;
  width: 70px
}

.goods-info-UksC .form-item-TO4h .form-value-ENZE {
  margin-left: 23px
}

.goods-info-UksC .form-item-TO4h .form-value-ENZE .serve-goods-num-q7th {
  width: 160px
}

.goods-info-UksC .form-item-TO4h .form-value-ENZE .serve-goods-num-q7th .arco-input-group {
  border: 1px solid #c9cdd4;
  border-radius: 4px;
  overflow: hidden
}

.goods-info-UksC .form-item-TO4h .form-value-ENZE .serve-goods-num-q7th .arco-input-inner-wrapper,
.goods-info-UksC .form-item-TO4h .form-value-ENZE .serve-goods-num-q7th .arco-input-number-step-button {
  background-color: #fff
}

.goods-info-UksC .form-item-TO4h .form-value-ENZE .serve-goods-num-q7th .input-number-button-tgf_ {
  height: 12px;
  width: 12px
}

.goods-info-UksC .product-type-form-item-uejx {
  margin-top: 20px
}

.goods-info-UksC .product-type-form-item-uejx .form-value-ENZE {
  color: #1d2129;
  font-size: 14px
}

.goods-info-UksC .button-item-V2eH {
  border: 1px solid #c9cdd4;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4e5969;
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  position: relative
}

.goods-info-UksC .button-item-seleted-yh4X {
  border-color: #1664ff;
  color: #1664ff
}

.goods-info-UksC .button-item-seleted-yh4X:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEUAAAAWZP8VY/8WY/8VZf8WZP/i6/////8zeP80d/+Ksv9Cgf8kbv+3zv+1zv98qP99p/+qIGtQAAAABXRSTlMAgO7eYN5HxOkAAABqSURBVCjPfctLDoNQDMXQ/py0QFv2v1pg8BIJId9ZcuSb7G6GGWaYYYYZZphhhhlmmGGGGde2RDSeu282nm3KeBe2xfFdM2cKu4u9mTP/FLbx2TVyYuCw0vyNo6w1lsKyi5lhhtlT7PHaADT1B/x4YghWAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  bottom: 0;
  content: "";
  height: 14px;
  position: absolute;
  right: 0;
  width: 14px;
  z-index: 1
}

.goods-info-UksC .configuration-form-item-c9AC {
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 18px
}

.goods-info-UksC .configuration-form-item-c9AC .form-label-vp1k {
  height: 32px;
  line-height: 32px
}

.goods-info-UksC .configuration-form-item-c9AC .form-value-ENZE {
  -moz-box-flex: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.goods-info-UksC .configuration-form-item-c9AC .form-value-ENZE .button-item-V2eH {
  margin-bottom: 8px;
  margin-right: 12px
}

.goods-info-UksC .price-unit-form-item-vllG {
  margin-top: 16px
}

.goods-info-UksC .cycle-form-item-VQeN {
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: auto
}

.goods-info-UksC .cycle-form-item-VQeN .form-label-vp1k {
  height: 32px;
  line-height: 32px
}

.goods-info-UksC .cycle-form-item-VQeN .form-value-ENZE {
  -moz-box-flex: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.goods-info-UksC .cycle-form-item-VQeN .form-value-ENZE .button-item-V2eH {
  margin-bottom: 8px;
  margin-right: 4px
}

.goods-info-UksC .buy-number-item-IHFv .form-value-ENZE {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative
}

.goods-info-UksC .buy-number-item-IHFv .buy-number-warning-nm49 {
  bottom: -20px;
  color: #ff7d00;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  min-height: 20px;
  position: absolute
}

.goods-info-UksC .buy-button-dEsl {
  border-radius: 4px;
  box-shadow: 0 6px 8px rgba(46, 70, 146, .1);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  margin-left: 117px;
  margin-top: 24px;
  text-align: center;
  width: 122px
}

.goods-info-UksC .agreement-lkJd {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-left: 117px;
  margin-top: 18px
}

.goods-info-UksC .agreement-lkJd>label {
  position: relative;
  top: -2px
}

.goods-info-UksC .agreement-lkJd .text-B56P {
  color: #4e5969;
  font-size: 12px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: -2px
}

.goods-info-UksC .agreement-lkJd .text-B56P .jump-text-PGQm {
  color: #1664ff;
  cursor: pointer
}

.goods-info-UksC .agreement-lkJd .arco-checkbox {
  padding-left: 0
}

.goods-info-UksC .tag-list-erhF {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 32px;
  margin-left: 117px;
  margin-top: 32px
}

.goods-info-UksC .tag-list-erhF .tag-item-Osw6 {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-left: 24px
}

.goods-info-UksC .tag-list-erhF .tag-item-Osw6:first-child {
  margin-left: 0
}

.goods-info-UksC .tag-list-erhF .tag-item-Osw6 svg {
  stroke: #86909c
}

.goods-info-UksC .tag-list-erhF .tag-item-Osw6 .text-B56P {
  color: #86909c;
  font-size: 12px;
  margin-left: 4px
}

.mobile-good-introduction-E_XF {
  display: none
}

.yuan-Ztev {
  color: #f50505;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 23px
}

.number-DVVv {
  color: #f50505;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 2px;
  margin-left: 2px
}

.original-price-Hq0b {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  text-decoration: line-through
}

.discount-label-E_4e {
  height: 19px;
  margin-left: 18px;
  vertical-align: -4px;
  width: 60px
}

@media (max-width: 1023px) {
  .shop-area-HhYS {
    margin-top: 0
  }

  .shop-area-HhYS .media-tALu {
    height: 247px;
    margin-right: 14px;
    width: 330px;
    z-index: 690
  }

  .mobile-buy-bar-QsIj {
    -moz-box-pack: justify;
    background-color: #fff;
    bottom: 0;
    display: block;
    height: 60px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    padding-left: 24px;
    position: fixed;
    width: 100%;
    z-index: 1000
  }

  .mobile-buy-bar-QsIj,
  .mobile-buy-bar-QsIj .tel-container-PWXQ {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }

  .mobile-buy-bar-QsIj .tel-container-PWXQ {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    color: #42464e;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
  }

  .mobile-buy-bar-QsIj .tel-container-PWXQ>svg {
    font-size: 24px;
    text-align: center
  }

  .mobile-buy-bar-QsIj .tel-container-PWXQ>a {
    color: #42464e
  }

  .mobile-buy-bar-QsIj .btn-container-cu3U {
    height: 100%
  }

  .mobile-buy-bar-QsIj .btn-container-cu3U .buy-button-dEsl {
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    width: 270px
  }

  .mobile-buy-bar-QsIj .mobile-btn-container-hi9Q .buy-button-dEsl {
    width: 113px
  }

  .pc-goods-RCxK {
    position: relative
  }

  .pc-goods-RCxK .price-lArN {
    background: #fff;
    bottom: 30px;
    height: auto;
    position: absolute
  }

  .pc-goods-RCxK .price-lArN .label-prap {
    display: none
  }

  .pc-goods-RCxK .price-lArN .yuan-Ztev {
    margin-left: 0
  }

  .pc-goods-RCxK .price-lArN .number-DVVv {
    font-size: 24px
  }

  .pc-goods-RCxK .form-item-TO4h {
    display: none
  }

  .pc-goods-RCxK .product-type-form-item-uejx {
    bottom: 0;
    display: block;
    height: auto;
    margin: 0;
    position: absolute
  }

  .pc-goods-RCxK .product-type-form-item-uejx .form-label-vp1k {
    display: none
  }

  .pc-goods-RCxK .product-type-form-item-uejx .form-value-ENZE {
    color: #86909c;
    font-family: PingFang SC;
    line-height: 22px;
    margin-left: 0
  }

  .pc-goods-RCxK .agreement-lkJd,
  .pc-goods-RCxK .buy-button-dEsl,
  .pc-goods-RCxK .tag-list-erhF {
    display: none
  }

  .mobile-drawer-goods-eHuz {
    -ms-scroll-chaining: none;
    -ms-overflow-style: none;
    margin-left: 0;
    max-height: 420px;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: relative;
    scrollbar-width: none
  }

  .mobile-drawer-goods-eHuz::-webkit-scrollbar {
    display: none
  }

  .mobile-drawer-goods-eHuz .desc-SLyq,
  .mobile-drawer-goods-eHuz .name-wrap-ZfeX,
  .mobile-drawer-goods-eHuz .price-lArN,
  .mobile-drawer-goods-eHuz .product-type-form-item-uejx {
    display: none
  }

  .mobile-drawer-goods-eHuz .configuration-form-item-c9AC {
    margin-top: 0;
    padding: 0 24px
  }

  .mobile-drawer-goods-eHuz .configuration-form-item-c9AC .form-value-ENZE .button-item-V2eH {
    margin-bottom: 8px
  }

  .mobile-drawer-goods-eHuz .price-unit-form-item-vllG {
    margin-top: 16px;
    padding: 0 24px
  }

  .mobile-drawer-goods-eHuz .buy-number-item-IHFv {
    margin-top: 24px;
    padding: 0 24px
  }

  .mobile-drawer-goods-eHuz .cycle-form-item-VQeN {
    padding: 0 24px
  }

  .mobile-drawer-goods-eHuz .cycle-form-item-VQeN .form-value-ENZE .button-item-V2eH {
    margin-bottom: 8px
  }

  .mobile-drawer-goods-eHuz .form-item-TO4h {
    margin-left: 0
  }

  .mobile-drawer-goods-eHuz .buy-button-dEsl {
    display: none
  }

  .mobile-drawer-goods-eHuz .agreement-lkJd {
    background-color: #f3f7ff;
    margin: 32px 0 0;
    padding: 8px 24px;
    position: relative
  }

  .mobile-drawer-goods-eHuz .agreement-lkJd>label {
    top: 0
  }

  .mobile-drawer-goods-eHuz .agreement-lkJd .text-B56P {
    line-height: 22px;
    margin: 0 0 0 8px
  }

  .mobile-drawer-goods-eHuz .tag-list-erhF {
    display: none
  }

  .shop-drawer-JNIp {
    height: auto !important
  }

  .shop-drawer-JNIp .mobile-buy-bar-QsIj {
    position: relative
  }

  .shop-drawer-JNIp .arco-drawer-scroll {
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    position: relative
  }

  .shop-drawer-JNIp .arco-drawer-header {
    height: 54px
  }

  .shop-drawer-JNIp .arco-drawer-content {
    height: -webkit-calc(100% - 54px);
    height: -moz-calc(100% - 54px);
    height: calc(100% - 54px);
    overflow: visible;
    padding: 0
  }

  .shop-drawer-JNIp .arco-drawer-content .mobile-drawer-goods-eHuz {
    padding-top: 24px
  }

  .shop-drawer-JNIp .arco-drawer-footer {
    border: none;
    padding: 0
  }

  .shop-drawer-JNIp .price-container-RS6v {
    -moz-box-align: center;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .shop-drawer-JNIp .price-container-RS6v .auto-price-qPWh {
    -webkit-align-self: flex-start;
    align-self: flex-start
  }

  .shop-drawer-JNIp .price-container-RS6v .auto-price-qPWh .yuan-Ztev {
    margin-left: 0
  }

  .shop-drawer-JNIp .price-container-RS6v .auto-price-qPWh .loading-Xjj9 {
    font-size: 20px;
    height: 20px;
    width: 20px
  }

  .shop-drawer-JNIp .price-container-RS6v .mobile-tip-e0Fw {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    color: #4e5969;
    font-size: 10px
  }

  .shop-drawer-JNIp .price-container-RS6v .config-container-bFTB {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    color: #737a87;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 13px;
    line-height: 28px;
    margin-left: 10px
  }

  .shop-drawer-JNIp .price-container-RS6v .config-container-bFTB span {
    margin: 0 4px
  }

  .shop-drawer-JNIp .price-container-RS6v .config-container-bFTB span:first-child {
    margin-left: 0
  }
}

@media (max-width: 767px) {
  .shop-area-HhYS {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    border-radius: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0
  }

  .shop-area-HhYS .media-tALu {
    height: 57.33333vw;
    width: 100%
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF {
    background-color: #fff;
    border-radius: 12px 12px 0 0;
    display: block;
    font-family: PingFang SC;
    padding: 24px 24px 0;
    position: relative;
    top: -20px;
    z-index: 695
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea {
    -moz-box-pack: justify;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea .price-lArN .yuan-Ztev {
    margin-left: 0
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea .price-lArN .number-DVVv {
    font-size: 24px
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea .price-lArN .discount-label-E_4e,
  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea .price-lArN .original-price-Hq0b {
    margin-left: 8px
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .base-price-container-UUea .good-type-R0dr {
    color: #737a87;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .name-wrap-ZfeX {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #1d2129;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    margin: 16px 0 8px;
    width: 100%
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .name-wrap-ZfeX .name-BQ83 {
    height: 22px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .name-wrap-ZfeX .name-tag-mOfZ {
    background: -webkit-gradient(linear, left top, right top, from(#ff744e), to(#f81712));
    background: -webkit-linear-gradient(left, #ff744e, #f81712);
    background: -moz-linear-gradient(left, #ff744e 0, #f81712 100%);
    background: linear-gradient(90deg, #ff744e, #f81712);
    border-radius: 2px;
    color: #fff;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-family: PingFang SC;
    font-size: 11px;
    font-weight: 500;
    height: 19px;
    line-height: 19px;
    margin-left: 6px;
    padding: 0 6px
  }

  .shop-area-HhYS .mobile-good-introduction-E_XF .desc-SLyq {
    color: #737a87;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
  }

  .shop-drawer-JNIp .price-container-RS6v .config-container-bFTB {
    display: none
  }
}

.banner-wrap-inhS {
  overflow-x: hidden;
  width: 100%
}

.banner-wrap-inhS #banner {
  height: 370px !important
}

.banner-wrap-inhS .slider-list .slider-slide {
  width: 100% !important
}

.common-title-KIHK {
  color: #020814;
  font-family: PingFang SC;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 59px
}

.common-subtitle-p3l5 {
  margin-top: 12px
}

.common-subtitle-p3l5 .button-QLqb {
  border: 1px solid #1664ff;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1664ff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-top: 36px;
  text-align: center;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
  width: 100px
}

.common-subtitle-p3l5 .button-QLqb:hover {
  background: #1664ff;
  border: 0;
  color: #fff
}

.common-subtitle-p3l5 .subtitle-text-sdKa {
  color: #42464e;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}

.advantage-list-ZT4D {
  background-color: #f7f7f7;
  height: 84px
}

.advantage-list-ZT4D,
.advantage-list-ZT4D .advantage-item-ORsA {
  -moz-box-pack: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.advantage-list-ZT4D .advantage-item-ORsA {
  -moz-box-flex: 0;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #181818;
  -webkit-flex: 0 0 300px;
  flex: 0 0 300px;
  font-size: 16px;
  font-weight: 500
}

.advantage-list-ZT4D .advantage-item-ORsA .icon-RkyB {
  height: 28px;
  margin-right: 8px;
  width: 28px
}

.free-trial-z6_Q {
  background: url(//portal.volccdn.com/obj/volcfe-scm/wanyou/static/media/volc-good-free-trial-bg.8ad14adb.jpg);
  background-size: cover;
  padding: 60px 0
}

.free-trial-z6_Q .content-EG99 {
  margin: 0 auto;
  width: 1440px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10.6125px rgba(205, 213, 222, .2);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 104px;
  margin-bottom: 20px;
  padding: 24px;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 708px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_:nth-child(odd) {
  margin-right: 24px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_:hover {
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .03)
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .icon-vHaS {
  border-radius: 4px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 56px;
  width: 56px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-left: 18px;
  width: 330px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU .name-Q6Zy {
  color: #101010;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 4px;
  max-width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU .desc-WdUp {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  max-width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .price-wrap-QhYb {
  -moz-box-flex: 1;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .price-wrap-QhYb .price-hLeM {
  -moz-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .price-wrap-QhYb .free-text-f9ob {
  color: #f50505;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px
}

.free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .price-wrap-QhYb .pretype-SGCU {
  color: #4e5969;
  font-size: 14px;
  line-height: 24px;
  margin-left: 2px
}

@media (max-width: 1679px) {
  .free-trial-z6_Q {
    padding-bottom: 60px
  }

  .free-trial-z6_Q .content-EG99 {
    padding: 0;
    width: 1200px
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ {
    width: 590px
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_:nth-child(odd) {
    margin-right: 20px
  }
}

@media (max-width: 1023px) {
  .free-trial-z6_Q {
    padding: 48px 24px;
    position: relative
  }

  .free-trial-z6_Q .content-EG99 {
    width: 100%
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo {
    margin-top: 24px
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ {
    margin-bottom: 16px;
    margin-right: 0 !important;
    width: 100%
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_:last-child {
    margin-bottom: 0
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU {
    width: 70%
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU .desc-WdUp,
  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU .name-Q6Zy {
    max-width: unset;
    width: 100%
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .price-wrap-QhYb .price-hLeM .free-price-container-gdOU>span:nth-child(2) {
    font-size: 24px !important
  }
}

@media (max-width: 767px) {
  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .icon-vHaS {
    display: none
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU {
    margin-left: 0;
    width: 54.5%
  }

  .free-trial-z6_Q .content-EG99 .card-list-lKKo .card-container-zFR_ .text-pUQU .desc-WdUp {
    min-width: 183px
  }
}

.aigc-card-_KhR {
  background: #fff;
  padding: 60px 0 80px
}

.aigc-card-_KhR .content-tkPB {
  margin: 0 auto;
  width: 1440px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ {
  -moz-box-pack: justify;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd {
  margin-top: 62px;
  width: 600px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd .title-container-WAV7 {
  color: #0c0d0e;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 16px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd .desc-nBN7 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd button {
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  line-height: 26px;
  margin-top: 40px;
  width: 158px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .right-video-nO4H {
  height: 340px;
  width: 590px
}

.aigc-card-_KhR .content-tkPB .introduction-ggIZ .right-video-nO4H img,
.aigc-card-_KhR .content-tkPB .introduction-ggIZ .right-video-nO4H video {
  height: 100%;
  width: 100%
}

@media (max-width: 1679px) {
  .aigc-card-_KhR {
    padding-bottom: 60px
  }

  .aigc-card-_KhR .content-tkPB {
    padding: 0;
    width: 1200px
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd {
    width: 493px
  }
}

@media (max-width: 1023px) {
  .aigc-card-_KhR {
    padding: 48px 24px;
    position: relative
  }

  .aigc-card-_KhR .content-tkPB {
    width: 100%
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ {
    margin-top: 24px
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd {
    margin-top: 11px;
    width: -webkit-calc(50% - 24px);
    width: -moz-calc(50% - 24px);
    width: calc(50% - 24px)
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd .title-container-WAV7 {
    color: #181818;
    font-size: 18px;
    line-height: 26px
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd button {
    color: #fff;
    font-size: 14px;
    height: 32px;
    margin-top: 20px;
    width: 105px
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .right-video-nO4H {
    height: 28.81356%;
    margin-left: 24px;
    width: 50%
  }
}

@media (max-width: 767px) {
  .aigc-card-_KhR .content-tkPB .introduction-ggIZ {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .left-info-cyVd {
    margin-top: 24px;
    width: 100%
  }

  .aigc-card-_KhR .content-tkPB .introduction-ggIZ .right-video-nO4H {
    height: 57.62712%;
    margin-left: 0;
    width: 100%
  }
}

.high-frequency-AGk0 {
  background-color: #f2f7fc;
  padding: 60px 0 80px
}

.high-frequency-AGk0 .image-container-Aoa9 {
  display: none
}

.high-frequency-AGk0 .content-NZfY {
  margin: 0 auto;
  width: 1440px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An {
  margin-top: 40px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10.6125px rgba(205, 213, 222, .2);
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 368px;
  margin-bottom: 60px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI:last-child {
  margin-bottom: 40px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .category-info-Trsi {
  background: -webkit-linear-gradient(284.11deg, #e8ebff 11.27%, rgba(237, 240, 255, .35) 45.73%, hsla(0, 0%, 100%, .13) 89.81%);
  background: -moz-linear-gradient(284.11deg, #e8ebff 11.27%, rgba(237, 240, 255, .35) 45.73%, hsla(0, 0%, 100%, .13) 89.81%);
  background: linear-gradient(165.89deg, #e8ebff 11.27%, rgba(237, 240, 255, .35) 45.73%, hsla(0, 0%, 100%, .13) 89.81%);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 368px;
  padding: 36px;
  position: relative;
  width: 284px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .category-info-Trsi .name-wdtz {
  color: #101010;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .category-info-Trsi .desc-QbIU {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 10px;
  max-width: 100%
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .category-info-Trsi .more-button-KhlG {
  color: #1664ff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin-top: 16px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .category-info-Trsi .bg-MNAs {
  bottom: 0;
  height: 300px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 231px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  width: -webkit-calc(100% - 284px);
  width: -moz-calc(100% - 284px);
  width: calc(100% - 284px)
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI {
  cursor: pointer;
  height: 184px;
  padding: 32px;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 50%
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI:hover {
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .03)
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI:hover .bottom-bOrT .buy-button-gnRA {
  background-color: #1664ff;
  color: #fff
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI:first-child {
  border-bottom: 1px solid rgba(229, 232, 239, .8);
  border-right: 1px solid rgba(229, 232, 239, .8)
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI:nth-child(2) {
  border-bottom: 1px solid rgba(229, 232, 239, .8)
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI:nth-child(3) {
  border-right: 1px solid rgba(229, 232, 239, .8)
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI .name-wdtz {
  color: #101010;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI .desc-QbIU {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI .bottom-bOrT {
  -moz-box-pack: justify;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 40px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 24px
}

.high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .card-list-MexI .goods-list-kgmM .goods-item-CpfI .bottom-bOrT .buy-button-gnRA {
  border: 1px solid #1664ff;
  border-radius: 8px;
  color: #1664ff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 100px
}

.high-frequency-AGk0 .content-NZfY .mobile-list-wrap-Yylk {
  display: none
}

@media (max-width: 1679px) {
  .high-frequency-AGk0 {
    padding-bottom: 60px
  }

  .high-frequency-AGk0 .content-NZfY {
    padding: 0;
    width: 1200px
  }
}

@media (max-width: 1023px) {
  .high-frequency-AGk0 {
    padding: 48px 24px;
    position: relative
  }

  .high-frequency-AGk0 .image-container-Aoa9 {
    background: -webkit-linear-gradient(289deg, #e8ebff 11.96%, rgba(237, 240, 255, .35) 87.89%, hsla(0, 0%, 100%, .13) 163.16%);
    background: -moz-linear-gradient(289deg, #e8ebff 11.96%, rgba(237, 240, 255, .35) 87.89%, hsla(0, 0%, 100%, .13) 163.16%);
    background: linear-gradient(161deg, #e8ebff 11.96%, rgba(237, 240, 255, .35) 87.89%, hsla(0, 0%, 100%, .13) 163.16%);
    display: block;
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .high-frequency-AGk0 .image-container-Aoa9 .image-small-VizX {
    display: block
  }

  .high-frequency-AGk0 .image-container-Aoa9 .image-mobile-ydWa {
    display: none
  }

  .high-frequency-AGk0 .image-container-Aoa9 .back-image-hbll {
    height: 190px;
    -o-object-fit: unset;
    object-fit: unset;
    position: absolute;
    right: 0;
    top: 100px;
    width: 174px
  }

  .high-frequency-AGk0 .content-NZfY {
    width: 100%
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An {
    margin-top: 24px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .frequency-tabs .arco-tabs-header-title:first-child {
    margin-left: 0
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .frequency-tabs .arco-tabs-header-nav:before {
    background-color: #fff
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .frequency-tabs .arco-tabs-content {
    padding-top: 20px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .desc-QbIU {
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    width: 424px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    background: #fff;
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 24px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI {
    cursor: pointer;
    height: 144px;
    padding: 20px 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 100%
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI:first-child {
    padding-top: 24px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI:last-child {
    padding-bottom: 24px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI:not(:last-child) {
    border-bottom: 1px solid rgba(229, 232, 239, .8)
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .name-wdtz {
    color: #101010;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 4px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .good-desc-hKSM {
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .bottom-bOrT {
    -moz-box-pack: justify;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 32px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 12px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .bottom-bOrT .frequency-price-container-PEGE>span:nth-child(2) {
    font-size: 24px !important
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .bottom-bOrT .buy-button-gnRA {
    border: 1px solid #1664ff;
    border-radius: 8px;
    color: #1664ff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 100px
  }

  .high-frequency-AGk0 .content-NZfY .mobile-list-wrap-Yylk {
    display: block
  }

  .high-frequency-AGk0 .content-NZfY .pc-list-wrap-JZ3a {
    display: none
  }
}

@media (max-width: 767px) {
  .high-frequency-AGk0 .image-container-Aoa9 .image-small-VizX {
    display: none
  }

  .high-frequency-AGk0 .image-container-Aoa9 .image-mobile-ydWa {
    display: block
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An {
    margin-top: 24px
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .desc-QbIU {
    width: 100%
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .good-desc-hKSM,
  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .name-wdtz {
    max-width: 100%
  }

  .high-frequency-AGk0 .content-NZfY .card-list-wrap-C9An .goods-list-kgmM .goods-item-CpfI .bottom-bOrT .buy-button-gnRA {
    border-radius: 4px
  }
}

.customer-case-o3qM {
  background-color: #f2f7fc;
  height: 572px;
  overflow-x: hidden;
  padding-top: 24px;
  position: relative;
  width: 100%
}

.customer-case-o3qM .bg-img-RTk1 {
  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: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s
}

.customer-case-o3qM .content-YDVI {
  margin: 0 auto;
  width: 1440px
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k {
  margin-top: 16px
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav-line .arco-tabs-header-title {
  color: hsla(0, 0%, 100%, .5);
  padding: 18px 0
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav-line .arco-tabs-header-title-active {
  color: #fff
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
  margin-left: 0
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(29.52%, hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0) 29.52%, hsla(0, 0%, 100%, .3));
  background: -moz-linear-gradient(right, hsla(0, 0%, 100%, 0) 29.52%, hsla(0, 0%, 100%, .3) 100%);
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 29.52%, hsla(0, 0%, 100%, .3))
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-ink {
  background-color: #fff
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text {
  color: #fff
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
  background-color: transparent
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-content-item {
  opacity: 0
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-content-item-active {
  opacity: 1
}

.customer-case-o3qM .content-YDVI .tabs-Yl3k .arco-tabs-content-inner {
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.customer-case-o3qM .content-YDVI .logo-a_zN img {
  height: 48px;
  max-width: 166px
}

.customer-case-o3qM .content-YDVI .title-SdZY {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 19px;
  margin-top: 12px
}

.customer-case-o3qM .content-YDVI .desc-vAo_ {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  max-width: 585px;
  min-height: 40px
}

.customer-case-o3qM .content-YDVI .effect-list-XjYN {
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 40px
}

.customer-case-o3qM .content-YDVI .effect-list-XjYN .effect-container-kzys {
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.customer-case-o3qM .content-YDVI .effect-list-XjYN .effect-container-kzys .effect-item-h19e .data-wuLW {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 22px
}

.customer-case-o3qM .content-YDVI .effect-list-XjYN .effect-container-kzys .effect-item-h19e .label-TB3O {
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  line-height: 22px;
  margin-top: 4px
}

.customer-case-o3qM .content-YDVI .effect-list-XjYN .effect-container-kzys .line-_o0Q {
  background-color: hsla(0, 0%, 100%, .2);
  height: 23px;
  margin: auto 24px;
  width: 1px
}

.customer-case-o3qM .content-YDVI .button-Rn2Z {
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-top: 24px;
  text-align: center;
  width: 101px
}

@media (max-width: 1679px) {
  .customer-case-o3qM {
    padding-bottom: 60px
  }

  .customer-case-o3qM .content-YDVI {
    padding: 0;
    width: 1200px
  }
}

@media (max-width: 1023px) {
  .customer-case-o3qM {
    height: 524px;
    padding: 12px 24px 48px;
    position: relative
  }

  .customer-case-o3qM .bg-img-RTk1 {
    left: 0;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    transform: unset
  }

  .customer-case-o3qM .content-YDVI {
    width: 100%
  }

  .customer-case-o3qM .content-YDVI .header-Fp1N {
    font-size: 24px
  }
}

@media (max-width: 767px) {
  .customer-case-o3qM {
    height: auto
  }

  .customer-case-o3qM .content-YDVI .effect-list-XjYN {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .customer-case-o3qM .content-YDVI .effect-list-XjYN .effect-container-kzys {
    margin-bottom: 12px
  }

  .customer-case-o3qM .content-YDVI .button-Rn2Z {
    margin-top: 12px
  }
}

.container-vyfg {
  height: 89.6vw;
  overflow: hidden;
  position: relative
}

.banner-image-container-a64W {
  font-size: 0;
  height: 100%;
  position: absolute;
  width: 100%
}

.banner-image-container-a64W .banner-image-big-EDLp,
.banner-image-container-a64W .banner-image-normal-axK4,
.banner-image-container-a64W .banner-image-small-dynK {
  display: none;
  height: 100%;
  width: 100%
}

.banner-image-container-a64W .banner-image-mobile-JtS4 {
  display: block
}

.banner-image-container-a64W .banner-image-img-eBfK {
  height: 100%;
  -o-object-fit: unset;
  object-fit: unset;
  width: 100%
}

.content-_SF6 {
  font-family: PingFang SC;
  left: 50%;
  padding: 0 24px;
  position: absolute;
  top: 40px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}

.content-_SF6 .title-O9D9 {
  color: #020814;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 4px;
  text-align: center
}

.content-_SF6 .description-fFOq {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  text-align: center
}

.content-_SF6 .button-TAnf {
  display: none
}

@media (min-width: 768px) {
  .container-vyfg {
    height: 252px
  }

  .banner-image-container-a64W div {
    margin: 0 auto;
    max-width: 768px
  }

  .banner-image-container-a64W .banner-image-mobile-JtS4 {
    display: none
  }

  .banner-image-container-a64W .banner-image-small-dynK {
    display: block
  }

  .banner-image-container-a64W .banner-image-img-eBfK {
    -o-object-fit: cover;
    object-fit: cover
  }

  .content-_SF6 {
    left: 40px;
    padding: 0;
    top: 58px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none
  }

  .content-_SF6 .title-O9D9 {
    color: #282828;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
    text-align: left
  }

  .content-_SF6 .description-fFOq {
    font-size: 14px;
    line-height: 22px;
    text-align: left
  }

  .content-_SF6 .button-TAnf {
    border: 1px solid #1664ff;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1664ff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    line-height: 40px;
    margin-top: 24px;
    text-align: center;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    width: 113px
  }

  .content-_SF6 .button-TAnf:hover {
    background: #1664ff;
    border: 0;
    color: #fff
  }
}

@media (min-width: 1024px) {
  .container-vyfg {
    height: 370px
  }

  .banner-image-container-a64W div {
    max-width: 1440px
  }

  .banner-image-container-a64W .banner-image-small-dynK {
    display: none
  }

  .banner-image-container-a64W .banner-image-normal-axK4 {
    display: block
  }

  .content-_SF6 {
    left: 50%;
    max-width: 1200px;
    top: 98px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .content-_SF6 .title-O9D9 {
    font-size: 42px;
    margin-bottom: 12px
  }

  .content-_SF6 .description-fFOq {
    font-size: 14px;
    line-height: 22px
  }

  .content-_SF6 .button-TAnf {
    height: 40px;
    margin-top: 36px;
    width: 100px
  }
}

@media (min-width: 1680px) {
  .banner-image-container-a64W div {
    max-width: 1920px
  }

  .banner-image-container-a64W .banner-image-normal-axK4 {
    display: none
  }

  .banner-image-container-a64W .banner-image-big-EDLp {
    display: block
  }

  .content-_SF6 {
    max-width: 1440px
  }
}

.visible {
  visibility: visible
}

.sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.absolute {
  position: absolute
}

.fixed {
  position: fixed
}

.relative {
  position: relative
}

.static {
  position: static
}

.inset-0 {
  inset: calc(var(--spacing)*0)
}

.inset-x-0 {
  inset-inline: calc(var(--spacing)*0)
}

.inset-y-0 {
  inset-block: calc(var(--spacing)*0)
}

.-top-3 {
  top: calc(var(--spacing)*-3)
}

.top-0 {
  top: calc(var(--spacing)*0)
}

.top-1\/2 {
  top: 50%
}

.top-1\/4 {
  top: 25%
}

.top-4 {
  top: calc(var(--spacing)*4)
}

.top-6 {
  top: calc(var(--spacing)*6)
}

.top-12 {
  top: calc(var(--spacing)*12)
}

.top-\[1px\] {
  top: 1px
}

.top-\[60\%\] {
  top: 60%
}

.top-full {
  top: 100%
}

.-right-2 {
  right: calc(var(--spacing)*-2)
}

.right-0 {
  right: calc(var(--spacing)*0)
}

.right-1\/4 {
  right: 25%
}

.right-2 {
  right: calc(var(--spacing)*2)
}

.right-4 {
  right: calc(var(--spacing)*4)
}

.right-8 {
  right: calc(var(--spacing)*8)
}

.bottom-0 {
  bottom: calc(var(--spacing)*0)
}

.bottom-1\/4 {
  bottom: 25%
}

.bottom-8 {
  bottom: calc(var(--spacing)*8)
}

.left-0 {
  left: calc(var(--spacing)*0)
}

.left-1\/2 {
  left: 50%
}

.left-1\/4 {
  left: 25%
}

.left-6 {
  left: calc(var(--spacing)*6)
}

.left-8 {
  left: calc(var(--spacing)*8)
}

.left-full {
  left: 100%
}

.isolate {
  isolation: isolate
}

.z-10 {
  z-index: 10
}

.z-50 {
  z-index: 50
}

.z-\[1\] {
  z-index: 1
}

.col-span-2 {
  grid-column: span 2/span 2
}

.col-start-2 {
  grid-column-start: 2
}

.row-span-2 {
  grid-row: span 2/span 2
}

.row-start-1 {
  grid-row-start: 1
}

.container {
  width: 100%
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem
  }
}

@media (min-width: 48rem) {
  .container {
    max-width: 48rem
  }
}

@media (min-width: 64rem) {
  .container {
    max-width: 64rem
  }
}

@media (min-width: 80rem) {
  .container {
    max-width: 80rem
  }
}

@media (min-width: 96rem) {
  .container {
    max-width: 96rem
  }
}

.m-0 {
  margin: calc(var(--spacing)*0)
}

.mx-2 {
  margin-inline: calc(var(--spacing)*2)
}

.mx-4 {
  margin-inline: calc(var(--spacing)*4)
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-6 {
  margin-block: calc(var(--spacing)*6)
}

.mt-0\.5 {
  margin-top: calc(var(--spacing)*.5)
}

.mt-1 {
  margin-top: calc(var(--spacing)*1)
}

.mt-1\.5 {
  margin-top: calc(var(--spacing)*1.5)
}

.mt-2 {
  margin-top: calc(var(--spacing)*2)
}

.mt-3 {
  margin-top: calc(var(--spacing)*3)
}

.mt-4 {
  margin-top: calc(var(--spacing)*4)
}

.mt-6 {
  margin-top: calc(var(--spacing)*6)
}

.mt-8 {
  margin-top: calc(var(--spacing)*8)
}

.mt-12 {
  margin-top: calc(var(--spacing)*12)
}

.mt-16 {
  margin-top: calc(var(--spacing)*16)
}

.mt-auto {
  margin-top: auto
}

.mr-1 {
  margin-right: calc(var(--spacing)*1)
}

.mr-2 {
  margin-right: calc(var(--spacing)*2)
}

.mr-3 {
  margin-right: calc(var(--spacing)*3)
}

.mr-4 {
  margin-right: calc(var(--spacing)*4)
}

.mb-1 {
  margin-bottom: calc(var(--spacing)*1)
}

.mb-2 {
  margin-bottom: calc(var(--spacing)*2)
}

.mb-3 {
  margin-bottom: calc(var(--spacing)*3)
}

.mb-4 {
  margin-bottom: calc(var(--spacing)*4)
}

.mb-6 {
  margin-bottom: calc(var(--spacing)*6)
}

.mb-8 {
  margin-bottom: calc(var(--spacing)*8)
}

.mb-12 {
  margin-bottom: calc(var(--spacing)*12)
}

.mb-16 {
  margin-bottom: calc(var(--spacing)*16)
}

.-ml-3 {
  margin-left: calc(var(--spacing)*-3)
}

.ml-1 {
  margin-left: calc(var(--spacing)*1)
}

.ml-2 {
  margin-left: calc(var(--spacing)*2)
}

.ml-3 {
  margin-left: calc(var(--spacing)*3)
}

.ml-4 {
  margin-left: calc(var(--spacing)*4)
}

.ml-11 {
  margin-left: calc(var(--spacing)*11)
}

.ml-16 {
  margin-left: calc(var(--spacing)*16)
}

.\!inline {
  display: inline !important
}

.block {
  display: block
}

.contents {
  display: contents
}

.flex {
  display: flex
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.inline {
  display: inline
}

.inline-block {
  display: inline-block
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.aspect-video {
  aspect-ratio: var(--aspect-video)
}

.size-3 {
  width: calc(var(--spacing)*3);
  height: calc(var(--spacing)*3)
}

.size-4 {
  width: calc(var(--spacing)*4);
  height: calc(var(--spacing)*4)
}

.size-9 {
  width: calc(var(--spacing)*9);
  height: calc(var(--spacing)*9)
}

.h-1 {
  height: calc(var(--spacing)*1)
}

.h-1\.5 {
  height: calc(var(--spacing)*1.5)
}

.h-2 {
  height: calc(var(--spacing)*2)
}

.h-3 {
  height: calc(var(--spacing)*3)
}

.h-4 {
  height: calc(var(--spacing)*4)
}

.h-5 {
  height: calc(var(--spacing)*5)
}

.h-6 {
  height: calc(var(--spacing)*6)
}

.h-8 {
  height: calc(var(--spacing)*8)
}

.h-9 {
  height: calc(var(--spacing)*9)
}

.h-10 {
  height: calc(var(--spacing)*10)
}

.h-12 {
  height: calc(var(--spacing)*12)
}

.h-16 {
  height: calc(var(--spacing)*16)
}

.h-20 {
  height: calc(var(--spacing)*20)
}

.h-24 {
  height: calc(var(--spacing)*24)
}

.h-32 {
  height: calc(var(--spacing)*32)
}

.h-64 {
  height: calc(var(--spacing)*64)
}

.h-96 {
  height: calc(var(--spacing)*96)
}

.h-\[320px\] {
  height: 320px
}

.h-\[400px\] {
  height: 400px
}

.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height)
}

.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.min-h-\[100px\] {
  min-height: 100px
}

.min-h-screen {
  min-height: 100vh
}

.w-0\.5 {
  width: calc(var(--spacing)*.5)
}

.w-1 {
  width: calc(var(--spacing)*1)
}

.w-2 {
  width: calc(var(--spacing)*2)
}

.w-2\/5 {
  width: 40%
}

.w-3 {
  width: calc(var(--spacing)*3)
}

.w-3\/4 {
  width: 75%
}

.w-3\/5 {
  width: 60%
}

.w-4 {
  width: calc(var(--spacing)*4)
}

.w-5 {
  width: calc(var(--spacing)*5)
}

.w-6 {
  width: calc(var(--spacing)*6)
}

.w-8 {
  width: calc(var(--spacing)*8)
}

.w-10 {
  width: calc(var(--spacing)*10)
}

.w-12 {
  width: calc(var(--spacing)*12)
}

.w-16 {
  width: calc(var(--spacing)*16)
}

.w-20 {
  width: calc(var(--spacing)*20)
}

.w-24 {
  width: calc(var(--spacing)*24)
}

.w-32 {
  width: calc(var(--spacing)*32)
}

.w-48 {
  width: calc(var(--spacing)*48)
}

.w-64 {
  width: calc(var(--spacing)*64)
}

.w-96 {
  width: calc(var(--spacing)*96)
}

.w-\[280px\] {
  width: 280px
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-full {
  width: 100%
}

.w-max {
  width: max-content
}

.max-w-2xl {
  max-width: var(--container-2xl)
}

.max-w-3xl {
  max-width: var(--container-3xl)
}

.max-w-4xl {
  max-width: var(--container-4xl)
}

.max-w-5xl {
  max-width: var(--container-5xl)
}

.max-w-6xl {
  max-width: var(--container-6xl)
}

.max-w-7xl {
  max-width: var(--container-7xl)
}

.max-w-max {
  max-width: max-content
}

.max-w-none {
  max-width: none
}

.min-w-full {
  min-width: 100%
}

.flex-1 {
  flex: 1
}

.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0
}

.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
}

.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
}

.rotate-45 {
  rotate: 45deg
}

.rotate-180 {
  rotate: 180deg
}

.transform {
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
}

.animate-pulse {
  animation: var(--animate-pulse)
}

.animate-spin {
  animation: var(--animate-spin)
}

.cursor-pointer {
  cursor: pointer
}

.resize-none {
  resize: none
}

.list-inside {
  list-style-position: inside
}

.list-decimal {
  list-style-type: decimal
}

.list-disc {
  list-style-type: disc
}

.list-none {
  list-style-type: none
}

.auto-rows-min {
  grid-auto-rows: min-content
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.items-baseline {
  align-items: baseline
}

.items-center {
  align-items: center
}

.items-end {
  align-items: flex-end
}

.items-start {
  align-items: flex-start
}

.justify-between {
  justify-content: space-between
}

.justify-center {
  justify-content: center
}

.gap-1 {
  gap: calc(var(--spacing)*1)
}

.gap-1\.5 {
  gap: calc(var(--spacing)*1.5)
}

.gap-2 {
  gap: calc(var(--spacing)*2)
}

.gap-3 {
  gap: calc(var(--spacing)*3)
}

.gap-4 {
  gap: calc(var(--spacing)*4)
}

.gap-6 {
  gap: calc(var(--spacing)*6)
}

.gap-8 {
  gap: calc(var(--spacing)*8)
}

.font-semibold {
  font-weight: 600;
  font-size: 20px;
  margin: 10px 0;
}

.text-muted-foreground {
  font-size: 16px;
}

.mx-auto {
  width: 600px;
  justify-content: space-between;
  padding: 30px 0;
}