html,
body {
  height: 100%;
}

html {
  --logo-size: 3rem;
  --font-size-base: 1rem;
  --header-height: 56px;
}

@media (min-width: 768px) {
   html {
    --logo-size: 3rem;
    --header-height: 64px;
  }
 
}

@media (min-width: 1200px) {
  html {
    --logo-size: 3.1rem;
    --header-height: 72px;
  }
  .inslogo{
    margin-bottom:5px;
  }
}

@media (min-width: 1600px) {
  html {

    --font-size-base: 1.375rem;
    --header-height: 75px;
  }
   .inslogo{
    margin-bottom:10px;
  }
}

body {
  font-size: var(--font-size-base);
  font-family: "Alibabapuhui", "PingFang SC", "Microsoft YaHei", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

@media (max-width: 767.98px) {
  .section-news .download-circle {
      width: 35px !important;
      height: 35px !important;
    }

      html {
      --logo-size: 2.2rem;
    }
    
   .jingzhou-big-logo {
    /* 底层背景 */
    background: url("../images/home/bgs.png") no-repeat center center;
    background-size: contain;
    max-width: 100%;
    position: relative;
 
    /* 确保伪元素定位正确 */
  }

  /* 添加 yi.png 背景的伪元素 ::before */
  .jingzhou-big-logo::before {
    content: "";
    position: absolute;
    top: 85%;
    /* 放在垂直中间 */
    left: 50%;
    /* 放在水平中间 */
    transform: translate(-50%, -50%);
    /* 精确居中 */
    width: 20%;
    height: 20%;
    background: url("../images/home/yi.png") no-repeat center center;
    background-size: contain;
    pointer-events: none;
    /* 确保点击事件穿透到下层 */
  }

  /* 添加 yunsha.gif 背景的伪元素 ::after */
  .jingzhou-big-logo::after {
    content: "";
    position: absolute;
    top: 50%;
    /* 放在垂直中间 */
    left: 50%;
    /* 放在水平中间 */
    margin-top: 4px;
    transform: translate(-50%, -35%);
    /* 精确居中 */
    width: 40%;
    height: 40%;
    background: url("../images/home/yunsha.gif") no-repeat center center;
    background-size: contain;
    pointer-events: none;
    /* 确保点击事件穿透到下层 */
  }
  .container {
    --bs-gutter-x: 40px;
  }

  .section-features .feature-item-title {
    font-size: 0.875rem !important;
  }

  .section-video .video-container {
    border: 1px #efefef solid;
  }

  .footer p {
    margin-bottom: 0.6rem !important;
    font-size: 0.9rem;
  }

  .jingzhou-big-logo {
    background-size: 120% !important;
  }

  .section-ai li:nth-child(2),
  .section-ai li:nth-child(4) {
    display: none !important;
  }

  .section-ai li:nth-child(3) {
    left: 0 !important;
  }

  .section-ai li:nth-child(5) {
    right: 0 !important;
  }

  .marketing-bt {
    font-size: 1.3rem;
  }

  .section-instagram .sevices-list .sevices-title {
    font-size: 1.2rem;
  }

  .jingzhou-big-logo {
    min-height: 300px !important;
  }

  .section-instagram .service-card-1 {
    min-height: auto !important;
    background-size: 40% auto, 100% 100%, 100% 100% !important;
  }

  .section-instagram .service-card-2,
  .section-instagram .service-card-3 {
    background-position: right 6% bottom 25%;
    background-size: 30% auto, 100% 100%, 100% 100% !important;
  }


  .section-ins-cont .instagram-list {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }

  .section-ins-cont .instagram-list:nth-child(1) {
    padding-bottom: 1rem !important;
  }

  .section-price .apply,
  .retail-item-checklist li {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer .copy {
    text-align: center;
  }

  .footer .text-mb-left {
    text-align: left !important;
  }

  .question-message {
    border-radius: 0 20px 20px 20px !important;
    font-size: 0.875rem;
  }

  .question-list ul li:nth-child(even) .question-message {
    border-radius: 20px 0 20px 20px !important;
  }

  .w-70 {
    width: 80%;
  }

  .question-list ul li:nth-child(even) .question-avatar {
    margin-left: .5rem !important;
  }

  .question-list ul li:nth-child(even) {
    margin: 1.2rem 0 2rem 1rem !important;
  }

  .section-banner-join .col-12.col-md-6.col-lg-7 {
    order: 1;
  }

  .section-banner-join .col-12.col-md-6.col-lg-5 {
    order: 0;
  }

  .section-banner-join .apply-ewm {
    justify-content: center;
  }

  .section-addressing .point-number {
    margin-top: 0 !important;
    margin-right: 15px !important;
  }

  .section-addressing .point-card {
    padding: 20px;
    border-radius: 30px !important;
    align-items: center;
  }

  .section-addressing .point-description {
    font-size: 0.9rem;
    line-height: 1.2;
  }

  .section-addressing .point-title {
    font-size: 1.3rem !important;
    margin-bottom: 6px !important;
  }
}

.card.img-hover>.ratio {
  overflow: hidden;
}

.card.img-hover>.ratio:has(.card-img) {
  border-radius: var(--bs-card-border-radius);
}

.card.img-hover>.ratio:has(.card-img-top) {
  border-top-left-radius: var(--bs-card-border-radius);
  border-top-right-radius: var(--bs-card-border-radius);
}

.card.img-hover>.ratio:has(.card-img-bottom) {
  border-bottom-left-radius: var(--bs-card-border-radius);
  border-bottom-right-radius: var(--bs-card-border-radius);
}

.card.img-hover>.ratio:has(.card-img-left) {
  border-top-left-radius: var(--bs-card-border-radius);
  border-bottom-left-radius: var(--bs-card-border-radius);
}

.card.img-hover>.ratio:has(.card-img-right) {
  border-top-right-radius: var(--bs-card-border-radius);
  border-bottom-right-radius: var(--bs-card-border-radius);
}

.card.img-hover [class*=card-img] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}

.card.img-hover:hover [class*=card-img] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.card.active,
.card.card-hover {
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.card.active,
.card.card-hover:hover {
  --bs-card-bg: var(--bs-danger);
  --bs-card-color: var(--bs-white);
}

.section {
  --section-bg: var(--bs-white);
  --section-padding-y: 3rem;
  --section-caret-size: 40px;
  --section-caption-spacing: 1.25rem;
  --section-title-size: 1.35rem;
  position: relative;
  padding-top: var(--section-padding-y);
  padding-bottom: var(--section-padding-y);
  background-color: var(--section-bg);
}

.section-bg-primary {
  --section-bg: var(--bs-primary);
}

.section-bg-danger {
  --section-bg: var(--bs-danger);
}

.section-bg-warning {
  --section-bg: var(--bs-warning);
}

.section-bg-yellow {
  --section-bg: var(--bs-yellow);
}

.section-bg-white {
  --section-bg: var(--bs-white);
}

.section-bg-light {
  --section-bg: var(--bs-cyan-light);
}

.section-bg-lighter {
  --section-bg: var(--bs-cyan-lighter);
}

.section-bg-dark {
  --section-bg: var(--bs-cyan-dark);
}

.section-bg-darker {
  --section-bg: var(--bs-cyan-darker);
}

.section-bg-gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--section-bg)), to(white));
  background-image: linear-gradient(to bottom, var(--section-bg), white);
}

.section-banner-gradient {
  /* 基础背景色作为fallback */
  background-color: #DEEDFE;

  /* 标准语法 */
  background-image:
    radial-gradient(circle at 0% 25%, #E7F0FF 0%, transparent 30%),
    radial-gradient(circle at 50% 90%, #c9e4fb 0%, transparent 40%),
    radial-gradient(circle at 85% 25%, #C7DBFE 0%, transparent 30%);

  /* 针对Webkit内核浏览器的优化渐变 */
  background-image:
    -webkit-radial-gradient(0% 25%, circle, #E7F0FF 0%, transparent 30%),
    -webkit-radial-gradient(50% 90%, circle, #c9e4fb 0%, transparent 40%),
    -webkit-radial-gradient(85% 25%, circle, #C7DBFE 0%, transparent 30%);

  background-size: 100% 100%;
  background-repeat: no-repeat;

  /* 针对iOS的额外优化 */
  @supports (-webkit-touch-callout: none) {
    background-attachment: scroll;
    background-size: cover;
  }
}

.section-ins-cont .instagram-list:nth-child(2) {
  background-color: #fff;
  background-image:
    -webkit-radial-gradient(circle at 0% 25%, #ebfbff 0%, transparent 30%),
    -webkit-radial-gradient(circle at 85% 90%, #C7DBFE 0%, transparent 30%);
  background:
    radial-gradient(circle at 0% 25%, #ebfbff 0%, transparent 30%),
    radial-gradient(circle at 85% 90%, #C7DBFE 0%, transparent 30%);

  background-size: 100% 100%;
  background-repeat: no-repeat;

  /* 针对iOS的额外优化 */
  @supports (-webkit-touch-callout: none) {
    background-attachment: scroll;
    background-size: cover;
  }
}

.section-ins-cont .instagram-list:nth-child(4) {
  background-color: #fff;
  background-image:
    -webkit-radial-gradient(circle at left 0% bottom 25%, #E6F2FE 0%, transparent 30%),
    -webkit-radial-gradient(circle at right 0% top 15%, #E6F2FE 0%, transparent 30%);
  background:
    radial-gradient(circle at left 0% bottom 25%, #E6F2FE 0%, transparent 30%),
    radial-gradient(circle at right 0% top 15%, #E6F2FE 0%, transparent 30%);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  @supports (-webkit-touch-callout: none) {
    background-attachment: scroll;
    background-size: cover;
  }
}

.section-marketing {
  background: radial-gradient(ellipse at top left,
      #effcff 0%,
      #fff 30%,
      #fff 60%,
      #e5f2fd 100%);
}

.section-intelligence {
  background: radial-gradient(ellipse at top left,
      #f0fcff 0%,
      #fff 30%,
      #fff 60%,
      #EBF4FE 100%);
}


.service-section {
  background: radial-gradient(ellipse at top left,
      #E6F2FE 0%,
      #fff 30%,
      #fff 60%,
      #E6F2FE 100%);
}

/* 免费体验 */
.btn-jingzhou-gradient {
  background: linear-gradient(to right, #2F45EF);
  transition: all .0s;
  -webkit-transition: all .0s;
}

.btn-jingzhou-gradient:hover {
  background: transparent;
  border: 2px #2F45EF solid;
  color: #2F45EF !important;
  transition: all .8s !important;
  -webkit-transition: all .8s !important;
}

.btn-jingzhou-tk-gradient {
  background: #FF2E56;
  transition: all .0s;
  -webkit-transition: all .0s;
}

.btn-jingzhou-tk-gradient:hover {
  background: transparent;
  border: 1px #FF2E56 solid;
  color: #FF2E56 !important;
  transition: all .8s !important;
  -webkit-transition: all .8s !important;
}

.btn-tk-online {
  background: #FF2E56;
  border: 1px #FF2E56 solid;
  color: #FF2E56;
  transition: all .0s;
  -webkit-transition: all .0s;
}

.btn-tk-online:hover {
  background: transparent;
  border: 1px #fff solid;
  color: #fff !important;
  transition: all .8s !important;
  -webkit-transition: all .8s !important;
}


@media (min-width: 768px) {
  .section {
    --section-padding-y: 3rem;
    --section-caret-size: 50px;
    --section-caption-spacing: 1.75rem;
    --section-title-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .section {
    --section-caret-size: 60px;
    --section-caption-spacing: 2rem;
    --section-title-size: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .section {
    --section-padding-y: 4rem;
    --section-caret-size: 70px;
    --section-caption-spacing: 2.5rem;
    --section-title-size: 2rem;
  }
}

@media (min-width: 1400px) {
  .section {
    --section-padding-y: 5rem;
    --section-caret-size: 80px;
    --section-caption-spacing: 2rem;
  }
}

@media (min-width: 1600px) {
  .section {
    --section-padding-y: 6rem;
    --section-caret-size: 100px;
    --section-caption-spacing: 2.75rem;
    --section-title-size: 2.25rem;
  }
}

.section> :not(.caret) {
  position: relative;
  z-index: 1;
}

.section>.caret {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 3;
  text-align: center;
  width: calc(var(--section-caret-size) * 2);
  height: calc(var(--section-caret-size) * 0.5);
  background-color: var(--section-bg);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-filter: url("#goo");
  filter: url("#goo");
}

.section>.caret::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 50%;
  width: var(--section-caret-size);
  height: var(--section-caret-size);
  background-color: var(--section-bg);
  border-radius: 100%;
  -webkit-transform: translate(-50%, 40%);
  transform: translate(-50%, 40%);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.section>.caret-top {
  top: 0;
}

.section>.caret-top::after {
  bottom: auto;
  top: 0;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}

.section-caption {
  margin-bottom: var(--section-caption-spacing);
}

.section-title {
  font-size: var(--section-title-size);
  font-weight: 600;
}

.section-title-sm {
  font-size: calc(var(--section-title-size) / 1.5);
}

.section-title-lg {
  font-size: calc(var(--section-title-size) * 1.1842);
}

.section-title.active,
.section-title-lg.active {
  color: var(--bs-danger);
}

.header {
  --nav-link-spacing: 0;
  --header-color: #222;
  --header-bg-rgb: var(--bs-white-rgb);
  --header-opacity: 0;
  --header-font-size: var(--font-size-base);
  --header-logo-size: var(--logo-size);
  --header-brand: url(../images/brand.svg);
  --header-toggler-rotate: 0deg;
  --header-toggler-translate: 3px;
  --header-link-spacing: 0;
  --header-link-padding-x: 0.5rem;
  --header-link-line-height: 0;
  --header-link-font-weight: 500;
  --header-link-active-font-weight: bold;
}

.header-sub {
  --header-hover-color: #FF2E56;
}

.header-sub.header-translucent {
  /* --header-color: #fff; */
  --header-brand: url(../images/logo.svg)
}

.header-sub.header-translucent .navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 767.98px) {
  .floating-container .quick-nav {
    transition: all .3s ease-in-out;
  }

  .header:not(.header-island)~.floating-container .quick-nav {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@media (min-width: 992px) {
  .header-sub.header-translucent {
    --header-color: #fff;
  }
}

.header .dropdown .icon-jiantou1-copy {
  font-size: 1rem;
}

@media (min-width: 992px) {
  .header {
    --nav-link-spacing: 0.75rem;
    --header-link-padding-x: 0;
    --header-link-line-height: 3px;
  }
}

@media (min-width: 1200px) {
  .header {
    --nav-link-spacing: 1rem;
    --header-link-line-height: 4px;
  }
}

@media (min-width: 1400px) {
  .header {
    --nav-link-spacing: 1.5rem;
    --header-link-line-height: 5px;
  }
}

@media (min-width: 1600px) {
  .header {
    --nav-link-spacing: 2rem;
    --header-link-line-height: 6px;
  }
}


.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--header-height);
  background-color: rgba(var(--header-bg-rgb), var(--header-opacity));
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, calc(var(--header-opacity) * 0.15));
  box-shadow: 0 0 20px rgba(0, 0, 0, calc(var(--header-opacity) * 0.15));
}

.header.fixed-top+ :not([class*=fixed]) {
  padding-top: var(--header-height);
}

.header:has(.offcanvas.show),
.header:has(.offcanvas.showing) {
  --header-toggler-rotate: 45deg;
  --header-toggler-translate: 0px;
}

.header .navbar {
  --bs-navbar-padding-y: 0;
  --bs-navbar-color: var(--header-color);
  --bs-navbar-font-size: var(--header-font-size);
  --bs-navbar-nav-link-padding-x: var(--header-link-padding-x);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header-sub .navbar {
  --bs-navbar-hover-color: var(--header-hover-color);
  --bs-navbar-active-color: var(--header-hover-color);
}

.header .navbar-brand {
  height: var(--header-logo-size);
  background-repeat: no-repeat;
  /* background-image: var(--header-brand); */
  background-clip: content-box;
  background-size: contain;
}

.header .navbar-brand img {
  /* opacity: 0; */
}

.header .navbar-toggler {
  --bs-border-width: 0;

  --bs-navbar-toggler-padding-y: 0.375rem;
  --bs-navbar-toggler-padding-x: 0.375rem;
  --bs-navbar-toggler-focus-width: 0;
}

.header .navbar-toggler-icon {
  width: 1.3em;
  height: 1.3em;
  position: relative;

}

.header .navbar-toggler-icon::before {
  -webkit-transform: translate(0, calc(var(--header-toggler-translate) * -1)) rotate(var(--header-toggler-rotate));
  transform: translate(0, calc(var(--header-toggler-translate) * -1)) rotate(var(--header-toggler-rotate));
}

.header .navbar-toggler-icon::after {
  -webkit-transform: translate(0, var(--header-toggler-translate)) rotate(calc(var(--header-toggler-rotate) * -1));
  transform: translate(0, var(--header-toggler-translate)) rotate(calc(var(--header-toggler-rotate) * -1));
}

.header .navbar-nav {
  --bs-nav-link-color: var(--header-color);
  --bs-nav-link-font-size: var(--header-font-size);
  --bs-nav-link-font-weight: var(--header-link-font-weight);
  --bs-nav-link-active-font-weight: var(--header-link-active-font-weight);
}

.header .nav-link {
  margin-left: var(--nav-link-spacing);
  margin-right: var(--nav-link-spacing);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header .nav-link:focus {
  color: var(--bs-nav-link-color);
}

.header .nav-link:hover,
.header .nav-link.active {
  color: var(--bs-nav-link-hover-color);
}

.header .nav-link.show,
.header .nav-link.active,
.header .nav-link:hover,
.header .navbar-btn:hover {
  --bs-btn-font-weight: var(--header-link-active-font-weight);
  --bs-nav-link-font-weight: var(--header-link-active-font-weight);
}

.section-title,
.section-banner-gradient .banner-title-lg {
  font-family: "Alibabapuhui-Regular";
  font-weight: bold;
}

.section-banner-gradient .banner-title-lg {
  font-size: 2rem;
}

.section-banner-gradient .ratio {
  position: relative;
}

.section-banner-gradient .section-caption .object-fit-cover:first-child {
  width: auto;
  height: calc(808px / 4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-banner-gradient .section-caption .object-fit-cover {
  width: calc(244px / 5);
  height: calc(286px / 5);
}

.section-banner-gradient .section-caption .object-fit-cover:nth-child(2) {
  top: 20%;
  left: 10%;
  animation: jumpThree 10s infinite linear;
}

.section-banner-gradient .section-caption .object-fit-cover:nth-child(3) {
  top: 65%;
  left: 6%;
  animation: jumpTwo 10s infinite linear;
}

.section-banner-gradient .section-caption .object-fit-cover:nth-child(4) {
  top: 60%;
  left: 80%;
  animation: jumpThree 10s infinite linear;
}

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

  .section-distribution th,
  .section-distribution td {
    font-size: 1.785rem !important;
  }
}

@media screen and (max-width: 991.98px) {
  .section-marketing .swiper-pagination-bullet {
    background: #000000b0;
  }

  .service-section .service-icon .img-fluid {
    width: calc(160px / 3) !important;
    height: calc(160px / 3) !important;
  }

  .section-distribution th,
  .section-distribution td,
  .section-distribution .agent-type-subtitle,
  .section-distribution .agent-type-title {
    font-size: 1rem !important;
  }

  .section-distribution .agent-type-subtitle {
    line-height: 1;
    margin-top: 2px;
  }

  .section-price .swiper-pagination {
    --swiper-pagination-bullet-size: 12px;
    top: 0;
    bottom: auto;
  }

  .service-section .service-icon {
    margin-bottom: 0 !important;
  }

  .section-marketing .swiper-pagination-bullet-active {
    background: #384DEF !important;
  }

  .modal-dialog-centered h3 {
    font-size: 1.6rem !important;
  }

  .cs-button .img-fluid {
    height: calc(85px / 2);
  }

  .banner-title-tag a.btn {
    font-size: 0.8rem;
    width: 180px;
  }

  .buy-header .img-fluid {
    display: none;
  }

  .section-honor .card-honor p.t-text-xl {
    font-size: 1rem;
  }

  .section-honor .card-honor {
    height: auto !important;
  }

  .section-join .section-title {
    line-height: 1.8rem;
  }

  .section-apply .section-title {
    font-size: 1.6rem !important;
    text-align: center !important;
  }

  .section-apply .form-item input {
    font-size: 1rem;
    padding-left: 5px;
  }

  .section-apply .form-item button,
  .section-apply button {
    font-size: 0.8rem !important;
  }

  .section-banner-gradient .banner-title-sm {
    font-size: 0.8rem;
  }

  .form-item .input-group input,
  .form-item .input-group button {
    font-size: 0.8rem;
    padding-left: 5px;
    padding-right: 0;
  }

  .footer .text-mb-left {
    text-align: left !important;
  }

  .section-marketing .card .img-fluid {
    height: 70px !important;
  }

  .retail-collapse .collapse-footer {
    height: 80px !important;
    bottom: -1px !important;
  }

  .\!t-text-2xl {
    font-size: 1rem !important;
  }

  .header .offcanvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header .offcanvas .navbar-btn {
    --bs-btn-padding-x: 0.875rem;
    --bs-btn-padding-y: 0.875rem;
    --bs-btn-border-radius: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header .offcanvas .navbar-btn .iconfont {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .header .offcanvas .btn-i18n {
    --bs-btn-color: var(--bs-black);
    --bs-btn-border-width: 2px;
    --bs-btn-border-color: #ddd;
    --bs-btn-hover-border-color: #ddd;
    --bs-btn-active-border-color: #ddd;
  }

  .header .offcanvas .btn-contact {
    --bs-btn-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-hover-bg: color-mix(in oklab, var(--bs-warning) 95%, black);
    --bs-btn-active-bg: color-mix(in oklab, var(--bs-warning) 90%, black);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-border-color: color-mix(in oklab, var(--bs-warning) 95%, black);
    --bs-btn-active-border-color: color-mix(in oklab, var(--bs-warning) 90%, black);
  }

  .header .navbar-nav {
    --bs-navbar-active-color: var(--bs-danger);
    --bs-nav-link-padding-y: 1rem;
    --bs-nav-link-border-color: var(--bs-border-color);
    --bs-nav-link-active-border-color: var(--bs-body-color);
  }

  .header .nav-item .nav-link.active,
  .header .navbar-nav>.nav-link.active {
    background-color: #FAF5FF;

  }

  .header .nav-link {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header .offcanvas-body {
    padding: 0;
    background-color: #fff;
    border-top: 1px #e3e3e3 solid;
  }

  .header .dropdown-menu {
    --bs-dropdown-bg: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    font-size: 1rem;
    padding-left: 1rem;

  }

  .header .dropdown-menu a:hover,
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    background-color: #EEF3FE !important;
  }

  .header .dropdown .icon-jiantou1-copy {
    float: right;
  }

  .header .dropdown-menu li {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .section-banner-gradient .banner-title-btn .btn,
  .confirmation .btn {
    font-size: 1rem !important;
  }

  .banner-title-tag-mb .btn {
    width: 160px;
    font-size: 0.8rem;
    margin-bottom: 2%;
  }

  .offcanvas.show:not(.hiding),
  .offcanvas.showing {
    border: 0;
  }

  .section-banner-gradient .banner-title-lg {
    letter-spacing: 0 !important;
    font-size: 1.6rem !important;
    margin-bottom: 4%;
  }

  .section-features .features-img .t-text-2xl {
    font-size: 16px;
  }

  .t-text-xl {
    line-height: 1.5rem;
    font-size: 16px;
  }

  .section-marketing .swiper-pagination {
    margin-top: 20px;
    bottom: -1.8rem;
  }

  .section-features .features-img .img-fluid {
    margin: 0 auto;
  }

  .section-ai .section-process {
    background: url("../images/home/ai-bg.png") no-repeat center center;
    background-size: contain;
    min-height: 400px;
    max-width: 100%;
  }

  .section-ai ul {
    position: relative;

  }

  .section-ai li:nth-child(1) .img-fluid,
  .section-ai li:nth-child(1) {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .section-ai li:nth-child(1) h4 {
    text-align: center !important;
    margin: auto;
  }

  .section-ai li:nth-child(2),
  .section-ai li:nth-child(4) {
    display: none !important;
  }

  .section-ai li:nth-child(3) {
    position: absolute;
    left: 10%;
    top: 110%;
    text-align: left;
  }

  .section-ai li:nth-child(5) {
    position: absolute;
    right: 10%;
    top: 110%;
    text-align: right;
  }

  .section-ai li:nth-child(3) .img-fluid,
  .section-ai li:nth-child(3) h4 {
    margin-right: auto !important;
  }

  .section-ai li:nth-child(5) .img-fluid,
  .section-ai li:nth-child(5) h4 {
    margin-left: auto !important;
  }

  .section-ai .fs-reset .img-fluid {
    width: calc(600px / 5) !important;
  }

  .section-ai .fs-reset {
    width: 75%;
    margin-top: 10px !important;
    font-size: 50%;
    line-height: 1.2rem;
    padding: 0;
  }

  .section-features {
    --feature-item-title-font-size: 0.75rem !important;
  }

  .t-text-2xl {
    font-size: 1rem !important;
  }

  .jingzhou-big-logo {
    min-height: 600px;
  }

  .jingzhou-image-stack .image-1 {
    width: calc(208px / 5);
    height: calc(208px / 5);
    top: 20%;
    left: 20%;

  }

  .jingzhou-image-stack .image-2 {
    width: calc(174px / 5);
    height: calc(174px / 5);
    bottom: 30%;
    left: 15%;

  }

  .jingzhou-image-stack .image-3 {
    width: calc(207px / 5);
    height: calc(206px / 5);
    top: 33%;
    right: 8%;

  }

  .footer .col .img-fluid {
    width: calc(148px / 4);
  }

  .section-features h4 .img-fluid {
    width: calc(54px / 4) !important;
    height: calc(44px / 4) !important;
  }

  .section-features h4 .img-fluid {
    margin-top: 0.6rem !important;
  }

  .section-instagram .sevices-list {
    padding: 6% 6% 15% 6%;
  }

  .section-instagram .sevices-list .sevices-title,
  .retail-item-title,
  .retail-contact {
    font-size: 1.5rem;
  }

  .section-instagram .sevices-list span {
    font-size: 0.75rem;
  }

  .section-instagram .sevices-list .sevices-title {
    font-size: 1.2rem;
  }

  .retail-item-checklist li,
  .section-hero-news .notice p,
  .retail-item-checklist li {
    font-size: 0.875rem;
  }

  .section-ins-cont .download {
    text-align: center;
    margin: 0 auto;
    font-size: 1rem;
  }

  .section-ins-cont .instagram-list h4 {
    text-align: center;
  }

  .section-instagram .service-card-1 {
    min-height: 450px;
  }

  .retail-item-row .text-amount em {
    font-size: 2rem;
  }

  .section-price .apply a,
  .section-price .buy a {
    font-size: 1rem;
  }

  .retail-item-row .text-amount em {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  .section-price .apply,
  .retail-item-checklist li {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .question-avatar {
    width: calc(240px / 4);
    height: calc(240px / 4);
  }

  .section-advantage .join-img {
    width: calc(80px / 2);
    margin: 0 auto;
  }

  .section-advantage .join-title {
    font-size: 1rem;
    margin-bottom: 30px;
  }

  .section-advantage .join-title .img-fluid {
    width: 4%;
  }

  .buy-header {
    height: 60px !important;
    line-height: 60px !important;
  }

  .shop-avatar .shop-cont h3 {
    font-size: 1.2rem;

  }

  .shop-avatar .shop-cont p {
    font-size: 1rem !important;
  }

  .payment-container {
    max-width: 100% !important;
  }

  .shop-avatar .img-fluid {
    width: 15%;
  }

  .buy-footer .form-item .input-group {
    padding-right: 10px !important;

  }

  .buy-footer .btn-primary-buy {
    margin: 0 !important;
    width: 100% !important;
    background: #2F45EF !important;
    padding: 1% !important;
    z-index: 30;
  }

  .buy-footer .btn-primary-buy:hover {
    color: #fff !important;
  }

  .buy-footer .payment {
    min-width: 100% !important;
    margin-bottom: 40%;
    margin-top: 1%;
  }

  .buy-footer .submit-bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding: 15px 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  }

  .buy-footer .form-item {
    margin-bottom: 5px;
  }

  .address .form-item .input-group {
    padding: 0 10px !important;
  }

  .buy-footer .payment-note {
    margin-top: 12px;
    font-size: 0.8rem;
    color: #E84754;
  }

  .buy-footer .form-item input,
  .stock-status {
    font-size: 0.8rem !important;
  }

  .payment-options {
    gap: 0 !important;
  }

  .goods-title,
  .product-price b {
    font-size: 1.5rem !important;
  }

  .products-grid .product-name,
  .product-type-count,
  .product-type-name,
  .product-price {
    font-size: 1rem !important;
  }

  .product-type,
  .product-card {
    background-color: #fff;
    padding: 5%;
    -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
  }

  .products-grid,
  .product-types {
    gap: 10px !important;
  }

  .confirmation .img-fluid {
    width: 30% !important;
    margin-bottom: 3%;
  }

  .confirmation .goods-title {
    font-size: 1.5rem !important;
  }

  .query .form-control {
    font-size: 1rem !important;
  }

  .query .img-fluid {
    width: auto !important;
    margin-bottom: 0 !important;
  }

  .shop-avatar .shop-cont h3 {
    max-width: 500px;
  }

  .section-core .step-card {
    height: 100px !important;
  }

  .notice .img-fluid {
    width: calc(86px / 3) !important;
    height: calc(80px / 3) !important;
  }

}

@media (min-width: 992px) {
  .header-sub .nav-link {
    position: relative;
    height: var(--header-height);
    line-height: calc(var(--header-height) - var(--bs-nav-link-padding-y) * 2);
  }

  .header-sub .nav-link:hover::before,
  .header-sub .nav-link.show::before,
  .header-sub .nav-link.active::before {
    width: 100%;
  }

  .header .dropdown-menu {
    -webkit-box-shadow: var(--bs-dropdown-box-shadow);
    box-shadow: var(--bs-dropdown-box-shadow);
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .section-ai h4 {
    text-align: center !important;
  }
}

.header .navbar-btn {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 0.375rem;
  --bs-btn-border-width: 0;
  line-height: 1;
}

.header .navbar-btn .iconfont {
  font-size: 1.5rem;
}

.footer {
  --bs-link-hover-color-rgb: var(--bs-body-color-rgb);
  --footer-bg: var(--bs-black);
  --footer-padding-y: var(--section-padding-y);
  --footer-logo-size: var(--logo-size);
  --footer-font-size: var(--font-size-base);
  --section-bg: var(--footer-bg);
  --gotop-size: 32px;
  --gotop-font-size: 0.875rem;
  --gotop-offset-y: calc(var(--gotop-size) * -0.2);
}

@media (min-width: 768px) {
  .footer {
    --gotop-font-size: 1rem;
    --gotop-offset-y: calc(var(--gotop-size) * -0.3);
  }
}

@media (min-width: 992px) {
  .footer {
    --gotop-size: 40px;
    --gotop-font-size: 1.125rem;
    --gotop-offset-y: calc(var(--gotop-size) * -0.5);
  }
}

.footer {
  padding-top: var(--footer-padding-y);
  padding-bottom: var(--footer-padding-y);
}

.footer>.gotop {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--gotop-size);
  height: var(--gotop-size);
  z-index: 10;
  margin-top: var(--gotop-offset-y);
  margin-left: calc(var(--gotop-size) / -2);
  text-align: center;
  font-size: var(--gotop-font-size);
  line-height: var(--gotop-size);
  border-radius: 50%;
  background-color: var(--footer-bg);
}

.footer .logo {
  height: var(--footer-logo-size);
}

.footer .moving {
  position: relative;
  overflow: hidden;
}

.footer .moving::before {
  content: "Get in touch";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10vw;
  font-weight: bold;
  color: #ce3d27;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer .moving>.btn {
  position: absolute;
  z-index: 2;
}

#gotop {
  position: fixed;
  right: 10px;
  bottom: 30px;
  width: 45px;
  height: 45px;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bs-white);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

#gotop .iconfont {
  font-size: 1.6rem;
  color: var(--bs-jingzhou);
}

#gotop::before,
#gotop::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 50%;
  border: 2px solid var(--bs-jingzhou);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 992px) {
  #gotop {
    right: 20px;
    bottom: 40px;
    width: 50px;
    height: 50px;
  }
}

#gotop:hover::before {
  -webkit-animation: gotop-wave 1.1s ease-in-out infinite;
  animation: gotop-wave 1.1s ease-in-out infinite;
}

#gotop:hover::after {
  -webkit-animation: gotop-wave 0.7s ease-in-out 0.4s infinite;
  animation: gotop-wave 0.7s ease-in-out 0.4s infinite;
}

@-webkit-keyframes gotop-wave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes gotop-wave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

.form-simple .form-item {
  --bs-form-input-border-color: var(--bs-cyan-darker);
  border-bottom: 1px solid var(--bs-form-input-border-color);
}

.form-simple .input-group-text {
  color: var(--bs-gray-light);
}



.form-simple .form-control:last-child,
.form-simple .input-group-text:last-child {
  padding-right: 0;
}

@media (min-width: 992px) {
  .search-modal .modal-body {
    background-image: url("../images/bg_nav.png");
    background-repeat: no-repeat;
    background-position: left bottom;
  }
}

.card-navigation .card-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--bs-body-color);
}

.card-navigation .card-link>span:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card-navigation .card-link .iconfont {
  width: 36px;
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--bs-white);
  background-color: var(--bs-danger);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media (min-width: 992px) {
  .card-navigation .card-link .iconfont {
    width: 40px;
    height: 40px;
  }
}

.card-navigation .card-link:hover .iconfont {
  background-color: var(--bs-orange);
}

.swiper-actions {
  --swiper-navigation-color: currentColor;
  --swiper-navigation-bg: var(--bs-white);
  --swiper-navigation-hover-bg: var(--bs-orange);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swiper-button-prev,
.swiper-button-next {
  position: static;
  margin-top: 0;
  width: var(--swiper-navigation-size);
  border-radius: 50%;
  background-color: var(--swiper-navigation-bg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: "iconfont";
  font-size: 1.2em;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--swiper-navigation-hover-bg);
}

.swiper-button-prev::after {
  content: "\e611";
}

.swiper-button-next::after {
  content: "\e64a";
}

.swiper-scrollbar-drag {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nav-flush {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.75rem;
  --bs-nav-link-color: var(--bs-gray-light);
  --bs-nav-link-hover-color: var(--bs-body-color);
  --bs-nav-link-active-color: var(--bs-body-color);
}

@media (min-width: 992px) {
  .nav-flush {
    --bs-nav-link-padding-y: 1rem;
  }

}

.nav-flush .nav-link:not(:last-child) {
  border-bottom: 1px solid var(--bs-border-color);
}

.nav-flush .nav-link.active {
  --bs-border-color: var(--bs-danger);
  font-weight: bold;
  color: var(--bs-nav-link-active-color);
}

.section-features {
  --feature-item-line-height: 3px;
  --feature-item-line-spacing: 0.75rem;
  --feature-item-title-font-size: 1.375rem;
  --feature-item-text-font-size: 1.5rem;
  --feature-item-text-font-weight: bold;
}

.features-img {
  display: flex;
  align-items: center;
}

.section-features h4 .img-fluid {
  width: calc(54px / 2);
  height: calc(44px / 2);
}

.section-features p .img-fluid {
  width: calc(96px / 2);
}

.section-ai .fs-reset .img-fluid {
  width: calc(600px / 2);
}

@media (min-width: 768px) {
  .section-features {
    --feature-item-line-spacing: 0.875rem;
    --feature-item-text-font-size: 1.875rem;
  }

  .section-banner-gradient .section-caption .object-fit-cover:first-child {
    height: calc(808px / 3);
  }

  .section-banner-gradient .section-caption .object-fit-cover {
    width: calc(244px / 3);
    height: calc(286px / 3);
  }

  .section-addressing .point-card {
    padding: 20px 30px 20px 20px;
    height: 140px;
  }

  .section-addressing .point-title {
    font-size: 1.3rem;
  }
}

@media (min-width: 992px) {
  .section-features {
    --feature-item-line-spacing: 1.25rem;
    --feature-item-text-font-size: 2.125rem;
  }

  .banner-title-tag a.btn {
    width: 210px;
    font-size: 1rem;
  }

  .section-banner-gradient .section-caption .object-fit-cover:first-child {
    height: calc(808px / 3.5);
  }

  .section-banner-gradient .banner-title-lg {
    font-size: 1.8rem;
  }

  .section-banner-gradient .banner-title-sm {
    font-size: 0.875rem;
  }


  .section-ai li:nth-child(2) .img-fluid,
  .section-ai li:nth-child(4) .img-fluid {
    width: calc(288px / 3);
    height: calc(26px / 3);
  }

  .section-ai .fs-reset .img-fluid {
    width: calc(600px / 3);
  }

  .section-ai ul li h4.fs-reset {
    font-size: 1rem;
    text-align: center;
    margin: 0 auto;
  }

  .jingzhou-big-logo {
    min-height: 800px;
  }

  .jingzhou-image-stack .image-1 {
    width: calc(208px / 3);
    height: calc(208px / 3);
    top: 20%;
    left: 25%;

  }

  .jingzhou-image-stack .image-2 {
    width: calc(174px / 3);
    height: calc(174px / 3);
    bottom: 30%;
    left: 20%;

  }

  .jingzhou-image-stack .image-3 {
    width: calc(207px / 3);
    height: calc(206px / 3);
    top: 45%;
    right: 10%;

  }

  .footer .col .img-fluid {
    width: calc(148px / 3);
  }

  .section-instagram .sevices-list {
    padding: 6% 6% 15% 6%;
  }

  .section-instagram .sevices-list .sevices-title,
  .section-price .apply a {
    font-size: 1.5rem;
  }

  .section-instagram .sevices-list span {
    font-size: 1rem;
  }

  .section-ins-cont .section-title {
    font-size: 1rem;
  }

  .section-ins-cont .section-title-sm {
    font-size: 0.8rem;
  }

  .retail-contact,
  .retail-item-row .text-amount em,
  .retail-item-title {
    font-size: 2rem;
  }

  .section-price .apply,
  .retail-item-checklist li {
    padding-left: 24px;
    padding-right: 24px;
  }

  .question-avatar {
    width: calc(240px / 3);
    height: calc(240px / 3);
  }

  .section-banner-gradient .banner-title-lg {
    margin-bottom: 1%;
  }

  .section-banner-gradient .row {
    padding-top: 2%;
    padding-bottom: 4%;
  }

  .section-banner-gradient .banner-title-btn .btn,
  .confirmation .btn {
    font-size: 1.2rem;
  }

  .banner-title-tag-pc .banner-title-tag a.btn {
    font-size: 0.8rem;
  }

  .section-honor .card-honor p.t-text-xl {
    font-size: 1rem;
  }

  .section-honor .swiper-pagination {
    bottom: -30px;
  }

  .section-honor .card-honor {
    height: 340px;
  }

  .section-join-title,
  .product-type-name {
    font-size: 1.3rem;
  }

  .section-advantage .section-title-sm b,
  .service-section .service-title {
    font-size: 1rem;
  }

  .section-apply .section-title {
    font-size: 2rem;
  }

  .buy-header .section-title {
    font-size: 1.2rem !important;
  }

  .buy-footer .form-label,
  .shop-avatar .shop-cont p {
    font-size: 1rem;
  }

  .shop-avatar .shop-cont h3 {
    max-width: 280px;
    font-size: 1.2rem;

  }

  .section-intelligence .feature-title {
    font-size: 20px !important;

  }

  .section-intelligence .feature-content {
    font-size: 22px !important;
  }

  .section-core .step-card-01 {
    left: 15%;
  }

  .section-core .step-card-02 {
    left: 10%;
  }

  .section-core .step-card-03 {
    left: 10%;
  }

  .section-core .step-card-04 {
    left: 15%;
  }

  .section-core .step-card-05 {
    right: 5%;
  }

  .section-core .step-card-06 {
    right: 0%;
  }

  .section-core .step-card-07 {
    right: 0%;
  }

  .process-container {
    margin-left: -10% !important;
  }

  .section-solutions th {
    font-size: 1.5rem;
  }

  .section-solutions .main-title {
    font-size: 1rem;
  }

  .section-distribution .benefit-tag {
    width: 46%;
    margin: 4px;
    font-size: 14px;
  }

  .section-addressing .point-description {
    font-size: 1rem;
    line-height: 1.5;
  }

  .section-addressing .point-title {
    font-size: 1.5rem;
  }

  .section-addressing .point-card {
    padding: 30px;
    height: 170px;
  }

}

@media (min-width: 1200px) {
  .section-features {
    --feature-item-text-font-size: 3.5rem;
  }

  .process-container {
    margin-left: 0 !important;
  }

  .banner-title-tag a.btn {
    width: 270px;
    font-size: 1.3rem;
  }

  .banner-title-tag-pc .banner-title-tag a.btn {
    font-size: 1rem;
  }

  .section-banner-gradient .banner-title-btn .btn,
  .confirmation .btn {
    font-size: 1.5rem;
  }

  .section-banner-gradient .section-caption .object-fit-cover:first-child {
    height: calc(808px / 3);
  }

  .section-banner-gradient .section-caption .object-fit-cover {
    width: calc(244px / 3);
    height: calc(286px / 3);
  }

  .section-banner-gradient .banner-title-lg {
    font-size: 2.6rem;
  }

  .section-banner-gradient .banner-title-sm {
    font-size: 1rem;
  }

  .jingzhou-big-logo {
    min-height: 900px;
  }

  .jingzhou-image-stack .image-0 {
    width: calc(2380px / 2);
    height: calc(1206px / 2);

  }

  .jingzhou-image-stack .image-1 {
    width: calc(208px / 2);
    height: calc(208px / 2);
    top: 20%;
    left: 25%;

  }

  .jingzhou-image-stack .image-2 {
    width: calc(174px / 2);
    height: calc(174px / 2);
    bottom: 30%;
    left: 20%;

  }

  .jingzhou-image-stack .image-3 {
    width: calc(207px / 2);
    height: calc(206px / 2);
    top: 45%;
    right: 10%;
  }

  .footer .col .img-fluid {
    width: calc(148px / 3);
  }

  .section-ins-cont .section-title,
  .retail-item-title,
  .retail-contact,
  .section-price .apply a,
  .retail-item-title-content span {
    font-size: 1.575rem;
  }

  .section-ins-cont .section-title-sm {
    font-size: 1rem;
  }

  .question-message {
    font-size: 1.875rem;
  }

  .question-avatar {
    width: calc(240px / 2);
    height: calc(240px / 2);
  }

  .section-honor .card-honor {
    height: 360px;
  }

  .section-join-title {
    font-size: 1.5rem;
  }

  .buy-footer .form-label,
  .shop-avatar .shop-cont p {
    font-size: 1.375rem;
  }

  .product-type-name {
    font-size: 2rem;
  }

  .shop-avatar .shop-cont h3 {
    max-width: 360px;
  }

  .section-distribution .benefit-tag {
    width: 30%;
  }

  .section-addressing .point-title {
    font-size: 1.5rem;
  }

  .section-addressing .point-description {
    font-size: 1rem;
    line-height: 1.2;
  }


}

@media (min-width: 1400px) {
  .section-features {
    --feature-item-text-font-size: 4.2rem;
  }

  .buy-footer .form-label {
    font-size: 1.5rem;
  }

  .section-ai li:nth-child(2) .img-fluid,
  .section-ai li:nth-child(4) .img-fluid {
    width: calc(288px / 2);
    height: calc(26px / 2);
  }

  .section-ai .fs-reset .img-fluid {
    width: calc(600px / 2);
  }

  .section-ai ul li h4.fs-reset {
    font-size: 1.375rem;
  }

  .section-banner-gradient .banner-title-sm {
    font-size: 1.2rem;
  }

  .section-banner-gradient .section-caption .object-fit-cover:first-child {
    height: calc(808px / 2.5);
  }

  .section-banner-gradient .section-caption .object-fit-cover {
    width: calc(244px / 2.5);
    height: calc(286px / 2.5);
  }

  .retail-item-row strong {
    font-size: 2.25rem;
  }

  .footer .col .img-fluid {
    width: calc(148px / 2);
  }

  .section-instagram .sevices-list {
    padding: 6% 6% 15% 6%;
  }

  .section-instagram .sevices-list .sevices-title,
  .section-ins-cont .section-title,
  .retail-item-title-content span {
    font-size: 1.857rem;
  }

  .section-instagram .sevices-list span,
  .retail-item-checklist li,
  .section-ins-cont .section-title-sm {
    font-size: 1.25rem;
  }

  .section-price .buy a {
    font-size: 1.375rem;
  }

  .section-ins-cont .download {
    font-size: 1.5rem;
  }

  .retail-item-title,
  .retail-contact {
    font-size: 1.6rem;
  }

  .retail-item-row .text-amount em {
    font-size: 3rem;
  }

  .section-banner-gradient .row {
    padding-top: 1%;
    padding-bottom: 2%;
  }

  .product-name {
    font-size: 1.25rem;
  }

  .section-honor .card-honor p.t-text-xl {
    font-size: 1.2rem;
  }

  .section-honor .card-honor {
    height: 380px;
  }

  .section-advantage .advantage-item h4 {
    font-size: 1.875rem;
    font-weight: bold;
  }

  .section-advantage .section-title-sm b {
    font-size: 1.3rem;
  }

  .section-apply .section-title {
    font-size: 3rem;
  }

  .buy-header .section-title {
    font-size: 1.875rem;
  }

  .shop-avatar .shop-cont h3 {
    max-width: 500px;
  }

  .section-intelligence .feature-title {
    font-size: 30px !important;
    width: 320px !important;
  }

  .section-intelligence .feature-content {
    font-size: 28px !important;
  }

  .section-core .step-title,
  .service-section .service-title {
    font-size: 1.5rem;
  }

  .section-core .step-card-01 {
    left: 15%;
  }

  .section-core .step-card-02 {
    left: 10%;
  }

  .section-core .step-card-03 {
    left: 10%;
  }

  .section-core .step-card-04 {
    left: 15%;
  }

  .section-core .step-card-05 {
    right: 8%;
  }

  .section-core .step-card-06 {
    right: 4%;
  }

  .section-core .step-card-07 {
    right: 4%;
  }

  .section-solutions th {
    font-size: 1.75rem;
  }

  .section-solutions .main-title {
    font-size: 1.3rem;
  }

  .section-distribution .benefit-tag {
    width: 25%;
    margin: 4px;
    font-size: 16px;
  }

  .section-addressing .point-card {
    padding: 30px;
  }

  .section-addressing .point-title {
    font-size: 1.75rem;
  }

  .section-addressing .point-description {
    line-height: 1.5;
  }
}

@media (min-width: 1600px) {
  .service-section .service-title {
    font-size: 2rem;
  }

  .section-banner-gradient .section-caption .object-fit-cover:first-child {
    width: auto;
    height: calc(808px / 2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .section-distribution .benefit-tag {
    width: 17%;
  }

  .section-solutions .main-title {
    font-size: 1.75rem;
  }

  .section-solutions th {
    font-size: 2rem;
  }

  .section-intelligence .feature-title {
    font-size: 40px !important;
  }

  .section-banner-gradient .section-caption .object-fit-cover {
    width: calc(244px / 2);
    height: calc(286px / 2);
  }

  .section-banner-gradient .section-caption .object-fit-cover:nth-child(2) {
    top: 20%;
    left: 9%;
  }

  .section-banner-gradient .section-caption .object-fit-cover:nth-child(3) {
    top: 65%;
    left: 0%;
  }

  .section-banner-gradient .section-caption .object-fit-cover:nth-child(4) {
    top: 60%;
    left: 82%;
  }

  .section-banner-gradient .banner-title-lg {
    font-size: 3.1rem;
    margin-bottom: 2%;
  }

  .section-banner-gradient .banner-title-lg-2 {
    font-size: 4rem;
    margin-bottom: 4% !important;
  }

  .jingzhou-image-stack .image-1 {
    top: 20%;
    left: 30%;
    width: calc(208px / 2);
    height: calc(208px / 2);
  }

  .jingzhou-image-stack .image-2 {
    width: calc(174px / 2);
    height: calc(174px / 2);
    bottom: 30%;
    left: 25%;

  }

  .jingzhou-image-stack .image-3 {
    width: calc(207px / 2);
    height: calc(206px / 2);
    top: 45%;
    right: 20%;

  }

  .section-apply .img-fluid {
    width: calc(1540px / 2);
    height: calc(1230px / 2);
  }

  .retail-item-title-content span {
    font-size: 2.4rem;
  }

  .section-banner-gradient .row {
    margin-top: -10px;
    padding-top: 0;
    padding-bottom: 1%;
  }

  .banner-title-tag-pc .banner-title-tag a.btn {
    font-size: 1.3rem;
  }

  .product-name {
    font-size: 1.875rem;
  }

  .section-honor .card-honor {
    height: 350px;
    overflow: hidden;
  }

  .section-join-title,
  .section-core .step-title {
    font-size: 1.6rem;
  }

  .section-advantage .section-title-sm b {
    font-size: 1.5rem;
  }

  .section-core .step-card-01 {
    top: 0px;
    left: 20%;
  }

  .section-core .step-card-02 {
    top: 23%;
    left: 15%;
  }

  .section-core .step-card-03 {
    top: 45%;
    left: 15%;
  }

  .section-core .step-card-04 {
    top: 66%;
    left: 20%;
  }

  .section-core .step-card-05 {
    top: 65%;
    right: 13%;
  }

  .section-core .step-card-06 {
    top: 35%;
    right: 10%;
  }

  .section-core .step-card-07 {
    top: 8%;
    right: 11%;
  }

  .section-addressing .point-card {
    height: 200px;
  }

  .section-addressing .point-card {
    padding: 40px 40px 40px 30px;
  }

  .section-addressing .point-description {
    font-size: 1.375rem;
    line-height: 1.5;
  }

  .section-addressing .point-title {
    font-size: 1.875rem;
  }

}

@media (min-width: 2000px) {
  .title-tag::before {
    width: 100px !important;
    height: 50px !important;
    font-size: 16px !important;
    line-height: 60px !important;
    top: -8px !important;
    right: -35px !important;
  }

  .section-search input {
    font-size: 1.5rem !important;
  }
}

/*====================== section-features start ====================*/
.section-features {
  --feature-item-title-font-size: 0.75rem;
  --progress-color: #2F45EF;
  --bg-color: #F5F7FA;
  --stroke-width: 5px;
  --circle-size: 80px;
  --circle-font-size: 2rem;
}

@media (min-width: 768px) {
  .section-features {
    --swiper-scrollbar-size: 8px;
    --stroke-width: 5px;
    --circle-size: 80px;
    --circle-font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .section-features {
    --swiper-scrollbar-size: 10px;
    --stroke-width: 5px;
    --circle-size: 200px;
    --circle-font-size: 3rem;
  }
}

.section-features .feature-item-line {
  position: relative;
  width: 100%;
  height: var(--feature-item-line-height);
  margin-bottom: var(--feature-item-line-spacing);
  background-color: rgba(34, 34, 34, 0.08);
}

.section-features .feature-item-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background-color: var(--bs-danger);
}

.section-features .feature-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 1rem;
}

.section-features .feature-item-title {
  font-size: var(--feature-item-title-font-size);
  font-weight: thin;
}

.section-features .feature-item-text {
  font-size: var(--feature-item-text-font-size);
  font-weight: var(--feature-item-text-font-weight);
  line-height: 1;
}

/* section-features */
.section-features .circle-item {
  position: relative;
  width: var(--circle-size);
  height: var(--circle-size);
  margin: 0 auto;
}

.section-features .circle-progress {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-features .ring-svg {
  width: var(--circle-size);
  height: var(--circle-size);
  position: relative;
  margin: 0 auto;
}

.section-features .ring-bg {
  fill: none;
  stroke: var(--bg-color);
  stroke-width: var(--stroke-width);
}

.section-features .ring-progress {
  fill: none;
  stroke: var(--progress-color);
  stroke-width: var(--stroke-width);
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 283;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.7s linear;
  -webkit-transition: stroke-dashoffset 0.7s linear;
}

/*================================= section-features end ============================*/

.section-partners .partner-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bs-whitesmoke);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.section-partners .partner-item:hover,
.section-partners .partner-item.active {
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.section-partners .partner-quote {
  font-size: var(--section-title-size);
}

.section-partners .partner-quote-text-lg {
  font-size: var(--section-title-size);
}

.section-marketing .swiper-slide:first-child .card-body {
  background: linear-gradient(to bottom right, #b7e8fc, #daf8fb, #fff);
}

.section-marketing .swiper-slide:nth-child(2) .card-body {
  background: linear-gradient(to bottom right, #d4e9ff, #e4f2fe, #fff);
}

.section-marketing .swiper-slide:last-child .card-body {
  background: linear-gradient(to bottom right, #cdd8ff, #eff2fe, #fff);
}

.section-marketing .card .img-fluid {
  height: 93px;
}

.section-honor .card {
  --bs-card-spacer-x: 2rem;
  --bs-card-spacer-y: 1.25rem;
  --bs-card-font-size: 1rem;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 992px) {
  .section-honor .card {
    --bs-card-spacer-x: 2.25rem;
    --bs-card-spacer-y: 1.5rem;
    --bs-card-font-size: 1.125rem;
    --bs-card-border-radius: 1.125rem;
  }
}

@media (min-width: 1200px) {
  .section-honor .card {
    --bs-card-spacer-x: 1.5rem;
    --bs-card-spacer-y: 1.75rem;
    --bs-card-font-size: 1.5rem;
    --bs-card-border-radius: 1.25rem;
  }
}

@media (min-width: 1400px) {
  .section-honor .card {
    --bs-card-spacer-x: 1.75rem;
    --bs-card-spacer-y: 2rem;
  }
}

@media (min-width: 1600px) {
  .section-honor .card {
    --bs-card-spacer-x: 2.5rem;
    --bs-card-spacer-y: 2.5rem;
  }

}

@media (min-width: 2000px) {}

.section-honor .card-text {
  font-size: var(--bs-card-font-size);
  font-weight: 600;
}

.section-honor .card-link {
  float: right;
  margin-top: calc(var(--bs-card-spacer-y) * -0.5);
  margin-right: calc(var(--bs-card-spacer-x) * -0.5);
}

.section-honor .card:hover::after {
  height: 12px;
}

.section-hero-product-detail {
  --product-title-font-size: 40px;
}

@media (min-width: 768px) {
  .section-hero-product-detail {
    --product-title-font-size: 50px;
  }
}

@media (min-width: 992px) {
  .section-hero-product-detail {
    --product-title-font-size: 60px;
  }
}

@media (min-width: 1200px) {
  .section-hero-product-detail {
    --product-title-font-size: 70px;
  }
}

@media (min-width: 1400px) {
  .section-hero-product-detail {
    --product-title-font-size: 80px;
  }
}

@media (min-width: 1600px) {
  .section-hero-product-detail {
    --product-title-font-size: 90px;
  }
}

.section-hero-product-detail>.gonext {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 3;
  margin-left: -0.75rem;
  margin-bottom: -0.75rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: gonext-wave 1s ease-in infinite;
  animation: gonext-wave 1s ease-in infinite;
}

.section-hero-product-detail>.gonext:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.section-hero-product-detail>.gonext>.iconfont {
  font-size: 1.5rem;
}

@-webkit-keyframes gonext-wave {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes gonext-wave {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.section-hero-product-detail .product-content {
  min-height: 600px;
}

@media (min-width: 1200px) {
  .section-hero-product-detail .product-content {
    min-height: 800px;
  }
}

.section-hero-product-detail .product-title {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: var(--product-title-font-size);
  text-transform: uppercase;
  line-height: 1;
}

.section-hero-product-detail .product-features,
.section-hero-product-detail .product-contact {
  position: relative;
  z-index: 3;
}

@media (min-width: 992px) {
  .section-hero-product-detail .product-features {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .section-hero-product-detail .product-contact {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.section-hero-news {
  --swiper-pagination-top: 1rem;
  --swiper-pagination-bottom: auto;
}

.section-hero-service {
  --bs-card-border-radius: 1rem;
}

.section-hero-service .card {
  --bs-card-bg: var(--bs-orange);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.section-hero-service .swiper::after {
  content: "Online service";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #dfebdd;
  font-size: 16vw;
  font-weight: bold;
  font-stretch: 100%;
  text-align: center;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section-hero-service .swiper-slide-active .card {
  --bs-card-bg: var(--bs-white);
}

.section-hero-service .swiper-button-prev,
.section-hero-service .swiper-button-next {
  width: auto;
  height: auto;
  padding: 0.5rem;
  border-radius: 4rem;
  background-color: var(--bs-white);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.section-hero-service .swiper-button-prev>span,
.section-hero-service .swiper-button-next>span {
  margin: 0 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  max-width: 160px;
  text-overflow: ellipsis;
  line-height: 1.2;
  color: var(--bs-gray-light);
}

.section-hero-service .swiper-button-prev::after,
.section-hero-service .swiper-button-next::after {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  line-height: var(--swiper-navigation-size);
  text-align: center;
  background-color: var(--bs-orange);
  border-radius: 50%;
}

.section-hero-service .swiper-button-prev:hover::after,
.section-hero-service .swiper-button-next:hover::after {
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.section-hero-service .swiper-button-prev::after {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

@media (min-width: 992px) {

  .section-hero-service .swiper-button-prev,
  .section-hero-service .swiper-button-next {
    position: absolute;
  }

}

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

  .section-hero-service .swiper-button-prev>span,
  .section-hero-service .swiper-button-next>span {
    display: none;
  }

}

.section-product-params .swiper .card {
  --bs-card-spacer-x: 10px;
  width: 140px;
}

.section-product-params .swiper .swiper-slide-active .card {
  --bs-card-bg: var(--bs-danger);
}

.section-product-params .table-params {
  --bs-table-bg: transparent;
  max-width: 100%;
}

@media (max-width: 1199px) {
  .features-img {
    display: block;
    text-align: center;
    margin-bottom: 0.3rem;
  }

  .section-features p .img-fluid {
    margin: 0 auto !important;
    text-align: center;
  }

  .section-features h4 .img-fluid {
    margin-top: 0.5rem;
  }
}

@media (min-width: 992px) {
  .section-product-params .table-params> :not(caption)>*>* {
    padding: 1rem 0.5rem;
    word-break: break-all;
  }
}

.text-justify {
  text-align: justify;
}

.w-65 {
  width: 65%;
  display: block;
}

body {
  overflow-x: hidden;
}

.section-download .card {
  --bs-card-bg: var(--bs-cyan-light);
}

.section-download .card-body {
  color: var(--bs-body-color);
  background-color: var(--bs-cyan-light);
}

.section-download .card-footer {
  --bs-card-border-width: 1px;
}

.section-download .col:nth-child(even) .card {
  --bs-card-bg: var(--bs-cyan-lighter);
}

.section-download .col:nth-child(even) .card .card-body {
  background-color: var(--bs-cyan-lighter);
}

.section-download .col:nth-child(even) .card:hover {
  --bs-card-bg: var(--bs-danger);
}

.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}

.jingzhou-color {
  color: var(--bs-jingzhou);
}

.contact-us .img-fluid {
  height: 35px;
}

.section-numbers {
  background-color: #fff;
  border-radius: 1.25rem;
  box-shadow: 0px 0px 13px 5px #E7F2FE;
}

.section-service,
.section-apply {
  background: radial-gradient(ellipse at top left, #dff9fe 0%, #fff 40%, #fff 60%, #E6F2FEFF 120%);
}

.section-service .section-title-sm {
  text-align: left !important;
}

.section-service .section-title-sm span {
  display: block;
}

.jingzhou-big-logo {
  /* 底层背景 */
  background: url("../images/home/bgs.png") no-repeat center center;
  background-size: contain;
  max-width: 100%;
  position: relative;
  /* 确保伪元素定位正确 */
}

/* 添加 yi.png 背景的伪元素 ::before */
.jingzhou-big-logo::before {
  content: "";
  position: absolute;
  top: 85%;
  /* 放在垂直中间 */
  left: 50%;
  /* 放在水平中间 */
  transform: translate(-50%, -50%);
  /* 精确居中 */
  width: 20%;
  height: 20%;
  background: url("../images/home/yi.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  /* 确保点击事件穿透到下层 */
}

/* 添加 yunsha.gif 背景的伪元素 ::after */
.jingzhou-big-logo::after {
  content: "";
  position: absolute;
  top: 50%;
  /* 放在垂直中间 */
  left: 50%;
  /* 放在水平中间 */
  transform: translate(-50%, -35%);
  /* 精确居中 */
  width: 40%;
  height: 40%;
  background: url("../images/home/yunsha.gif") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  /* 确保点击事件穿透到下层 */
}





.jingzhou-big-logo .jingzhou-image-stack .image-0 {
  animation: jumpTwo 10s infinite linear;
}

.jingzhou-big-logo .jingzhou-image-stack .image-1 {
  animation: jumpThree 10s infinite linear;
}

.jingzhou-big-logo .jingzhou-image-stack .image-2 {
  animation: jumpFour 10s infinite linear;
}

.jingzhou-big-logo .jingzhou-image-stack .image-3 {
  animation: jumpTwo 10s infinite linear;
}

.jingzhou-big-logo .btn {
  transition: all .0s;
  -webkit-transition: all .0s;
}

.jingzhou-image-stack .image-1,
.jingzhou-image-stack .image-2,
.jingzhou-image-stack .image-3 {
  position: absolute;
}

.footer p {
  margin-bottom: 1.2rem;
}

.footer a {
  color: #fff;
  font-weight: 300;
}

.footer a:hover {
  color: var(--bs-jingzhou);
  font-weight: 800;
  border: 0px !important;
}

.footer img:hover,
.footer img:active {
  border: 0px !important;
}

.footer .text-pc-right {
  text-align: right;
}

.section-instagram .sevices-list .sevices-title {
  font-weight: 600;
}

.section-instagram .div-sevices {
  width: 100%;
}

.question .img-fluid {
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeInDown 1.5s ease forwards;
}

.section-instagram .service-card {
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.service-card-1 {
  background-image:
    url('../images/about/instagram-01.png'),
    radial-gradient(circle at 0% 25%, #e7f3fe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #ffffff 0%, transparent 50%);
  background-size: 70% auto, 100% 100%, 100% 100%;
  background-position: right bottom;
}

.service-card-2 {
  background-image:
    url('../images/about/instagram-02.png'),
    radial-gradient(circle at 0% 25%, #e7f3fe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #ffffff 0%, transparent 50%);
  background-size: 27% auto, 100% 100%, 100% 100%;
  background-position: right 6% bottom 35%;
}

.service-card-3 {
  background-image:
    url('../images/about/instagram-03.png'),
    radial-gradient(circle at 0% 25%, #e7f3fe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #ffffff 0%, transparent 50%);
  background-size: 27% auto, 100% 100%, 100% 100%;
  background-position: right 6% bottom 35%;
}

.service-tk-card-1 {
  background-image:
    url('../images/about/tk-01.png'),
    radial-gradient(circle at 0% 25%, #f0fffe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #fff4f6 0%, transparent 80%);
  background-size: 70% auto, 100% 100%, 100% 100%;
  background-position: right bottom;
}

.service-tk-card-2 {
  background-image:
    url('../images/about/tk-02.png'),
    radial-gradient(circle at 0% 25%, #f0fffe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #fff4f6 0%, transparent 50%);
  background-size: 27% auto, 100% 100%, 100% 100%;
  background-position: right 6% bottom 35%;
}

.service-tk-card-3 {
  background-image:
    url('../images/about/tk-03.png'),
    radial-gradient(circle at 0% 25%, #f0fffe 0%, transparent 50%),
    radial-gradient(circle at 85% 90%, #fff4f6 0%, transparent 50%);
  background-size: 27% auto, 100% 100%, 100% 100%;
  background-position: right 6% bottom 35%;
}


.section-hero-news .notice p {
  margin-bottom: 15px;
  color: #333;
}


.retail-collapse {
  position: relative;
  height: 630px;
  overflow: hidden;
}

.retail-collapse .collapse-footer {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 120px;
  padding: 1rem;
  text-align: center;
  z-index: 3;
  background-image: linear-gradient(to bottom, transparent 20%, white 50%, white);
}

.retail-collapse.show .collapse-footer {
  display: none !important;
}

.collapse-footer .icon-xiangxiashuangjiantou:before {
  font-size: 30px !important;
  color: #2F45EF !important;
}

.retail-item-title {
  position: relative;
  background: #2F7FFF;
  border-radius: 15px;
  color: white;
}

.swiper-slide:nth-child(2) .retail-item-title {
  background: #2F45EF;
}

.swiper-slide:nth-child(3) .retail-item-title {
  background: #0441BB;
}

.swiper-slide:nth-child(2) .retail-item-title::after {
  border-top: 25px solid #2F45EF;
}

.swiper-slide:nth-child(3) .retail-item-title::after {
  border-top: 25px solid #0441BB;
}


.retail-item-title::after {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: calc(var(--card-width, 170px) * 0.5 - 10px) solid transparent;
  border-right: calc(var(--card-width, 170px) * 0.5 - 10px) solid transparent;
  border-top: 25px solid #2F7FFF;
}

.title-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.title-tag::before {
  content: '推荐使用';
  position: absolute;
  width: 110px;
  height: 50px;
  background: linear-gradient(to right, #FF8948, #FF3C50);
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 68px;
  transform: rotate(45deg);
  top: -5px;
  right: -35px;
}

.retail-item-title-content {
  position: relative;
  z-index: 1;
  text-align: center;
  border-radius: 15px;
  overflow: hidden;
}

.retail-item-title-content span {
  display: inline-block;
  line-height: 1.4;
  font-weight: bold;
}

.text-amount {
  flex: 1;
  min-width: 0;
}

.divider {
  display: inline-block;
  width: 1px;
  height: 50px;
  background-color: #ddd;
  margin: 0 8px;
}

.retail-item-row {
  align-items: center;
  justify-content: center;
  height: 130px;
  overflow: hidden;
}

.retail-item-row .text-amount b {
  color: #333;
  font-size: 1.5rem;
}

.retail-item-row .text-amount {
  color: #FD546D;
}


.retail-item-row .text-amount em {
  line-height: 3.5rem;
  color: #FD546D;
  font-weight: bold;
  font-style: normal;
}

.retail-item-checklist {
  list-style: none;
  padding: 0;
}

.retail-item-checklist li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #efefef;
  font-family: "Alibabapuhui-Thin";
}

.section-price .apply a {
  border-radius: 0 !important;
}

.section-price .buy a {
  border-radius: 0 !important;
}


@keyframes gentleFloat {

  0%,
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }

  50% {
    transform: translateY(-6px) scale(1.05);
    opacity: 1;
  }
}

.collapse-btn {
  animation: gentleFloat 2s ease-in-out infinite;
}

.collapse-btn:hover {
  animation-play-state: paused;
}

.retail-item-checklist .checkmark,
.retail-item-checklist .checkmark-x,
.comparison-table .checkmark,
.comparison-table .checkmark-x {
  width: 20px;
  height: 20px;
  background-color: #2F45EF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.comparison-table .checkmark {
  background-color: #36AA59;
}

.retail-item-checklist .checkmark-x,
.comparison-table .checkmark-x {
  background-color: #666;
  color: #fff;
}

.comparison-table .checkmark-x {
  background-color: #D4D8DF;
}

.retail-item-checklist .checkmark-x::before,
.comparison-table .checkmark-x::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 5L19 19M19 5L5 19' stroke='white' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: middle;
}

.retail-item-checklist .checkmark::before,
.comparison-table .checkmark::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: #fff;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
  vertical-align: middle;
}

.retail-item-row strong {
  border-bottom: 3px #2F45EF solid;
}

.buy .icon-jiantouqianwang {
  font-size: 0.7em;
  transition: transform 0.3s;
}

.buy a:hover .icon-jiantouqianwang {
  transform: translateX(5px);
}

.section-news .notice-download {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.section-news .download-circle {
  width: 48px;
  height: 48px;
  border: 1px solid #2F45EF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.section-news .download-icon {
  width: 24px;
  height: 24px;
  fill: #2F45EF;
}

.section-news .download-text {
  font-size: 14px;
  color: #2F45EF;
}

.section-news .icon-mjiantou-copy {
  color: #2F45EF;
  font-weight: bold;
}

.section-news .download-circle:hover {
  background: #2F45EF;
  color: #fff;
}

.section-news .download-circle:hover .icon-mjiantou-copy {
  color: #fff;
}

.section-news .download-circle:hover .download-icon {
  fill: white;
}

.section-news .section-title-name {
  font-family: Arial, Helvetica, sans-serif;
}

.section-news .section-title {
  font-weight: 400;
}

.date-picker-container {
  position: relative;
  width: 300px;
}

.date-input::placeholder {
  color: #212529;
  opacity: 1;
}

.date-input {
  width: 100%;
  padding: 12px 0px;
  font-size: 16px;
  cursor: pointer;
  background-color: white;
}

.date-input {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.calendar {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  background: white;
  margin-top: 5px;
  z-index: 100;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #2F45EF;
  color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 10px;
  border: 1px solid #eee;
}

.day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: bold;
  padding: 10px 10px 5px;
  border: 1px solid #eee;
}

.calendar-day {
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}

.calendar-day:hover {
  background-color: #e6f2ff;
}

.current-day {
  background-color: #2F45EF;
  color: white;
}

.other-month {
  color: #aaa;
}

.selected-day {
  background-color: #2F45EF;
  color: white;
}

.section-search .show {
  display: block;
}

.question-message {
  border-radius: 0 40px 40px 40px;

}

.question-list ul li:nth-child(even) {
  flex-direction: row-reverse;
  margin: 2rem 0 4rem 2rem;

}

.question-list ul li:nth-child(even) .question-message {
  background-color: #2F45EF !important;
  color: #fff !important;
  border-radius: 40px 0px 40px 40px;
}

.tk-question-list ul li:nth-child(even) .question-message {
  background-color: #000 !important;
}

.question-list ul li:nth-child(even) .question-avatar {
  margin-right: 0;
  margin-left: 1rem;
}

.floating-container {
  position: fixed;
  right: 20px;
  bottom: 20%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}

.floating-item {
  position: relative;
}

.cs-button-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.cs-button-text {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}

.cs-button img {
  display: block;
  margin: 0 auto;

}

.cs-button {
  width: 50px;
  /* height: 50px; */
  background: #2F45EF;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 9;
  animation: floatUpDown 2s ease-in-out infinite;
  transition: all 0.3s ease;
}

@keyframes floatUpDown {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

.cs-button:hover {
  animation-play-state: paused;
  transform: scale(1.1);
}

.cs-panel {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 180px;
  margin-bottom: 10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transform: scale(0);
  transform-origin: bottom right;
  opacity: 0;
  transition: all 0.3s ease;
}

.cs-panel.active {
  transform: scale(1);
  opacity: 1;
}

.cs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  padding-right: 6px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: #2F45EF;
}

.cs-close {
  display: inline-flex;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.cs-content {
  padding: 15px;
  max-height: 400px;
  overflow-y: auto;
}

.cs-option {
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: background-color 0.2s ease-in-out;
  font-size: 14px;
}

.cs-option:hover {
  background: #f5f5f5;
}

.quick-nav {
  display: flex;
  flex-direction: column;
  width: 155px;
  height: 246px;
  padding-top: 56px;
  background: url("../images/about/sub-nav.svg") no-repeat top center;
  background-size: contain;
  filter: grayscale(100%);
  /* 100% 表示完全去色 */
  transition: filter 0.3s ease;
  /* 添加过渡效果 */
}

.quick-nav-tk {
  background: url("../images/about/sub-nav.svg") no-repeat top center;
}

.quick-nav .nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 5px;
  color: #666;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.quick-nav .nav-btn:hover {
  transform: scale(1.1);

}

@media (max-width: 767.98px) {
  .floating-container {
    right: 10px;
  }

  .section-banner-gradient .banner-title-lg-2 {
    padding-top: 5%;
  }

  .quick-nav {
    position: fixed;
    left: 0;
    top: var(--header-height);
    width: 100%;
    height: 40px;
    padding-top: 0;
    z-index: 30;
    display: flex;
    flex-direction: row;
    background: none;
    background-color: white;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .quick-nav .nav-btn {
    white-space: nowrap;
    padding: 5px 10px;
  }

  .cs-button {
    width: 45px;
    /* height: 45px; */
  }

  .cs-panel {
    width: 160px;
    bottom: 60px;
  }
}

.marketing-bt {
  font-weight: bold;
}

.section-features .percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font-size);
  font-weight: bold;
  color: var(--progress-color);
  margin: 0;
}

.section-features .feature-item-content {
  text-align: center;
  margin-top: 1rem;
}

.section-features .feature-item-title {
  font-size: 1.1rem;
  line-height: 1.4;
}

.section-video .video-container {
  position: relative;
  border-radius: 0;
  background-color: #000;
  overflow: hidden;
}

.section-video .video-container video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.section-video video::-webkit-media-controls {
  display: none !important;
}

.section-video video:fullscreen::-webkit-media-controls {
  display: flex !important;
}

.section-video .card-img-overlay {
  opacity: 1;
  transition: opacity 0.3s, background-color 0.3s;
}

.section-video .video-playing .card-img-overlay {
  opacity: 0;
  pointer-events: none;

}

.comparison-container {
  width: 100%;
  border: 1px #efefef solid;
  background-color: white;
  overflow: hidden;
  text-align: center;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.comparison-table th,
.comparison-table td {
  padding: 20px 12px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
}

.comparison-table tbody tr:nth-child(odd) {
  background-color: #F7F8FA;
}


.comparison-table tbody tr:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.comparison-table th:first-child,
.comparison-table td:first-child {
  text-align: center;
}

.comparison-table th {
  font-weight: 600;
  color: #333;
  position: relative;
  font-size: 1.875rem;
}

.comparison-table th:nth-child(1) {
  width: 40%;
}

.comparison-table th:nth-child(2),
.comparison-table th:nth-child(3),
.comparison-table th:nth-child(4) {
  width: 20%;
}

.product-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.product-icon {
  width: 64px;
  height: 64px;
  background-color: #D4D8DF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  margin-bottom: 10px;
}

.product-icon-logo {
  width: 112px;
  height: auto;
}

.product-name {
  font-weight: 500;
}

.feature-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-name {
  font-size: 1.375rem;
}

.marketing-product {
  color: #8B28FB;
}

.main-product,
.main-product-1 {
  color: #555;
}

.icon-check {
  color: #2ecc71;
  font-size: 18px;
}

.icon-cross {
  color: #e74c3c;
  font-size: 18px;
}

.icon-placeholder {
  color: #95a5a6;
  font-size: 18px;
}

.section-banner-join,
.section-advantage {
  overflow-x: hidden;
}



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

  .comparison-table th,
  .comparison-table td {
    padding: 12px 8px;
    font-size: 13px;
  }

  .feature-name,
  .feature-description {
    font-size: 0.875rem;
  }

  .product-icon {
    width: 35px;
    height: 35px;
  }

  .retail-item-checklist .checkmark,
  .retail-item-checklist .checkmark-x,
  .comparison-table .checkmark,
  .comparison-table .checkmark-x {
    width: 16px;
    height: 16px;
  }

  .retail-item-checklist .checkmark-x::before,
  .comparison-table .checkmark-x::before {
    width: 11px;
    height: 11px;
  }

  .retail-item-checklist .checkmark::before,
  .comparison-table .checkmark::before {
    width: 13px;
    height: 13px;
  }
}

@media screen and (max-width: 576px) {
  .comparison-table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 10px 6px;
    font-size: 0.875;
  }

  .feature-name,
  .feature-description {
    font-size: 0.75rem;
  }

  .product-icon {
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
  }

  .product-icon-logo {
    width: 30px;
  }

  .product-name {
    font-size: 0.687rem;
  }
}

.section-advantage .advantage-img img {
  width: calc(400px / 2);
  height: calc(360px / 2);
}

.section-advantage .card,
.section-join .card,
.section-advantage .join-item {
  background-color: #fff;
  -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.section-advantage .advantage-item h4 {
  font-weight: bold;
}

.section-advantage .advantage-item .section-title-sm {
  color: #33333380;
  font-size: 1.5rem;
  height: 150px;
  overflow: hidden;
}

.section-advantage .swiper-slide {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0) scale(1);
  position: relative;
}

.section-advantage .swiper-slide:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}


.form-item .input-group {
  border: 1px #efefef solid;
  padding-left: 10px;
  padding-right: 20px;
  background-color: #fff;
}

/* 购买页 */
.buy-header {
  background-color: #2F45EF;
  height: 84px;
  line-height: 84px;
  color: #fff;
}

.buy-header .img-fluid {
  width: 100%;
  height: 84px;
  padding-top: 2px;
}

.buy-header .section-title {
  font-weight: 300;
}

.address .form-item .input-group {
  padding-top: 4px;
  padding-bottom: 4px;
}

.marquee-container {
  display: inline-block;
  max-width: 1200px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.notice .img-fluid {
  width: calc(86px / 2);
  height: calc(80px / 2);
  position: relative;
  z-index: 2;
  background-color: #2F45EF;
  padding-right: 15px;
}

.section-title.marquee-text {
  display: inline-block;
  padding-left: 80%;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.shop-avatar .shop-img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  border: 1px #efefef solid;
  display: grid;
  place-items: center;
}

.shop-avatar .shop-img .img-fluid {
  width: 66px;
  height: 66px;
  margin: auto;
}

.shop-avatar .shop-cont h3 {
  font-size: 1.5rem;
}

.shop-avatar .shop-cont p {
  font-size: 1.375rem;
  color: #888;
}

.shop-introduce {
  border-radius: 20px;
  border: 1px #efefef solid;
}

.shop-introduce .section-title {
  font-size: 1.5rem;
}

@media (min-width: 992px) {
  .shop-introduce-content {
    border: 1px #efefef solid;
  }
}

.introduce-content img {
  max-width: 100%;
  width: 100%;
}

.buy-footer {
  background-color: #2F45EF;
  min-height: 200px;
}

.buy-footer .payment {
  min-width: 80%;
}

.payment-container {
  width: 100%;
  max-width: 500px;
}

.payment-title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.payment-options {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.payment-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 8px;
  padding: 15px 20px;
  margin: 7px 0;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}

.payment-option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.payment-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin-right: 12px;
}

.payment-info {
  flex: 1;
}

.payment-name {
  font-size: 1.5rem;
  font-weight: 500;
}

.radio-container {
  position: relative;
  width: 24px;
  height: 24px;
}

.radio-input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.radio-circle {
  width: 24px;
  height: 24px;
  border: 2px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio-input:checked+.radio-circle {
  border-color: #6a3cf9;
  background-color: white;
}

.radio-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #6a3cf9;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.radio-input:checked+.radio-circle .radio-dot {
  transform: scale(1);
}

.buy-footer .btn-primary-buy {
  margin: 5% auto 0 auto;
  width: 250px;
  background: #FFD200;
}

.buy-footer .btn-primary-buy:hover {
  background-color: #fff;
  color: #6a3cf9;
}

.buy-footer .form-item .input-group {
  border-radius: 10px;
}

.goods-title {
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}

.goods-title {
  font-size: 2rem;
}

.product-price b {
  font-size: 2.5rem;
}

.products-grid .product-name,
.product-type-count {
  font-size: 1.5rem;
}


.product-types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.product-type {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  padding: 20px 15px;
  border: 1px solid #eaeaea;
  cursor: pointer;
  transition: all 0.3s ease;
}

.product-type-icon {
  width: 88px;
  height: 88px;
  margin-right: 15px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instagram-icon {
  background: linear-gradient(45deg, #ff579f, #ff882f);
}


.product-type-info {
  flex: 1;
}

.product-type-name {
  font-weight: 600;
  margin-bottom: 5px;
  color: #333;
}

.product-type-count {
  color: #888;
}

.product-type-icon svg {
  width: 30px;
  height: 30px;
}

.product-type-icon svg path {
  fill: white;
}

/* 商品选择部分 */
.products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.product-card {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #eaeaea;
  transition: all 0.3s ease;
  cursor: pointer;
}

.product-card.selected {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px rgba(106, 60, 249, 0.2);
}

.product-card.selected .product-name {
  color: var(--bs-primary);
}

.product-card.selected,
.product-type.selected,
.product-card:has(:checked),
.product-type:has(:checked) {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px rgba(106, 60, 249, 0.2);
}



.product-image {
  width: 120px;
  height: 120px;
  background-color: #dee2e6;
  border-radius: 4px;
  margin-right: 15px;
  flex-shrink: 0;
}

.product-info {
  flex: 1;
}

.product-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
}

.product-name.purple {
  color: #6a3cf9;
}

.product-price-container {
  display: flex;
  align-items: center;
}

.product-price {
  font-size: 24px;
  font-weight: 600;
  color: #e74c3c;
  margin-right: 10px;
}

.stock-status {
  font-size: 1.375rem;
}

.stock-adequate {
  color: #2BA471;
}

.stock-insufficient {
  color: #95a5a6;
}

.confirmation-cont p {
  margin-bottom: 10px;
}

.confirmation-cont {
  margin: 0 auto;
  max-width: 360px;
}

.confirmation .img-fluid {
  width: 26%;
}

/* 复制文本样式 */
.confirmation-cont .copy-text {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.confirmation-cont .btn-text {
  margin-left: 8px;
  font-size: 1.375rem;
  transition: all 0.3s;
}

.confirmation-cont .copy-text:hover .btn-text {
  color: #2F45EF;
}

/* 复制成功提示 */
.copy-notification {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #2F45EF;
  color: white;
  padding: 10px;
  border-radius: 4px;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
}

.copy-notification.show {
  opacity: 1;
}

/* 复制图标 */
.copy-icon {
  margin-left: 5px;
  font-size: 14px;
}

.query .input-group {
  border: 1px #efefef solid;
  padding-left: 10px;
  border-radius: 5px;
}

.query {
  border-bottom: 1px #efefef solid;
}

.query .img-fluid {
  width: 48px;
  height: auto;
}

.query-input .form-control {
  font-size: 1rem;
  padding-left: 0;
}

.result .page-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.result .email-info {
  text-align: center;
  font-size: 1.25rem;
  color: #666;
  margin-bottom: 20px;
}

.result .table-container {
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  text-align: center;
}

.result table {
  width: 100%;
  border-collapse: collapse;
}

.result thead {
  background-color: #f5f7fa;
}

.result th,
td {
  padding: 15px 15px;

}

.result th {
  font-weight: 500;
  color: #555;
  font-size: 15px;
}

.result td {
  font-size: 14px;
  color: #333;
}

.result .order-status {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
}

.query-top {
  max-width: 510px !important;
  margin: 0 auto;
}

.result .status-shipped {
  background-color: #e6f7e6;
  color: #2ecc71;
}

.result .status-pending {
  background-color: #eef7ff;
  color: #3498db;
}

.result .status-failed {
  background-color: #ffeaea;
  color: #e74c3c;
}

.result tr:last-child td {
  border-bottom: none;
}

.validation .form-item .form-control,
.query-input .sms-btn {
  font-size: 1rem !important;
}

.img-fluid-shop {
  width: 10%;
}

.shop-avatar .shop-cont h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service-section .service-card {
  background: white;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0px 0px 13px 5px rgba(56, 77, 239, 0.15);
  margin-bottom: 20px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: grid;
  place-items: center;
  /* 简写属性，同时设置水平和垂直居中 */
}

.service-section .service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(58, 134, 255, 0.1), rgba(131, 56, 236, 0.1));
  z-index: -1;
  opacity: 0;
  transition: all 0.4s ease;
}

.service-section .service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.service-section .service-card:hover::before {
  opacity: 1;
}

.service-section .service-icon {
  font-size: 2.5rem;
  color: var(--bs-jingzhou);
  margin-bottom: 8px;
  transition: all 0.4s ease;
}

.service-section .service-card:hover .service-icon {
  color: var(--bs-jingzhou);
  transform: scale(1.1);
}

.service-section .service-title {
  font-weight: 600;
  transition: all 0.4s ease;
}

.service-section .service-card:hover .service-title {
  color: var(--bs-jingzhou);
}

.service-section .service-description {
  color: #6c757d;
  line-height: 1.6;
}


@media screen and (max-width: 768px) {
  .product-types {
    font-size: 0;
    margin-right: -2%;
    width: 100%;
  }

  .product-type {
    text-align: center;
    padding: 3% 2%;
    margin-right: 2%;
    width: 31.33%;
  }

  .goods-title {
    font-size: 1.35rem !important;
  }

  .product-type-icon {
    margin: 0px auto 10px auto;
    width: 46px;
    height: 46px;
  }

  .product-image {
    display: none;
  }

  .product-type-name b {
    display: block;
    text-align: center;
  }

  .product-types,
  .product-type {
    display: inline-block;
  }

  .product-type-name,
  .product-type-count {
    font-size: 0.8rem !important;
  }

  .introduce-content {
    color: #888;
  }

  .result th,
  .result td {
    padding: 12px 10px;
    font-size: 13px;
  }

  .result .page-title {
    font-size: 20px;
  }

  .query-input,
  .shop-cont-mb,
  .shop-name-mb,
  .shop-introduce,
  .address,
  .payment {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }

  .shop-cont-mb {
    padding: 3% 2%;
    width: 47.5%;
    margin-right: 5%;
  }

  .shop-cont-mb:last-child {
    margin-right: 0;
  }

  .query .input-group {
    border: 0;
    border-bottom: 1px #efefef solid;
    padding-left: 0;
  }

  .query .input-group:last-child {
    border: 0 !important;
  }

  .query .img-fluid {
    width: 15% !important;
    height: auto !important;
  }

  .query .form-control {
    padding: 15px;
  }

  .result .email-info {
    font-size: 1rem;
  }

  .payment-name,
  .shop-introduce .section-title {
    font-size: 1rem;
  }

  .contcat {
    font-size: 0.8rem;
  }

  .buy-footer {
    background-color: #fff;
    color: #000 !important;
    padding-bottom: 25%;
  }

  .confirmation-cont .btn-text {
    font-size: 1rem;
  }

  .shop-avatar .shop-cont p {
    font-size: 0.9rem !important;
  }

  .shop-avatar .shop-cont h3 {
    font-size: 1.1rem;
    max-width: 200px;
  }

  .validation .form-item .form-control {
    font-size: 0.8rem !important;
  }

  .address,
  .payment {
    padding: 0 4% 5% 4%;
  }

  .payment-option {
    padding: 1% 0;
    margin: 0;
  }

  .payment-option:hover {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
  }

  .payment-icon .img-fluid {
    width: 26px;
    height: 26px;
  }

  .payment-icon {
    margin-right: 5px;
  }

  .shop-introduce .introduce-content {
    font-size: 0.9rem;
  }

  .section-core .process-container {
    padding: 1rem 0 !important;
  }

  .service-section .service-card {
    padding: 20px;
  }

  .service-section .service-icon {
    font-size: 2rem;
  }

  .service-section .service-title {
    font-size: 1.3rem;
  }

}

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

  .result th,
  .result td {
    padding: 10px 8px;
    font-size: 12px;
  }

  .result table {
    font-size: 12px;
  }

  .result .order-status {
    font-size: 11px;
    padding: 3px 6px;
  }

  .product-card {
    padding: 12px;
  }

  .section-core .mobile-steps .step-card {
    margin-bottom: 8% !important;
  }

  .product-types {
    margin-bottom: 0;
  }

  .product-name {
    font-size: 15px;
  }

  .product-price {
    font-size: 22px;
  }

  .buy-footer {

    padding-bottom: 40%;
  }

  .section-addressing .point-card {
    margin-bottom: 10px !important;
    margin-top: 5px !important;
  }

}

.back {
  font-size: 1rem !important;
}

.footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  padding: 15px 20px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.payment-button {
  display: block;
  width: 100%;
  background-color: #2F45EF;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.payment-button:hover {
  background-color: #2F45EF;
}

.payment-note {
  margin-top: 12px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}



.section-intelligence .feature-title {
  background-color: #2F45EF;
  color: white;
  border-radius: 30px;
  font-size: 1.5rem;
  font-weight: bold;
  width: 220px;
  padding: 2%;
  margin: 0 auto;
}

.section-intelligence .feature-content {
  color: #666;
  font-size: 1.135rem;
}

.section-intelligence .feature-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 20px;
}

.section-intelligence .feature-list li {
  padding: 5px 0;
  color: #999;
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
}

.section-intelligence .feature-list li:before {
  content: "•";
  color: #999;
  font-size: 30px;
  position: absolute;
  left: 0;
}

.section-intelligence .ai-image {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.section-intelligence .ai-image:hover {
  transform: scale(1.05);
}

.section-intelligence .feature-box {

  height: 100%;
}

.section-core .process-container {
  position: relative;
  min-height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  background: url("../images/home/arrow.png") no-repeat center center;
  background-size: calc(1348px / 2);
  margin: 0 auto;
}

.section-core .process-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  z-index: -1;
}

.section-core .step-card {
  position: absolute;
  background-color: white;
  border-radius: 15px;
  padding: 10px 30px 10px 25px;
  text-align: center;
  width: 260px;
  height: 100px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.section-core .step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.section-core .step-title {
  font-weight: 600;
  margin-bottom: 3px;
  color: #333;
}

.section-core .step-description {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.section-core .step-number {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  background-color: #f0f0ff;
  color: #3248EF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  z-index: 2;
}

.section-core .core-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #6a3cf9;
  font-size: 20px;
  z-index: 1;
}

.section-core .step-card-01 {
  top: 0px;

}

.section-core .step-card-02 {
  top: 23%;

}

.section-core .step-card-03 {
  top: 45%;

}

.section-core .step-card-04 {
  top: 66%;

}

.section-core .step-card-05 {
  top: 65%;

}

.section-core .step-card-06 {
  top: 35%;

}

.section-core .step-card-07 {
  top: 8%;

}

.step-card-05 .step-number,
.step-card-06 .step-number,
.step-card-07 .step-number {
  left: -30px;
  right: auto;

}

.service-section .service-icon .img-fluid {
  width: calc(160px / 2);
  height: calc(160px / 2);
  display: block;
  margin: 0 auto;
}



@media (max-width: 991px) {

  .section-core .process-bg,
  .section-core .core-center {
    display: none;
  }

  .section-distribution .benefit-tag {
    margin: 0px;
    font-size: 12px;
  }

  .section-intelligence .feature-list li {
    font-size: 0.9rem;
    padding-left: 10px;
    line-height: 1;
  }

  .section-core .process-container {
    background: url(../images/home/arrow.svg) no-repeat center center !important;
    background-size: contain !important;
  }

  .section-core .mobile-steps {
    font-size: 0;
    margin-right: -2%;
  }

  .section-core .mobile-steps .step-card {
    position: relative;
    width: 48%;
    margin-right: 2%;
    display: inline-block;
    padding: 3% 3% 2% 3%;
    font-size: 0.8rem;
    margin-bottom: 3%;
  }

  .section-core .mobile-steps .step-card:nth-child(7) {
    width: 100%;
    padding: 3% 10% 4% 10%;
    margin-right: 0%;
  }

  .section-core .mobile-steps .step-description {
    color: #999;
    line-height: 1.2;
  }

  .section-core .process-container {
    min-height: 65px;

  }

  .section-intelligence .img-fluid {
    max-width: 50%;
    margin-top: -50%;
    opacity: 0.2;
  }

  .section-core .process-container {
    background-size: contain;
  }

  .section-core .step-number-2 {
    width: 40px;
    height: 40px;
    background-color: #f0f0ff;
    color: #2F45EF;
    text-align: center;
    margin: -30px auto 5px auto;
    border-radius: 50%;
    line-height: 40px;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .section-core .pc-steps {
    width: 100%;
  }

  .section-core .step-title,
  .service-section .service-title {
    font-size: 1rem;
  }

  .section-core .step-description {
    font-size: 0.8rem;
  }

  .pc-steps {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .step-card {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    align-items: center;
  }

  .step-number {
    position: static;
    margin-left: auto;
    margin-right: 15px;
  }

  .step-card:nth-child(odd) {
    justify-content: flex-start;
  }

  .step-card:nth-child(even) {
    justify-content: flex-end;
  }

  .step-card:nth-child(even) .step-number {
    margin-left: 15px;
    margin-right: auto;
  }
}

.section-solutions table,
.section-distribution table {
  width: 100%;
  border-collapse: collapse;
}

.section-solutions th {
  padding: 20px 20px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #2F45EF;
  text-align: center;
  border-radius: 20px 20px 0 0;
}

.section-solutions th,
.section-solutions td {
  position: relative;
  transition: background-color 0.3s ease;
}

.section-solutions tbody {
  border: 1px solid #2F45EF 3d !important;
}

.section-solutions td {
  border-right: 1px solid #2F45EF 3d !important;
  border-bottom: 1px solid #2F45EF 3d !important;
}

.section-tk-solutions tbody {
  border: 1px solid #0000001a !important;
}

.section-tk-solutions td {
  border-right: 1px solid #0000001a !important;
  border-bottom: 1px solid #0000001a !important;
}

.section-solutions thead th {
  border: none;
}

.section-tk-solutions th {
  background-color: #1A1A1A;
}

.section-tk-solutions .main-title {
  color: #1A1A1A !important;
}

.section-solutions td {
  font-size: 16px;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
}

.section-solutions .content ul li {
  color: #666;
}

.section-solutions td:last-child {
  border-right: none;
}


.section-solutions tr:hover td {
  background-color: #EAF4FE;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.section-tk-solutions tr:hover td {
  background-color: #efefef;
}

.section-solutions .content li {
  margin-bottom: 10px;
}

.section-solutions .content li:before {
  content: "•";
  margin-right: 5px;
  color: #2F45EF;
}

.section-solutions .main-title {
  font-weight: bold;
  color: #2F45EF;

  margin-bottom: 10px;
}



@media (max-width: 768px) {
  .section-solutions .table-container {
    display: block;
    overflow-x: auto;
    margin: 10px 0;
    -webkit-overflow-scrolling: touch;
  }

  .section-solutions table {
    min-width: 400%;
  }

  .section-solutions th {
    padding: 20px 15px;
  }

  .section-solutions th,
  .section-solutions td {
    font-size: 1.3rem;
    text-align: center;
    margin: 0 auto;
  }

  .section-solutions .main-title {
    font-size: 1rem;
  }

  .section-solutions td {
    font-size: 0.8rem;
  }
}

.section-distribution .table-title {
  text-align: center;
  color: #333;
  margin-bottom: 30px;
}

.section-distribution .table-title h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}

.section-distribution .table-title h3 {
  font-size: 24px;
  font-weight: bold;
}

.section-distribution .table-container {
  overflow-x: auto;
  background-color: #fff;
}

.section-distribution .table {
  --bs-border-color: #2F45EF33;
}

.section-distribution th,
.section-distribution td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  font-size: 2rem;
}


.section-distribution th {
  font-weight: bold;
  color: #2F45EF;
}

.section-distribution .quantity-header,
.section-distribution .discount-header {
  width: 200px;

}

.section-distribution .agent-type {

  width: 250px;
  font-weight: bold;
  color: #2F45EF;
  vertical-align: middle;
  padding: 20px 10px;
  border-right: none;
}

.section-distribution .agent-type-title {
  font-size: 2rem;
  line-height: 1;
}

.section-distribution .agent-type-subtitle {
  font-size: 20px;
  color: #2F45EF;
  font-weight: normal;
}

.section-distribution .quantity-header,
.discount-header,
.benefits-header {
  background-color: white;
  font-weight: bold;
  color: #2F45EF;
}

.section-distribution .benefits-header {
  padding-bottom: 15px;
}

.section-distribution .benefits-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 15px;
  min-width: 240px;
}

.section-distribution .benefit-tag {
  color: #2F45EF;
  padding: 5px 5px;
  border-radius: 8px;
  border: 1px solid #2F45EF33;
  display: inline-block;
  transition: all 0.3s ease;
  min-width: 100px;
}

.section-distribution .discount-cell {
  font-weight: bold;
  color: #333;
}

.section-distribution .quantity-cell {
  font-weight: bold;
  color: #333;
}

.section-distribution .total-agency-row {
  background-color: #f9f4ff;
}

/* 鼠标悬停交互动画 */
t.section-distribution r:hover td {
  background-color: #f9f4ff;
  transition: background-color 0.3s ease;
}

.section-distribution tr:hover .benefit-tag {
  transform: scale(1.03);
  background-color: #f9f4ff;
}

.modal-content {
  background-color: #fff;
}

.section-addressing .main-title {
  text-align: center;
  margin-bottom: 40px;
  color: #808080;
}

.section-addressing .main-title h2 {
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 5px;
}

.section-addressing .main-title h1 {
  font-size: 1.8rem;
  font-weight: 600;
}

.section-addressing .point-card {
  background-color: white;
  border-radius: 40px;
  margin-bottom: 20px;
  margin-top: 30px;
  box-shadow: 0px 0px 10px 5px rgba(56, 77, 239, 0.15);
  display: flex;
  align-items: flex-start;
  border: 1px solid #eee;
}

.section-addressing .point-number {
  background-color: #384DEF;
  color: white;
  font-size: 2.5rem;
  font-weight: bold;
  width: 80px;
  height: 80px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  margin-top: -50px;
  flex-shrink: 0;
}

.section-addressing .point-content {
  flex-grow: 1;
}

.section-addressing .point-title {
  color: #384DEF;
  font-weight: 600;
  margin-bottom: 10px;
}

.section-addressing .point-description {
  color: #808080;
}

.section-addressing .highlight {
  color: #FE9434;
}


@media (max-width: 768px) {
  .section-distribution table {
    font-size: 12px;
  }

  .section-distribution th,
  .section-distribution td {
    padding: 8px 10px;
  }

  .section-distribution .agent-type {
    width: 80px;
    padding: 15px 5px;
  }

  .section-distribution .benefit-tag {
    font-size: 10px;
    padding: 3px 8px;
  }

  .section-distribution .benefits-cell {
    gap: 5px;
    padding: 10px;
  }

  .section-addressing .point-number {
    font-size: 3rem;
    width: 100px;
    height: 100px;
    margin-right: 40px;
  }
}

@media (max-width: 480px) {
  .section-distribution .table-container {
    overflow-x: scroll;
  }

  .section-distribution th,
  .section-distributiontd {
    padding: 6px 8px;
  }

  .section-distribution .agent-type {
    width: 60px;

  }

  .section-distribution .benefit-tag {
    font-size: 8px;
    padding: 2px 4px;
  }
}