body {
  font-family:
    PingFang SC,
    Source Sans Pro,
    Helvetica Neue,
    Microsoft Yahei,
    Helvetica,
    Arial,
    Hiragino Sans GB,
    Heiti SC,
    WenQuanYi Micro Hei,
    sans-serif,
    serifserifserif;
  /* font-variant-ligatures: no-common-ligatures;
  -webkit-font-smoothing: antialiased; */
}

.mobile {
  display: none !important;
}

a {
  text-decoration: none;
  color: #3aa4ff;
}

:root {
  --bs-body-color: #222;
}

ul {
  list-style: none;
}

/* header */
.navbar-brand {
  padding: 0;
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.navbar-brand img {
  height: 22px;
}

.navbar-brand .pc-logo {
  display: block;
}

.navbar-brand .mb-logo {
  display: none;
}

.sign-btns {
  display: none;
}

.navbar {
  position: fixed;
  width: 100%;
  height: 60px;
  --bs-navbar-padding-y: 0;
  --bs-navbar-nav-link-padding-x: 16px;
  --bs-nav-link-font-size: 14px;
  --bs-nav-link-color: #222;
  transition: all 0.2s linear;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 16px 0 rgb(139, 200, 253, 0.1);
}

.navbar-white-transparent {
  background: rgba(255, 255, 255, 0.8);
}

.navbar-white {
  background: #fff;
  box-shadow:
    0 2px 4px -4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 4px 16px 4px rgba(0, 0, 0, 0.03);
  transition: all 0.2s linear;
}

.navbar:hover {
  background: #fff;
  transition: all 0.2s linear;
}

.navbar .container,
.navbar-collapse,
.navbar-nav {
  height: 100%;
}

.navbar .container {
  flex-wrap: nowrap;
  max-width: 100%;
  padding: 0 24px;
}

.navbar-collapse {
  justify-content: space-between;
}

.nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-item .nav-link span {
  font-size: 16px;
  font-weight: 500;
  line-height: 60px;
  color: #222;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.nav-item .nav-link .dropdown-toggle {
  margin-left: 4px;
  text-decoration: none;
}

.nav-item:hover {
  cursor: pointer;
}

.nav-item:hover .nav-link span,
.nav-item.active .nav-link span {
  color: #3aa4ff;
}

.nav-item .nav-link span::before,
.nav-item.active .nav-link span::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #3aa4ff;
  left: 0;
  opacity: 0;
  transition: all linear 0.2s;
}

.nav-item:hover .nav-link span::before {
  opacity: 1;
  transition: all linear 0.2s;
}

.nav-link {
  --bs-nav-link-padding-y: 0.5rem;
}

.navbar .container .phone {
  /* padding: 5px 5px; */
  line-height: 38px;
  margin-right: 20px;
  display: flex;
  flex: 1;
  align-items: center;
}

.navbar .container .phone .icon-tellphone {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/nav/icon-tellphone.png);
  background-size: cover;
  vertical-align: middle;
  margin-right: 6px;
}

.navbar .container .phone .phone-num {
  vertical-align: middle;
  font-weight: bold;
  white-space: nowrap;
}

.navbar .dropdown .dropdown-menu {
  transition: all linear 0.2s;
}

.navbar .dropdown.open .dropdown-menu {
  display: block;
  transition: all linear 0.2s;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active span {
  color: #3aa4ff;
  /* font-weight: 600; */
}

.navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  border: none;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 14px 24px -4px rgba(0, 0, 0, 0.12);
  padding: 0;
  border-radius: 0;
  transition: all linear 0.2s;
  padding-left: 320px;
}
@media screen and (max-width: 1440px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu {
    padding-left: 20px;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-pro-menu,
.navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-scheme-menu {
  border-top: 1px solid #eee;
}

/* .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-scheme-menu {
  padding: 40px 0;
} */
.navbar-expand-lg
  .navbar-nav
  .dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s {
  width: 160px;
  position: absolute;
  padding: 20px 10px;
  border-radius: 0 0 10px 10px;
}

.nav-pro-menu.nav-dropdown-menu .container {
  padding: 0;
  display: flex;
  /* justify-content: space-between; */
}

.nav-scheme-menu.nav-dropdown-menu .container {
  padding: 0;
  display: flex;
  /* min-height: 200px; */
}

.nav-scheme-menu.nav-dropdown-menu .container .nav-scheme-menu-left {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  padding: 40px 20px;
  /* width: 15%; */
  background: linear-gradient(
    270deg,
    rgba(216, 223, 255, 0.2) 0%,
    rgba(106, 131, 252, 0) 100%
  );
  /* box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08); */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  white-space: nowrap;
  /* min-height: 360px; */
  /* padding: 20px 0 160px 0; */
}

.nav-scheme-menu.nav-dropdown-menu .container .nav-scheme-menu-right {
  padding: 20px 20px 20px 20px;
  display: flex;
  /* width: 85%; */
  max-width: 1000px;
  border-bottom: 1px solid #eee;
}

.nav-scheme-menu.nav-dropdown-menu
  .container:last-child
  .nav-scheme-menu-right {
  padding-bottom: 60px;
}

.nav-scheme-menu.nav-dropdown-menu
  .container
  .nav-scheme-menu-right
  .nav-sub-menu {
  width: 100%;
}

.nav-case-dropdown-menu .nav-sub-menu {
  margin: 0;
  width: calc(90% / 6);
}

.nav-pro-menu.adjust-first-menu,
.navbar-expand-lg
  .navbar-nav
  .dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s
  .nav-pro-menu:first-child {
  padding-left: 0;
}

.nav-sub-menu {
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0;
}

.nav-sub-menu .nav-sub-menu-title {
  height: 40px;
  display: flex;
  align-items: center;

  font-size: 14px;
  color: #999;
  margin-bottom: 12px;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  border-bottom: 1px solid #eee;
  text-decoration: none;
  cursor: default;
}

.nav-sub-menu a.nav-sub-menu-title:hover {
  color: #3aa4ff;
  cursor: pointer;
}

.nav-sub-menu .nav-sub-menu-list {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
}

.nav-sub-menu .nav-sub-menu-list .dropdown-item {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  background: none;
  font-size: 16px;
  height: 50px;
  margin-bottom: 12px;
  width: 172px;
  font-weight: 500;
}

.nav-scheme-menu .nav-sub-menu .nav-sub-menu-list .dropdown-item {
  display: flex;
  flex-direction: column;
  /* padding-left: 20px; */
  width: 25%;
  min-width: 240px;
  height: auto;

  padding: 18px 22px 22px;
  margin-bottom: 0;
  align-items: flex-start;
  border-radius: 6px;
}

.nav-scheme-menu .nav-sub-menu .nav-sub-menu-list .dropdown-item:hover {
  color: #3aa4ff;
}

/* .nav-scheme-menu .nav-sub-menu .nav-sub-menu-list .dropdown-item .nav-icon {
  display: none;
} */

.nav-scheme-menu
  .nav-sub-menu
  .nav-sub-menu-list
  .dropdown-item
  .nav-solution-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
}

.nav-scheme-menu
  .nav-sub-menu
  .nav-sub-menu-list
  .dropdown-item
  .nav-solution-title
  .icon-new {
  margin-left: 6px;
  width: 30px;
}

.nav-scheme-menu
  .nav-sub-menu
  .nav-sub-menu-list
  .dropdown-item
  .nav-solution-des {
  padding: 10px 2px;
  font-size: 13px;
  line-height: 20px;
  color: #777;
  /* border-bottom: 1px solid #eee; */
  white-space: normal;
  font-weight: 400;
}

.nav-pro-menu .nav-pro-menu-list {
  display: flex;
  flex-wrap: wrap;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item {
  display: flex;
  /* align-items: center; */
  color: #333;
  background: none;
  font-size: 14px;
  /* margin-bottom: 24px; */
  flex-direction: column;
  /* padding: 20px 20px 20px 30px; */
  padding: 20px;
  border-radius: 8px;
  /* min-width: 330px; */
  width: 33.33%;
  cursor: pointer;
  min-width: 300px;
  /* width: 172px; */
}

/* .nav-pro-menu .nav-pro-menu-list.ai .dropdown-item {
  width: 50%;
} */
.nav-pro-menu .nav-pro-menu-list .dropdown-item:hover {
  background: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-title {
  position: relative;
  font-size: 16px;
  margin-bottom: 6px;
  color: #111;
  font-weight: 500;
}

/* .nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-title::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 16px;
  top: 50%;
  left: -10px;
  background: #3aa4ff;
  transform: translateY(-50%);
} */
.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-des {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
  padding-left: 26px;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link {
  font-size: 0;
  padding-left: 26px;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link span {
  position: relative;
  font-size: 13px;
  /* border-right: 1px solid #ddd; */
  padding-left: 8px;
  padding-right: 8px;
  color: #3aa4ff;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link span::after {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  right: 0;
  width: 2px;
  height: 12px;
  background-color: #ddd;
}

.nav-pro-menu
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-link
  span:last-child::after {
  display: none;
}

.nav-pro-menu
  section:nth-child(2)
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-link
  span {
  color: #3aa4ff;
}

/* .nav-pro-menu
  section
  .nav-pro-menu-list.ai
  .dropdown-item
  .nav-pro-link
  span {
  color: #a082fe;
} */

.nav-pro-menu
  section:nth-child(4)
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-link
  span {
  color: #3aa4ff;
}

.nav-pro-menu
  section:nth-child(4)
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-title::before {
  background: #a082fe;
}

.nav-pro-menu
  section:nth-child(6)
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-link
  span {
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* color: #00cfb2; */
}

.nav-pro-menu
  section:nth-child(6)
  .nav-pro-menu-list
  .dropdown-item
  .nav-pro-title::before {
  background: #00cfb2;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link span:first-child {
  padding-left: 0;
}

.nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link span:last-child {
  border-right: none;
}

.dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s
  .nav-sub-menu
  .nav-sub-menu-list
  .dropdown-item {
  margin-bottom: 0;
  width: 140px;
}

.dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s
  .nav-sub-menu
  .nav-sub-menu-list
  .dropdown-item:last-child {
  margin-bottom: 0;
}

.nav-sub-menu .dropdown-item:hover {
  /* background: #fef8f3; */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}

.nav-sub-menu .nav-sub-menu-list .dropdown-item .nav-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.nav-pro-menu-list .dropdown-item .nav-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.nav-sub-menu .logo-item img {
  height: 48px;
}
.nav-tag {
  height: auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 25px;
}
.btn:focus-visible {
  box-shadow: none;
}

.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: none;
}

/* .btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background: #fff;
  color: #3aa4ff;
} */

.btn-lg {
  font-size: 18px;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 35px;
  padding-right: 35px;
  line-height: initial;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-link {
  text-decoration: none;
}

.navbar .btn-link {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #3aa4ff;
  border: 1px solid #3aa4ff;
  min-width: 100px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar .btn-link:hover {
  background-color: rgba(78, 131, 253, 0.1);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3aa4ff;
  --bs-btn-border-color: rgb(78, 131, 253);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(78, 131, 253, 0.9);
  --bs-btn-hover-border-color: rgba(78, 131, 253, 0.9);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(78, 131, 253, 0.9);
  --bs-btn-active-border-color: rgba(78, 131, 253, 0.9);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3aa4ff;
  --bs-btn-disabled-border-color: #3aa4ff;
  background: #3aa4ff;
  border: none;
  transition: all linear 0.2s;
}

.btn-outline-primary {
  --bs-btn-color: rgb(78, 131, 253);
  --bs-btn-border-color: #3aa4ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3aa4ff;
  --bs-btn-hover-border-color: #3aa4ff;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3aa4ff;
  --bs-btn-active-border-color: #3aa4ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3aa4ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3aa4ff;
  --bs-gradient: none;
}

.btn-primary:hover,
.btn-primary:focus {
  transition: all linear 0.2s;
  background: #3aa4ff;
  /* background: #31bef7; */
  /* background: linear-gradient(131.68deg, #3aa4ff 2.55%, #31bef7 131.96%); */
}

.btn-white {
  background: #fff !important;
  color: #3aa4ff !important;
  border-color: #fff !important;
}

.btn-white:hover {
  color: #3aa4ff !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.btn-border {
  background: rgba(255, 255, 255, 0.2);
  border: solid 1px #fff;
  color: #fff;
}

.btn-border:hover {
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #3aa4ff;
  color: #3aa4ff;
}

.btn {
  border-radius: 8px;
}

.navbar .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  border-radius: 4px;
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  background: #3aa4ff;
}

/* banner */
.home .banner .caption-pic img {
  margin-left: 10%;
  width: 120%;
  margin-top: -10%;
}

.banner .caption-title {
  color: #222;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 20px;
  white-space: nowrap;
}

.product-ai .banner .caption-title span {
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.banner-des {
  display: flex;
  align-items: center;
}

.banner .des-txt {
  color: #666;
  font-size: 18px;
  line-height: 32px;
  /* max-width: 520px; */
}

.banner-btns {
  display: flex;
  align-items: center;
}

.banner-solution .banner-btns {
  justify-content: center;
}

.banner-btns .btn-primary {
  margin-right: 20px;
}

.banner .btn-lg {
  font-size: 18px;
  font-weight: 500;
  min-width: 168px;
  height: 48px;
  /* box-shadow: 0 20px 30px -15px rgba(13, 110, 253, 0.5); */
  margin-top: 40px;
  line-height: initial;
  display: inline-flex;
  border-radius: 100px;
  /* background: #3aa4ff; */
}

/* .banner .btn-lg .btn-lg:hover,
.banner .btn-lg .btn-lg:focus{
  background: #fa770c;
} */
.banner-logos {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  backdrop-filter: blur(16px);
  padding: 24px 0;
}

.banner-logo {
  width: calc(100% / 9);
}

.banner-logos .container {
  justify-content: space-between;
}

.home-section {
  padding-bottom: 80px;
  padding-top: 80px;
}

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

.text-align-center {
  text-align: center !important;
}

.text-align-right {
  text-align: right !important;
}

.model-title {
  text-align: center;
  margin-bottom: 30px;
}

.model-title .title {
  font-size: 40px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 30px;
  color: #000;
}

.model-title .title-desc {
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
  color: #555;
  display: block;
}

.home-section h1 {
  color: #222;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.home-section.section-dark h1 {
  color: #222;
}

.home-section .section-sub-title {
  font-size: 18px;
  line-height: 36px;
  color: #666;
  margin-bottom: 50px;
  text-align: center;
}

.icon-f {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

/* banenr-home */
.banner-bg {
  position: relative;
}

.banner-home {
  aspect-ratio: 3.10287303;
  background: #c8e5fd url(/assets/images/home/banner-home.png) no-repeat
    top/100% 100%;
  border-radius: 16px;

  box-shadow: 0 16px 48px rgba(0, 56, 143, 0.1);
  container: home-hero/size;
  height: auto;
  margin: 120px 60px 0;
  overflow: hidden;
  position: relative;
  width: calc(100% - 120px);
}

.index-container {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0;
}

.index-container .index-txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  left: 6%;
  margin-left: 0;
  max-width: none;
  padding-top: 0;
  position: absolute;
  text-align: left;
  top: 8%;
}

.index-container .index-txt h1 {
  color: #141e31;
  font-size: 48px;
  font-weight: 500;
  line-height: 64px;
  margin-bottom: 24px;
  white-space: nowrap;
}

.index-container .index-txt h1 .big-font {
  color: #00c29a;
  font-size: 64px;
}

.index-container .index-txt .banner-subtitle-hidden,
.index-container .index-txt .banner-title-hidden {
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.index-container .index-txt h3 {
  color: #525967;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 56px;
  text-align: left;
}

.index-container .index-txt .banner-title-image {
  display: block;
  height: auto;
  max-width: calc(48vw - 48px);
  width: clamp(320px, 30vw, 500px);
}

.index-container .index-txt .banner-title-image-mobile {
  display: none;
}

.index-container .index-txt .banner-title-image-desktop {
  margin-top: clamp(70px, 5vw, 86px);
}

.index-container .index-txt .buttons {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 3.5cqh, 20px);
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 17cqh;
  margin-top: auto;
}

.index-container .index-txt .buttons .banner-top-btn {
  font-size: clamp(16px, 1.04vw, 20px);
  font-size: clamp(16px, 1.25cqw, 20px);
  height: clamp(44px, 3.125vw, 60px);
  height: clamp(44px, 10.5cqh, 60px);
  line-height: clamp(22px, 1.46vw, 28px);
  line-height: clamp(22px, 4.9cqh, 28px);
  margin-right: 0;
  /* padding: 0 clamp(8px,.7cqw,12px) 0 clamp(18px,1.8cqw,32px); */
  width: clamp(140px, 10vw, 190px);
  width: clamp(140px, 10cqw, 220px);
  gap: 8px;
  white-space: nowrap;
}
.index-container .index-txt .buttons .banner-top-btn .iconfont {
  font-size: 20px;
}
.index-container .index-txt .buttons .banner-top-btn.btn-chat {
  background: #fff;
  border: 1px solid #3aa4ff;
  color: #141e31;
}
.index-container .index-txt .buttons .banner-top-btn.btn-chat .iconfont {
  background-image: linear-gradient(270deg, #7de0ff -32.86%, #3aa4ff 99.04%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* .index-container .index-txt .buttons #try-btn1 .btn-icon {
  -webkit-box-flex: 0;
  background-image: url(https://blog-assets.jiandaoyun.com/v4913/index/home/button-icon-primary-centered.svg);
  -webkit-flex: 0 0 clamp(24px, 1.875vw, 36px);
  -ms-flex: 0 0 clamp(24px, 1.875vw, 36px);
  flex: 0 0 clamp(24px, 1.875vw, 36px);
  -webkit-flex: 0 0 clamp(24px, 2.2cqw, 36px);
  -ms-flex: 0 0 clamp(24px, 2.2cqw, 36px);
  flex: 0 0 clamp(24px, 2.2cqw, 36px);
  height: clamp(24px, 1.875vw, 36px);
  height: clamp(24px, 2.2cqw, 36px);
  width: clamp(24px, 1.875vw, 36px);
  width: clamp(24px, 2.2cqw, 36px);
}

.index-container .index-txt .buttons #try-btn2 {
  background: #fff;
  border: 0;
  color: #141e31;
}

.index-container .index-txt .buttons #try-btn2:focus-visible,
.index-container .index-txt .buttons #try-btn2:hover {
  background: #e6f9f5;
}

.index-container .index-txt .buttons #try-btn2 .btn-icon {
  -webkit-box-flex: 0;
  background-image: url(https://blog-assets.jiandaoyun.com/v4913/index/home/button-icon-secondary.svg);
  -webkit-flex: 0 0 clamp(24px, 1.875vw, 36px);
  -ms-flex: 0 0 clamp(24px, 1.875vw, 36px);
  flex: 0 0 clamp(24px, 1.875vw, 36px);
  -webkit-flex: 0 0 clamp(24px, 2.2cqw, 36px);
  -ms-flex: 0 0 clamp(24px, 2.2cqw, 36px);
  flex: 0 0 clamp(24px, 2.2cqw, 36px);
  height: clamp(24px, 1.875vw, 36px);
  height: clamp(24px, 2.2cqw, 36px);
  width: clamp(24px, 1.875vw, 36px);
  width: clamp(24px, 2.2cqw, 36px);
} */

.banner-home .container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-home .banner-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-home .banner-container .caption {
  width: 80%;
  padding-left: 120px;
}

.banner-home .caption-pic {
  position: relative;
  flex: 1;
  text-align: center;
  /* visibility: hidden; */
}

.banner-home .caption-title {
  /* font-size: 50px;
  line-height: 1.4; */
  font-size: 62px;
  line-height: 72px;
  /* background: linear-gradient(180deg, #1f2fb2 0%, #0a184f 100%); */
  /* background: linear-gradient(180deg, #660000 0%, #350808 100%); */
  background: linear-gradient(180deg, #082f90 60%, #002656 100%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 8px;
  font-weight: 700;
  font-family:
    Helvetica Neue,
    Microsoft Yahei,
    Helvetica,
    Arial,
    Hiragino Sans GB,
    Heiti SC,
    WenQuanYi Micro Hei,
    sans-serif,
    serifserifserif;
}

/* .banner-home div{
  font-size: 30px;
  margin-bottom: 10px;
} */
.banner-home .des-txt {
  color: #091c3d;
  font-size: 23px;
  line-height: 40px;
  width: 70%;
  font-weight: 300;
  font-family:
    Helvetica Neue,
    Microsoft Yahei,
    Helvetica,
    Arial,
    Hiragino Sans GB,
    Heiti SC,
    WenQuanYi Micro Hei,
    sans-serif,
    serifserifserif;
}

/* .banner-home .des-txt p {
  display: none;
} */

.banner-home .des-txt.typing-act {
  position: relative;
  color: #3aa4ff;
  line-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  font-stretch: ultra-condensed;
}

.banner-home .des-txt.typing-act.typing-act-1 {
  width: 168px;
  animation: typing 2s steps(7, end);
}

.banner-home .des-txt.typing-act.typing-act-2 {
  width: 144px;
  animation: typing 2s steps(6, end);
}

.banner-home .des-txt.typing-act.typing-act-3 {
  width: 168px;
  animation: typing 2s steps(7, end);
}

.banner .des-txt.typing-act.typing-act-4 {
  width: 144px;
  animation: typing 2s steps(6, end);
}

.banner-home .des-txt.typing-act.typing-act-5 {
  width: 168px;
  animation: typing 2s steps(7, end);
}

.banner-home .typing-act-4 span {
  display: inline-block;
  width: 24px;
  text-align: center;
}

.banner-home .des-txt.typed-cursor {
  animation: blink 0.7s infinite;
  opacity: 1;
  color: #3aa4ff;
  height: 24px;
  line-height: 24px;
  color: #3aa4ff;
  line-height: 1em;
  /* display: none; */
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes typing {
  from {
    width: 0;
  }
}

/* feature-section */
.feature-tab-content {
  display: flex;
  align-items: center;
  /* width: calc(100% - 220px - 10rem); */
  height: 600px;
  flex-direction: row;
  justify-content: center;
  padding-left: 8%;
}

.section-feature {
  background: linear-gradient(#fff, #fff);
}

.section-feature .nav .nav-link {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 6px 42px 6px 28px;
  margin: 10px 0;
  border-radius: 8px;
}

.section-scene .nav .nav-link:focus-visible {
  border: none;
}

.section-feature-swiper-title {
  width: 220px;
  flex: 0 0 200px;
}

.section-feature-swiper-title .swiper-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.section-feature-swiper-title .swiper-wrapper .swiper-slide {
  height: calc(100% / 8) !important;
}

.section-feature .nav .nav-link.active {
  height: 100%;
  box-shadow:
    0 6px 12px -10px rgba(0, 0, 0, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.04),
    0 10px 36px 10px rgba(0, 0, 0, 0.04);
  cursor: pointer;

  background: #3aa4ff;
}

.section-feature .nav .nav-link .nav-title {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.section-feature .nav .nav-link .nav-title img {
  margin-right: 12px;
  width: 50px;
  transition: all linear 0.2s;
  transform: rotateY(0);
}

.section-feature .nav .nav-link .nav-title:hover img {
  transform: rotateY(180deg);
}

.section-feature .nav .nav-link .nav-title .iconfont {
  font-size: 24px;
  margin-right: 8px;
}

.section-feature .nav .nav-link .nav-title:hover {
  color: #3aa4ff;
}

.section-feature .nav .nav-link .nav-des {
  display: none;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-align: left;
}

.section-feature .nav .nav-link.active .nav-des {
  display: block;
  color: #fff;
}

.section-feature .nav .nav-link.active .nav-title {
  color: #fff;
}

.section-feature-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-feature-content p {
  width: 90%;
  font-size: 15px;
  line-height: 1.8;
  margin: 30px auto 0 auto;
  color: #666;
}

.section-feature-content .nav {
  flex-direction: column;
}

.section-feature-content .tab-content > .active {
  animation-name: fly-up;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.section-feature-content .tab-pane-title {
  display: none;
}

.pic-main {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.15);
}
.pic-ykfk-pop-1-1 {
  position: absolute;
  bottom: -20px;
  right: 22.7%;
  width: 25%;
  z-index: 2;
}
.pic-ykfk-pop-1-2 {
  position: absolute;
  bottom: -20px;
  right: -4%;
  width: 25%;
  z-index: 2;
}
.pic-ykfk-pop-2-1 {
  position: absolute;
  bottom: -20px;
  right: -4%;
  width: 25%;
  z-index: 2;
}
.pic-srm-pop-1 {
  position: absolute;
  bottom: 30px;
  width: 180px;
  right: -50px;
  z-index: 2;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
}

.pic-srm-pop-2 {
  position: absolute;
  bottom: -4px;
  width: 62%;
  right: 0;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.swiper-intro {
  padding-bottom: 20px;
}

.swiper-intro.swiper-horizontal > .swiper-pagination-bullets,
.swiper-intro.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -5px;
}

.srm-pic-wrap-2-1 {
  padding-right: 30px;
}

.pic-srm-pop-3 {
  position: absolute;
  bottom: -20px;
  width: 50%;
  right: -40px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-srm-pop-4 {
  position: absolute;
  bottom: -20px;
  right: -30px;
  width: 25%;
  z-index: 2;
}

.pic-srm-pop-5 {
  position: absolute;
  bottom: -20px;
  width: 80%;
  right: -80px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-srm-pop-6 {
  position: absolute;
  bottom: -20px;
  width: 80%;
  right: -80px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi-pop-1 {
  position: absolute;
  top: 55px;
  width: 35%;
  right: -50px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi-pop-2 {
  position: absolute;
  top: 150px;
  width: 25%;
  right: -40px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi-pop-3 {
  position: absolute;
  top: 140px;
  width: 45%;
  right: -30px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi-pop-4 {
  position: absolute;
  bottom: -20px;
  right: -30px;
  width: 25%;
  z-index: 2;
}

.pic-bi2-pop-1 {
  position: absolute;
  bottom: 41%;
  width: 23%;
  left: 9%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi2-pop-2 {
  position: absolute;
  bottom: 10%;
  width: 30%;
  right: -3%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi2-img2-pop {
  position: absolute;
  bottom: 15%;
  width: 50%;
  right: -6%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-bi2-img3-pop {
  position: absolute;
  bottom: -3%;
  width: 45%;
  right: -5%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.intro-tabs .pic-twos.pic-wrap {
  position: relative;
  width: 100%;
  min-height: 528px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 0 20px 20px;
}

.intro-tabs .pic-twos.pic-wrap .pic-main {
  width: 70%;
  z-index: 2;
}

.pic-front,
.pic-back {
  position: absolute;
  z-index: 1;
  width: 70%;
  border-radius: 12px;
  box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.15);
  top: 5%;
  left: 5%;
  z-index: 1;
}
.pic-ykfp-2-pop {
  position: absolute;
  bottom: -20px;
  width: 66%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
  right: -2%;
}
.pic-ykfp-4-pop {
  position: absolute;
  bottom: 50px;
  width: 66%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
  right: -2%;
}
.pic-ykfp-5-pop {
  position: absolute;
  bottom: -20px;
  width: 45%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
  right: -2%;
}
.pic-ykai-5-pop {
  position: absolute;
  bottom: -20px;
  width: 45%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
  right: -2%;
}
/* 
.pic-buy-pop-2 {
  position: absolute;
  bottom: -20px;
  width: 80%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-buy-pop-3 {
  position: absolute;
  bottom: -30px;
  width: 70%;
  right: -10px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-buy-pop-4 {
  position: absolute;
  bottom: -30px;
  width: 80%;
  right: 0px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-buy-pop-5 {
  position: absolute;
  bottom: -20px;
  width: 75%;
  right: -20px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
} */

/* .pic-ai-1-pop{
  position: absolute;
  top: 53%;
  right: -8.8%;
  width: 26.5% !important;
  z-index: 2;
}

.pic-ai-pop-2 {
  position: absolute;
  top: 29.3%;
  right: -5%;
  width: 40% !important;
  z-index: 2;
}

.pic-ai-pop-4 {
  position: absolute;
  top: 11.5%;
  width: 35% !important;
  right: -5%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-ai-pop-5 {
  position: absolute;
  top: 150px;
  width: 25% !important;
  right: -40px;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-ai-pop-6 {
  position: absolute;
  top: 45%;
  width: 45% !important;
  right: -5%;
  border: 2px solid #3aa4ff;
  border-radius: 10px;
  z-index: 2;
}

.pic-ai-pop-6-1 {
  position: absolute;
  top: 89%;
  width: 32% !important;
  left: 4%;
  border-radius: 10px;
  z-index: 2;
}

.pic-ai-pop-paas {
  position: absolute;
  bottom: -7%;
  width: 50% !important;
  right: -5%;
  z-index: 2;
}

.pic-platform-talkding {
  width: 10%;
  position: absolute;
  bottom: 20.94%;
  left: -2.55%;
  z-index: 3;
}

.pic-platform-wechat {
  width: 10%;
  position: absolute;
  top: -5.85%;
  right: 31.1%;
  z-index: 3;
}

.pic-platform-Ewechat {
  width: 10%;
  position: absolute;
  top: -10.09%;
  left: 29.79%;
  z-index: 3;
}

.pic-platform-feishu {
  width: 10%;
  position: absolute;
  top: 6.24%;
  right: -5.46%;
  z-index: 3;
} */

@-webkit-keyframes fly-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
  }

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

@keyframes fly-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
  }

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

/* 原因 */
.section-reason {
  padding: 0 0 40px 0;
  position: relative;
  z-index: 1;
  margin-top: -120px;
}

.section-reason-panes {
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: 0 10px 30px rgba(176, 191, 231, 0.15);
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0 5px 20px -5px rgba(0,0,0, .06); */
  /* border: 1px solid #eee; */
}

.pane {
  position: relative;
  /* background: #fff; */
  /* border-right: 1px solid #eee; */
  padding: 30px 16px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pane::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  top: 10%;
  right: 0;
  background: #eee;
}

.pane:last-child::before {
  display: none;
}

.pane:last-child {
  border-right: none;
}

.pane img {
  display: none;
  width: 46px;
  height: 46px;
  margin-right: 10px;
}

.pane:hover {
  background: linear-gradient(-45deg, #fef8f3, transparent);
}

.pane .pane-title {
  white-space: nowrap;
  color: #1f2d3d;
  font-size: 14px;
  /* font-weight: 600; */
  line-height: 30px;
  /* margin-bottom: 18px; */
  text-align: center;
}

.pane .pane-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.pane .pane-content .content-left {
  text-align: center;
}

.pane .pane-content .content-left .big {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin-left: 6px;
}

.pane .pane-content .content-left .left-des {
  color: #222;
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.pane .pane-content .content-left .left-des .small-img {
  height: 13px;
  margin-left: 3px;
  width: 11px;
}

.pane:nth-child(2) .pane-content .content-left .left-des .small-img,
.pane:nth-child(4) .pane-content .content-left .left-des .small-img {
  transform: rotate(180deg);
}

.pane .pane-content .content-right img {
  width: 80px;
}

/* 模块 */

.home-section-solution {
  padding: 80px 0;
  /* background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #e0edff 0, #f9f9ff 51.04%, #f2f9ff 100%); */
  /* background:
    linear-gradient(360deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #e0edff 0, #f9f9ff 51.04%, #f2f9ff 100%); */
}

.home-solution-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

/* 
.home-solution-item {
  position: relative;
  width: 30%;
  height: 90px;
  border-radius: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 90px;
  text-align: center;
  transition: transform 0.3s ease;
  cursor: pointer;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  color: #222;
  box-shadow: 0 10px 30px rgba(176, 191, 231, 0.15);
  border-radius: 50px;

  background: linear-gradient(154.25deg, #f7e4d5 -6.92%, #fff 55.65%);
}
.home-solution-item::before {
  content: "";
  inset: 0;
  position: absolute;
  background: linear-gradient(90deg, #3aa4ff 0, #fbddc5 100%);
  padding: 1px;
  border-radius: 50px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.home-solution-item span {
  background: linear-gradient(56deg, #3aa4ff 50.44%, #ffbc84 78.52%);
  background-clip: text;
  display: inline-block;
  color: transparent;
} */
.home-solution-item:nth-child(2) span {
  display: inline-block;
  color: #3aa4ff;
}
.home-solution-item:last-child span {
  background: linear-gradient(
    110deg,
    #c676ff 0%,
    #654cff 41%,
    #405eff 75%,
    #007fff 99%
  );

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  color: transparent;
}
.home-solution-item#btn-HomeBI {
  /* background: linear-gradient(154.25deg, #bef6f3 -6.92%, #fff 55.65%); */
  background: linear-gradient(154.25deg, #eadeff -6.92%, #fff 55.65%);
}

.home-solution-item#btn-HomeBI::before {
  content: "";
  inset: 0;
  position: absolute;
  /* background: linear-gradient(90deg, #78d0c8 0, #9fe3df 100%); */
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  padding: 1px;
  border-radius: 16px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.home-solution-item#btn-HomeBI span {
  /* background: linear-gradient(56deg, #78d0c8 50.44%, #9fe3df 78.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
   */
  display: inline-block;
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.home-solution-item#btn-HomeBuy {
  background: linear-gradient(154.25deg, #e2e0fc -6.92%, #fff 55.65%);
}

.home-solution-item#btn-HomeBuy span {
  background: linear-gradient(56deg, #a082fe 50.44%, #bfbafa 78.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  color: transparent;
}

.home-solution-item#btn-HomeBuy::before {
  content: "";
  inset: 0;
  position: absolute;
  background: linear-gradient(90deg, #a082fe 0, #bfbafa 100%);
  padding: 1px;
  border-radius: 16px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.home-solution-item {
  position: relative;
  width: 30%;
  height: 90px;
  border-radius: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 90px;
  text-align: center;
  transition: transform 0.3s ease;
  cursor: pointer;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  color: #222;
  /* box-shadow: 0 10px 30px rgba(176, 191, 231, 0.15); */
  border-radius: 16px;
  /* background: linear-gradient(154.25deg, #d6e8fe -6.92%, #fff 55.65%); */
  overflow: hidden;
  /* background: url(../images/home/block-bg.png); */
  /* background-size: cover; */

  /* border: 2px solid #fff; */
  box-shadow: 0 4px 32px 0 rgba(16, 52, 113, 0.1);
  background: linear-gradient(154.25deg, #d5f1ff -6.92%, #fff 65.65%);
}

.home-solution-item span {
  background: #222;
  /* background: linear-gradient(56deg, #3aa4ff 50.44%, #3aa4ff 78.52%); */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  color: transparent;
}

.home-solution-item::before {
  content: "";
  inset: 0;
  position: absolute;
  /* background: linear-gradient(90deg, #3aa4ff 0, #3aa4ff 100%); */
  padding: 1px;
  border-radius: 16px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* .home-solution-item:nth-child(2) {
  background: linear-gradient(154.25deg, #f1eaff -6.92%, #fff 55.65%);
}

.home-solution-item:nth-child(3) {
  background: linear-gradient(154.25deg, #ddf5f3 -6.92%, #fff 55.65%);
} */

.home-solution-item:hover {
  transition: transform 0.3s ease;
  transform: translateY(-10px);
  /*box-shadow: -5px 20px 35.62px 0 rgba(116, 148, 252, 0.4);*/
  box-shadow: 0 8px 40px rgba(213, 216, 218, 0.7);
}

.home-solution-item .tag {
  width: 80px;
  height: 40px;
  position: absolute;
  color: #fff;
  background: linear-gradient(
    110deg,
    #c676ff 0%,
    #654cff 41%,
    #405eff 75%,
    #007fff 99%
  );
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  top: 0;
  right: 0;
  line-height: 40px;
  border-radius: 0 12px 0 40px;
  padding-right: 0;
  text-align: center;
}

/* 模块介绍 */
/* section-intro */
.section-intro {
  /* background: url(https://p1-hera.feishucdn.com/tos-cn-i-jbbdkfciu3/9ad072121ca04b2ca196258444996b96~tplv-jbbdkfciu3-png:0:0.png); */
  /* background: url(../images/home/home-intro.png), linear-gradient(to bottom, #fff, #f8f9fd); */
  /* background:
    linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%); */
  padding: 80px 0;
  overflow: hidden;
  background-size: 100%;
  min-height: 821px;
}

.section-intro {
  /* background: linear-gradient(178deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%); */
  /* margin: 0 60px;
  border-radius: 16px; */
  /* background: url(../images/home/intro-bg.png);
  background-size: cover; */

  margin: 0 120px;
  border-radius: 20px;
  margin-bottom: 80px;
  padding: 70px 0;
  overflow: hidden;
  background-size: 100%;
}
#HomeOne {
  background: linear-gradient(180deg, #d5f1ff, #ebf8ff 76%, #fdfefe 144%);
}
#HomeTwo {
  background: linear-gradient(180deg, #effcfd, #fbffff 102%, #f2fbfc 144%);
}
#HomeThree {
  background: linear-gradient(118deg, #d5f1ff, #e3fff5 65%, #d8fdff);
  /* background: linear-gradient(180deg, rgb(247, 247, 255), rgb(247, 247, 255) 102%, #fefeff 144%); */
  /* background: linear-gradient(178deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%); */
  /* margin: 0 60px;
  border-radius: 16px; */
  /* background: url(../images/home/intro-bg.png);
     background-size: cover; */
}

.section-intro.section-intro-device {
  background:
    linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(-110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
  /* background: url(https://p1-hera.feishucdn.com/tos-cn-i-jbbdkfciu3/9ad072121ca04b2ca196258444996b96~tplv-jbbdkfciu3-png:0:0.png); */
  /* background: #fff; */
  /*background: url(../images/home/home-intro-device.png);*/
}

.section-intro.section-intro-wms {
  /* background: #f8f9fd url(../images/home/home-intro-wms.png); */
  background:
    linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
  padding: 80px 0;
}

.section-intro .model-title .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-title .title-more {
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* color: #00cfb2; */
  font-size: 16px;
  margin-top: 24px;
  display: block;
}

.section-intro .btn-link-more {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #3aa4ff;
  margin: 24px 0;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.section-intro.section-intro-device .btn-link-more {
  color: #3aa4ff;
}

.section-intro.section-intro-wms .btn-link-more {
  color: #3aa4ff;
}

.section-intro .btn-link-more i {
  font-size: 12px;
  margin-left: 6px;
}

.section-intro .model-title .title .title-left {
  position: relative;
  /*padding-right: 24px;*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.section-intro .model-title .title .title-left img {
  /* width: 42px; */
  height: 36px;
  padding-right: 24px;
  border-right: 2px solid #212929;
}

.section-intro .model-title .title .title-right {
  position: relative;
  padding-left: 24px;
  font-size: 36px;
  line-height: 50px;
}
#HomeThree.section-intro .model-title .title .title-right {
  background-image: linear-gradient(
    115.45deg,
    #24053d 15.14%,
    #030714 12.27%,
    #0068ff 94.1%
  );
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
/*.section-intro .model-title .title .title-left::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 40px;
  background: #222;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}*/
.section-intro-right-tabs {
  padding-bottom: 80px;
}

.section-intro-right-tabs .pic-main {
  box-shadow: 0px 0px 20px 3px rgba(202, 202, 202, 0.35);
}

.intro-tabs {
  width: 100%;
  display: flex;
  align-items: center;
}

.intro-tabs .tab-content {
  position: relative;
  width: calc(100% - 380px - 50px);
  align-items: center;
  display: flex;
  flex: 1;
  min-height: 482px;
  /*width: calc(100% - 240px - 10%);*/
}

.section-intro.section-intro-device .intro-tab-title {
  min-height: 502px;
}

.intro-tabs .tab-content .tab-pane {
  width: 100%;
}

.intro-tabs .pic-wrap {
  position: relative;
  width: 100%;
}

.pic-wrap {
  position: relative;
  width: 100%;
}

.intro-tabs .circle {
  position: absolute;
  left: -50px;
  bottom: -50px;
  width: 200px;
  opacity: 0.2;
  /*    filter: blur(10px);*/
}

.intro-tabs .circle2 {
  position: absolute;
  right: -100px;
  top: -50px;
  width: 320px;
  opacity: 0.3;
  /*    filter: blur(10px);*/
}

.intro-tab-title {
  width: 380px;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
}

.intro-tab-title .nav-link {
  display: flex;
  padding: 24px;
  font-size: 20px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  flex-direction: column;
  cursor: pointer;
}

.intro-tab-title .nav-link.active {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(116, 148, 252, 0.2);
  /* background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 208, 208, .05) 100%);
    box-shadow: 0 40px 70px 0 rgba(91, 40, 202, .1);
    border: 1px solid rgba(255, 255, 255, .8); */
}

.intro-des {
  display: none;
  margin-top: 9px;
  margin-left: 46px;
  font-size: 15px;
  line-height: 24px;
  color: #999;
  font-weight: 400;
}

.intro-title {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 20px;
}

.intro-title .icon-arrow {
  display: none;
}

img.intro-img-active {
  display: none;
}

.intro-tab-title .nav-link.active img.intro-img-normal {
  display: none;
}

.intro-tab-title .nav-link.active img.intro-img-active {
  display: block;
}

.intro-tab-title .nav-link.active .intro-des {
  display: block;
}

.intro-tab-title .intro-des p {
  color: #3aa4ff;
  font-size: 15px;
  line-height: 22px;
  margin-top: 16px;
  margin-bottom: 0;
}
#HomeThree .intro-tab-title .intro-des p {
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
#HomeSRM .intro-tab-title .intro-des p {
  color: #3aa4ff;
}

#HomeBuy .intro-tab-title .intro-des p {
  color: #3aa4ff;
}

#HomeBI .intro-tab-title .intro-des p {
  /* color: #00cfb2; */
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

a.btn-overseas {
  width: 250px;
  height: 56px;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 35px;
  border: 1px solid #3aa4ff;
  cursor: pointer;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #3aa4ff;
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  margin: 60px auto 80px auto;
  text-decoration: none;
}

a.btn-overseas.collapsed .iconfont {
  transform: rotate(90deg);
}

a.btn-overseas .iconfont {
  transform: rotate(270deg);
  font-size: 20px;
}

.home-section-overseas {
  padding-bottom: 80px;
}

.home-section-overseas .model-title .title {
  font-size: 24px;
  margin-bottom: 10px;
}

.home-section-overseas .model-title .title .title-left {
  position: relative;
  padding-right: 20px;
  font-size: 28px;
  text-transform: uppercase;
}

.home-section-overseas .model-title .title .title-left img {
  width: auto;
  height: 24px;
  margin-right: 0px;
}

.home-section-overseas .model-title .title .title-right {
  padding-left: 0;
  color: #000;
  font-size: 28px;
  line-height: 30px;
}

.home-section-overseas .model-title .title .title-left::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 24px;
  background: #222;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: none;
}

.section-overseas-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-overseas-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ffffff;
  width: 23.4%;
  box-shadow: 0 14px 28px rgb(133 162 255 / 10%);
}

.section-overseas-item img {
  width: 46px;
  height: 46px;
  margin-bottom: 30px;
}

.section-overseas-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 50.4px;
  text-align: center;
  color: #222;
  margin-bottom: 8px;
}

.section-overseas-des {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #555;
}

.section-intro.section-intro-wms {
  padding-bottom: 80px;
}

.section-intro.section-intro-wms .intro-tab-title .intro-des p {
  color: #3aa4ff;
}

.intro-tab-title .intro-des p i {
  font-size: 12px;
  margin-left: 2px;
}

.intro-tab-title .nav-link img {
  margin-right: 16px;
  width: 26px;
  height: 26px;
}

.section-intro .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 10px;
  background: #3aa4ff;
}

/* section-bester */
.home-section-all {
  /* background: linear-gradient(
    177deg,
    #eaefff 11.74%,
    #dfe9ff 48.21%,
    #d4e3ff 94.64%
  ); */
  /* background-image: url(https://p1-hera.feishucdn.com/tos-cn-i-jbbdkfciu3/9ad072121ca04b2ca196258444996b96~tplv-jbbdkfciu3-png:0:0.png);
  background-clip: padding-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  background-blend-mode: normal; */
  /* background:
    linear-gradient(0, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%); */
  /* background: url(https://ones.cn/img/aboutus/bg.png);
    background-size: cover; */
}

.section-bester-content {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

.section-bester-item {
  width: 32%;
  background: #fff;
  box-shadow: 0 14px 28px 0 #edf6ff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 30px rgba(176, 191, 231, 0.15);
}

.section-bester-pic {
  position: relative;
  height: 150px;
  margin-bottom: 30px;
  border-radius: 16px 16px 0 0;
}

.bester-pic-1 {
  background: url(../images/home/bester-bg-1.png);
  background-size: cover;
}

.bester-pic-2 {
  background: url(../images/home/bester-bg-2.png);
  background-size: cover;
}

.bester-pic-3 {
  background: url(../images/home/bester-bg-3.png);
  background-size: cover;
}

.section-bester-pic img {
  width: 46%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.section-bester-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 150px;
  text-indent: 20px;
}
.product-invoice .section-bester-title {
  line-height: 100px;
}
.product-invoice .section-bester-pic {
  height: 100px;
}
.product-invoice .section-bester-pic img {
  width: 26%;
  right: 2%;
}
.section-bester-des {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  padding-left: 50px;
  text-align: left;
  color: #666;
  white-space: nowrap;
}

.section-bester-des li {
  position: relative;
}

.section-bester-des li::before {
  position: absolute;
  content: "";
  background: url(../images/home/dot.svg);
  background-size: contain;
  width: 20px;
  height: 20px;
  /* font-family: "iconfont";
  content: "\e615"; */
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  /* font-weight: 300;
  color: #3aa4ff;
  font-size: 12px; */
}

/* 案例 */
/* section-othercase */
.section-othercase {
  /* background: url(https://ones.cn/img/aboutus/bg.png);
    background-size: cover; */
  /* background: linear-gradient(178deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
  padding: 80px 0 56px 0;
  margin: 0 60px 80px 60px;
  border-radius: 16px; */

  /* background:
    linear-gradient(360deg, #fff 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%); */
  /* background: linear-gradient(
    177deg,
    #eaefff 11.74%,
    #dfe9ff 48.21%,
    #d4e3ff 94.64%
  ); */
}

.othercase-item {
  display: flex;
  align-items: center;
  /* margin: 0 -15px; */
  /* border-bottom: 1px solid #f9e9cc; */
}
.home .othercase-item {
  padding: 60px;
  border-radius: 20px;
  background: linear-gradient(
    118deg,
    rgb(213, 241, 255),
    rgb(235, 248, 255) 65%,
    rgb(216, 253, 255)
  );
  /* background: linear-gradient(116deg, rgb(253, 230, 248) -3.62%, rgb(255, 250, 235) 82.75%, rgb(253, 254, 255) 161.03%, rgb(255, 255, 255) 169.12%); */
}

.othercase-item .container {
  display: flex;
  align-items: center;
  padding: 24px 0;
}

.othercase-item:nth-child(2n) {
  background: #f3f6fe;
}

.othercase-item:nth-child(2) {
  padding-top: 0;
}

.othercase-item:last-child {
  border-bottom: none;
}

.othercase-item-title {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  margin-right: 20px;
  text-align: right;
  white-space: nowrap;
}

.othercase-item-title.title-long {
  margin-left: -20px;
}

.cg-logo-item {
  /* width: 20%;
  margin-bottom: 24px;
  padding: 12px;
  text-align: center; */
  width: 100%;
  background: rgb(255, 255, 255);
  margin: 0px;
  border-radius: 10px;
  padding: 16px 20px;
  text-align: center;
}

.cg-logo-item img {
  /* width: 100%;
    height: auto; */
  height: 48px;
}

.logo-item {
  margin: 8px;
  padding: 5px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
}

.logo-item img {
  height: 50px;
}

.show-case {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 14px;
  line-height: 20px;
  display: none;
}

.logo-item:hover .show-case {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  background: #fff;
  color: #454545;
  text-decoration: none;
}

.logo-item:hover .show-case.txt-primary {
  color: #3aa4ff;
}

.othercase-logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.solution-page .othercase-logos {
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* try */

.section-try {
  position: relative;
  z-index: 2;
  background: #ecf1fe url(../images/home/try-bg.png) no-repeat 50% / cover;
  color: #fff;
}

.section-try-ai {
  background:
    linear-gradient(
      142.32deg,
      #703cf6 4.957%,
      #692eff 39.882%,
      #8e6ce4 65.651% 65.651%,
      #ff9589 87.75%,
      #ffe4cb 104.732%
    ),
    #fff;
  /* background: linear-gradient(132.51deg,rgba(226,207,255,.4) 45.178%,rgba(255,211,225,.4) 70.168%,rgba(255,223,219,.4) 102.402%); */
}

.section-try .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* .section-try h1 {
  margin-bottom: 40px;
} */

.home-section.section-dark.section-try-ai h1 {
  color: #fff;
}

.home-section.section-dark.section-try-ai p {
  color: #fff;
}

.section-try p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #222;
  margin-top: 12px;
  margin-bottom: 40px;
}

.section-try ul {
  padding: 0;
  display: flex;
  gap: 48px;
  margin-bottom: 56px;
}

.section-try ul li {
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #666;
  column-gap: 6px;
}

.section-try ul li .icon-try-list {
  width: 16px;
}

.section-try .try-btns {
  display: flex;
  gap: 24px;
}

.section-try .btn {
  width: 176px;
  height: 60px;
  background: linear-gradient(
    270deg,
    #7de0ff -32.86%,
    #3aa4ff 99.04%
  ) !important;
  color: #fff !important;
  border-radius: 100px;
  border: none !important;
}

.section-try .btn.btn-outline {
  background: none !important;
  color: #3aa4ff !important;
  border: 1px solid #3aa4ff !important;
}

.section-try-ai .btn.btn-outline {
  background: #fff !important;
  border: none !important;
  font-size: 22px;
}

.section-try-ai .btn.btn-outline span {
  background-image: radial-gradient(
    131.28% 164.84% at -4.29% 0%,
    #0c41ff 0%,
    #ae56fc 60%,
    #ff5280 90%,
    #ff7061 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  white-space: nowrap;
}

/* footer */
.iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.footer-contact {
  display: none;
}

.foot-wrap {
  position: relative;
  z-index: 2;
  background: #2f3135;
  padding: 0 0 0 0;
  padding-top: 60px;
}

.foot-wrap .collapse:not(.show) {
  display: block;
}

.foot-wrap .collapsing {
  height: initial;
  overflow: hidden;
  transition: none;
}

.foot-nav {
  width: 100%;
}

.foot-nav,
.foot-nav-item-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: default;
}

.foot-wrap .foot-nav-item-title a {
  /* color: #161616; */
}

.foot-nav-item-content:last-child {
  flex-direction: column;
  align-items: flex-start;
}

.foot-nav-item-title {
  font-size: 20px;
  margin-bottom: 20px;
  color: #fff;
  /* font-weight: 500; */
  align-items: center;
}

.foot-nav-item-title strong {
  font-weight: 500;
}

.foot-nav-item-title .icon-arrow {
  display: none;
}

.foot-nav-item-content {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.foot-nav-item-content ul {
  /* opacity: 0.65; */
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot-nav-item-content ul li {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.foot-nav-item-content ul li.hide {
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 0 !important;
}

.foot-nav-item-content ul li a {
  /* color: #161616; */
  text-decoration: none;
}

.foot-nav-item-content ul li a:hover {
  /* color: #000; */
}

/* .foot-nav-item-content ul li + li {
  margin-top: 12px;
} */

.foot-nav-item-content .tel-label {
  font-size: 12px;
  line-height: 20px;
  opacity: 0.65;
}

.foot-nav-item-content .tel-number {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.foot-nav-item-content .tel-number a,
.foot-nav-item-content .tel-number a:hover {
  color: inherit;
  text-decoration: none;
}

.foot-nav-item .qrcode {
  display: flex;
  flex-direction: row;
}

.foot-nav-item-content .qrcode {
  display: none;
}

.foot-nav-item .qrcode .qrcode-item-thumb {
  width: 120px;
  height: 120px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 8px;
  /* background-color: #fff; */
  border-radius: 8px;
  box-sizing: border-box;
}

.foot-nav-item .qrcode .qrcode-item-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}

.foot-nav-item .qrcode .qrcode-item-title {
  opacity: 1;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
  margin-right: 0;
  text-align: right;
  color: #fff;
}

.foot-nav-item .qrcode .qrcode-item + .qrcode-item {
  margin-left: 16px;
}

.foot-wrap a {
  font-size: 14px;
  line-height: 32px;
  text-decoration: none;
  color: #fff;
}

.foot-wrap a:hover {
  /* color: #000; */
}

.foot-link {
  /* height: 64px; */
  margin-top: 35px;
  padding: 16px 0;
  overflow: hidden;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}

.foot-link ul + ul {
  margin-top: 4px;
}

.foot-link ul + ul li + li {
  position: relative;
}

.foot-link ul + ul li + li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  height: 14px;
  width: 1px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.foot-link ul {
  list-style: none;
  margin: 0 0 0 -16px;
  padding: 0;
}

.foot-link ul li {
  display: inline-block;
  padding: 0 16px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
  color: #bcbfc8;
}

.foot-link ul li a {
  color: #bcbfc8;
}

.foot-link ul li a:hover {
  color: #fff;
}

.foot-created {
  font-size: 14px;
  line-height: 22px;
}

.foot-created a {
  font-weight: 500;
}

.foot-copyright {
  /* display: flex; */
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 28px;
  padding-top: 6px;
  text-align: center;
  color: #bcbfc8;
}

.foot-wrap .foot-copyright a {
  margin-left: 16px;
  color: #bcbfc8;
}

.foot-copyright a:first-child {
  margin-left: 0;
}

.qrcode-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.qrcode-item-title {
  margin-top: 10px;
}

.qrcode-item-thumb {
  width: 96px;
  height: 96px;
}

.qrcode-item-thumb img {
  width: 100%;
}

.foot-police {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 价格 */
/* 定价 */
.price-page {
  /* background: linear-gradient(180deg, #FFE5CE 0%, #FFFFFF 98%); */
  /* background-image: url(../images/price/banner-price.png);
  background-repeat: no-repeat; */
}

.price-page .show {
  display: block !important;
}

.banner-price {
  position: relative;
  background: linear-gradient(180deg, #ffe5ce 0%, #ffffff 98%);
}

.banner-price br {
  display: none;
}

.banner-price .container .caption {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 160px;
  margin-bottom: 35px;
}

.func-group {
  display: flex;
  margin-top: 44px;
  margin-bottom: 80px;
}

.func-group .func-item {
  margin: 0 16px;
}

.func-group .func-item img {
  margin: 0 8px 12px;
  width: 48px;
}

.purchasing {
  padding: 10px;
  overflow: visible;
}

.purchasing .swiper-wrapper {
  display: flex;
  height: auto;
  justify-content: space-between;
  align-items: stretch;
}

.purchasing .choice {
  background: #fff;
  border-radius: 0;
  box-shadow:
    0 6px 12px -10px rgba(0, 0, 0, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.04),
    0 10px 36px 10px rgba(0, 0, 0, 0.04);
  /* border: 1px solid #eee; */
  color: #222;
  height: initial;
  overflow: hidden;
  padding: 34px 18px 34px 18px;
  position: relative;
  transition: all 0.2s linear;
  width: 20%;
  text-align: center;
}

.purchasing .choice.choice1 {
  margin-right: 10px;
  /* margin-left: -10px; */
}

.purchasing .choice.choice5 {
  /* margin-right: -10px; */
  margin-left: 10px;
}

.purchasing .choice .item-sub-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 4px;
}

.purchasing .choice .item-sub-detail {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  margin-top: 8px;
}

.purchasing .choice .btn-lg {
  width: 168px;
  margin: 40px auto 0 auto;
}

.purchasing .choice .recommend {
  height: 24px;
  right: 0;
  position: absolute;
  top: 0;
  width: 52px;
}

.purchasing .choice .recommend .tip {
  background: url(../images/price/recommend.png) no-repeat 50%;
  background-size: cover;
  height: 24px;
  width: auto;
}

.purchasing .choice .top-bar {
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}

.purchasing .choice.choice1 .top-bar {
  background: #838892;
}

.purchasing .choice.choice1 .item-description .des-item:before {
  color: #666;
}

.purchasing .choice.choice2 .recommend {
  display: none;
}

/* .purchasing .choice.choice2 .top-bar {
  background: #3aa4ff;
}

.purchasing .choice.choice2 .color,
.purchasing .choice.choice2 .item-description .des-item:before {
  color: #3aa4ff;
}

.purchasing .choice.choice3 .top-bar {
  background: #3aa4ff;
}

.purchasing .choice.choice3 .color,
.purchasing .choice.choice3 .item-description .des-item:before {
  color: #3aa4ff;
}

.purchasing .choice.choice4 .top-bar {
  background: #3aa4ff;
}

.purchasing .choice.choice4 .color,
.purchasing .choice.choice4 .item-description .des-item:before {
  color: #3aa4ff;
} */

.purchasing .choice .contact-us {
  display: none;
}

.purchasing .choice .item-description {
  font-size: 14px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  text-align: left;
  min-height: 130px;
}

.purchasing .choice .item-description .des-item:before {
  content: "\e615";
  font-family: "iconfont";
  margin-right: 13px;
  color: #00c9a8;
}

.purchasing .item-info {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 24px;
}

.purchasing .item-info .small {
  font-size: 16px;
}

.purchasing-note {
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 24px;
}

.purchasing-note .primary {
  color: #3aa4ff;
  display: inline;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

/* 具体功能 */
.fx-price .price-content {
  margin: 0 auto;
  width: 1192px;
}

.color-green {
  color: #3aa4ff;
}

.package-main {
  padding-top: 20px;
}

.package-main-mobile {
  display: none;
  overflow: hidden;
}

.section-pric-detail {
  padding-top: 80px;
}

.price-detail-title {
  align-items: center;
  color: #3aa4ff;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  justify-content: center;
  display: none;
}

.price-detail-title .konw-detail,
.price-detail-title .pickup-detail {
  background: hsla(0, 0%, 100%, 0.2);
  border: 1px solid #3aa4ff;
  border-radius: 4px 4px 4px 4px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 204px;
  display: none;
}

.price-detail-title .konw-detail:hover,
.price-detail-title .pickup-detail:hover {
  background-color: #fff8ed;
}

.price-detail-title i {
  font-size: 18px;
  margin-left: 8px;
  margin-top: 5px;
}

.show-row-group {
  display: table-row-group !important;
}

.show-row {
  display: table-row !important;
}

.hidden {
  display: none !important;
}

/* .price-detail-all {
  display: none;
} */
.section-pric-detail tr td:nth-child(3) .item-sub-title {
  color: #222;
}

.section-pric-detail tr td:nth-child(4) .item-sub-title {
  color: #222;
}

.section-pric-detail tr td:nth-child(5) .item-sub-title {
  color: #222;
}

.section-pric-detail .price-body {
  position: relative;
  margin: 0;
}

.section-pric-detail .price-body .extra-line-top {
  position: relative;
  top: 0;
  display: none;
}

.section-pric-detail .price-body .extra-line-top td:nth-child(n + 2) {
  background-color: #f8f8f8;
  border-radius: 8px 8px 0 0;
  height: 12px;
}

/* .section-pric-detail .price-body .main-body:last-child tr:last-of-type td {
  border-radius: 0 0 8px 8px;
} */

.section-pric-detail .price-body tr td:first-child .expand-icon {
  margin-left: 8px;
  vertical-align: middle;
}

.section-pric-detail .price-body tr td .iconfont.icon-correct {
  color: #00c9a8;
}

.section-pric-detail .price-body tr td .iconfont.icon-minus {
  color: #ccc;
}

.section-pric-detail .price-body tr td:nth-child(3) .iconfont {
  /* color: #3aa4ff; */
}

.section-pric-detail .price-body tr td:nth-child(4) .iconfont {
  /* color: #3aa4ff; */
}

.section-pric-detail .price-body tr td:nth-child(5) .iconfont {
  /* color: #3aa4ff; */
}

.section-pric-detail .price-body .icon-wenhao-xian {
  color: #999;
  cursor: pointer;
  font-size: 20px;
}

.section-pric-detail .price-body .icon-icon_kongxingou,
.section-pric-detail .price-body .icon-icon_shixingou {
  font-size: 12px;
}

.section-pric-detail .price-body .tip {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  vertical-align: middle;
}

.section-pric-detail .price-body .tip:hover .msg-content {
  visibility: visible;
  z-index: 99;
}

.section-pric-detail .price-body .tip .msg-content {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  color: #5e6d82;
  font-size: 12px;
  left: -11px;
  line-height: 18px;
  max-width: 240px;
  padding: 12px;
  position: absolute;
  top: 45px;
  visibility: hidden;
  white-space: pre;
}

.section-pric-detail .price-body .tip .msg-content:after {
  background: #fff;
  -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  content: "";
  height: 10px;
  left: 16px;
  margin-top: -5px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 10px;
}

.section-pric-detail .price-detail-sub {
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  padding: 0 20px;
  display: none;
}

.section-pric-detail .price-detail-sub .pickup-all,
.section-pric-detail .price-detail-sub .strech-all {
  color: #3aa4ff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;

  display: none;
}

.section-pric-detail .price-detail-sub .item-icon-wrapper .item-icon span {
  color: #838892;
}

.section-pric-detail .price-detail-sub .iconfont {
  margin-right: 8px;
}

.section-pric-detail .first-order tr td:first-child {
  font-weight: 600;
}

.section-pric-detail .contact-wrapper {
  font-size: 16px;
  margin: 25px 0 43px;
  text-align: center;
}

.section-pric-detail .contact-wrapper a {
  color: #3aa4ff;
  cursor: pointer;
}

.fixed-content {
  background: #fff;
  height: 116px;
  position: sticky;
  top: 60px;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
}

.fixed-content .header-item .recommend {
  display: inline-flex;
}

.fixed-content .header-item .recommend .intro {
  display: inline-block;
  height: 24px;
  margin-left: 4px;
  vertical-align: middle;
  width: 52px;
}

.fixed-content .header-item:nth-child(3) .recommend {
  display: none;
}

.fixed-content .header-item .item-button.hover-active {
  background: #3aa4ff;
  color: #fff;
  border-radius: 4px;
}

.item-icon-wrapper {
  height: 60px;
  display: flex;
  align-items: center;
}

.item-icon-wrapper .item-icon {
  display: inline-block;
  margin-left: 22px;
}

.item-icon-wrapper .item-icon i {
  vertical-align: middle;
}

.item-icon-wrapper .item-icon img {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

.item-icon-wrapper .item-icon span {
  color: #999;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}

td {
  text-align: center;
  width: 20.5%;
}

td:first-child {
  width: 18%;
}

.main-header,
.main-header-fixed {
  border-collapse: separate;
  border-spacing: 0 0;
  height: 70px;
  /* margin-left: -10px; */
  table-layout: fixed;
  width: 100%;
}

.main-header .header-item,
.main-header-fixed .header-item {
  position: relative;
  text-align: center;
  width: 20%;
  border-bottom: 1px solid #eee;
}

.main-header .header-item:first-child,
.main-header-fixed .header-item:first-child {
  line-height: 90px;
  padding-left: 40px;
  text-align: left;
}

.main-header .header-item .item-sub-title,
.main-header .header-item .item-sub-title-first,
.main-header-fixed .header-item .item-sub-title,
.main-header-fixed .header-item .item-sub-title-first {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
}

.main-header .header-item .item-sub-title-first,
.main-header-fixed .header-item .item-sub-title-first {
  font-size: 24px;
}

.main-header .header-item .item-sub-title.recommend-title,
.main-header-fixed .header-item .item-sub-title.recommend-title {
  position: relative;
}

.main-header .header-item .item-sub-title.recommend-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-header .item-button,
.main-header-fixed .item-button {
  background: #ffe5ce;
  border-radius: 2px;
  color: #3aa4ff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 28px;
  line-height: 27px;
  margin-top: 12px;
  text-align: center;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  width: 88px;
  cursor: pointer;
  border-radius: 4px;
}

.main-header .item-button:hover,
.main-header-fixed .item-button:hover {
  background: #3aa4ff;
  color: #fff;
}

.main-header .item-button i,
.main-header-fixed .item-button i {
  font-size: 14px;
}

.main-header-fixed {
  background: #fff;
  height: 116px;
  position: absolute;
  top: 56px;
  visibility: hidden;
}

.main-header-fixed .header-item {
  border-radius: 4px;
}

.main-header-fixed .header-item:not(:first-child) {
  cursor: pointer;
}

.main-header-fixed .header-item .item-sub-title {
  width: 100%;
}

.main-header-fixed .header-item .item-sub-title.recommend-title {
  position: relative;
}

.main-body {
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
  /* margin-left: -28px; */
  table-layout: fixed;
  width: 100%;
}

.main-body tbody tr:not(.extra-line-top):hover,
.main-body thead tr:not(.extra-line-top):hover {
  border-radius: 0 0 0 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(20, 30, 49, 0.1);
  box-shadow: 0 1px 4px 0 rgba(20, 30, 49, 0.1);
  position: relative;
  width: 100%;
  /* width: 1192px; */
}

.main-body tbody tr:not(.extra-line-top):hover td,
.main-body thead tr:not(.extra-line-top):hover td {
  background: #fff !important;
}

.main-body tbody tr td:first-child,
.main-body thead tr td:first-child {
  width: 20%;
}

.main-body tbody tr td:nth-child(n + 2),
.main-body thead tr td:nth-child(n + 2) {
  background: #fff;
  width: 20%;
}

.main-body .first-order {
  cursor: pointer;
  height: 60px;
}

.main-body .first-order td {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  line-height: 60px;
  border-bottom: 1px solid #eee;
}

.main-body .first-order td img {
  height: 16px;
  width: 16px;
}

.main-body .first-order td:first-child {
  padding-left: 40px;
  text-align: left;
}

.main-body .first-order td:first-child i {
  color: #999;
  font-size: 20px;
  margin-right: 6px;
}

.main-body .first-order td:first-child span {
  vertical-align: middle;
}

.main-body .first-order-detail {
  display: none;
}

.main-body .first-order-detail .second-order {
  cursor: pointer;
}

.main-body .first-order-detail .second-order .second-padding {
  padding-left: 40px;
}

.main-body .first-order-detail .second-order .second-padding i {
  color: #999;
  font-size: 20px;
  margin-right: 8px;
}

.main-body .first-order-detail .second-order .second-padding span {
  vertical-align: middle;
}

.main-body .first-order-detail .second-order-detail {
  background: #fff;
  display: none;
  height: 48px;
}

.main-body .first-order-detail .second-order-detail td {
  color: #222;
  font-size: 16px;
  line-height: 48px;
  border-bottom: 1px solid #eee;
}

.main-body .first-order-detail .second-order-detail td:first-child {
  font-size: 14px;
  padding-left: 66px;
  text-align: left;
}

.main-body .first-order-detail .second-order-detail td img {
  height: 16px;
  width: 16px;
}

.main-body .body-item {
  color: #222;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.main-body .body-item .expand-icon {
  font-weight: 600;
}

.main-body .body-item:first-child {
  font-size: 18px;
  padding-left: 40px;
  text-align: left;
}

.main-body .body-item.service-time {
  line-height: 26px;
  padding-bottom: 14px;
}

.price-banner-wrapper {
  background: #f8f8f8;
  color: #666;
  font-size: 16px;
  line-height: 32px;
  margin-top: 24px;
  padding: 30px 44px;
}

.price-banner-wrapper .extra {
  color: #222;
  font-weight: 600;
}

.price-banner-wrapper > span {
  vertical-align: middle;
}

.price-banner-wrapper .wrapper-btn {
  color: #3aa4ff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}

.price-wrapper-item {
  background: #fff;
  display: inline-block;
  margin: 0 1%;
  padding: 20px;
  position: relative;
  -webkit-transition: height 218ms;
  transition: height 218ms;
  vertical-align: top;
  width: 23%;
}

.price-wrapper-item .item-header {
  text-align: center;
}

.price-wrapper-item .item-header .version-name {
  font-size: 20px;
  overflow: hidden;
  padding: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price-wrapper-item .item-header .version-price {
  font-size: 32px;
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price-wrapper-item .item-section {
  padding: 10px 0;
}

.price-wrapper-item .item-section .section-row {
  font-size: 14px;
  padding: 12px 0;
  position: relative;
  width: 100%;
}

.price-wrapper-item .item-section.for-mobile {
  display: none;
}

.price-wrapper-item .item-footer {
  padding: 30px 0 20px;
  text-align: center;
}

.price-wrapper-item .item-footer .footer-msg-mobile {
  color: #ccd1d9;
  display: none;
  padding: 14px 0;
  text-align: left;
}

.price-wrapper-item .footer-arrow-wrapper {
  bottom: 10px;
  display: none;
  left: 0;
  position: absolute;
  width: 100%;
}

.price-wrapper-item .footer-arrow-wrapper > i,
.price-wrapper-item .my-lighter {
  display: none;
}

/* 用处 */
.use-list {
  margin-top: 40px;
  display: flex;
  justify-content: space-evenly;
}

.use-list .use-item {
  font-weight: 600;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.use-list .use-item .use-item-up {
  display: flex;
  justify-content: center;
}

.use-list .use-item .use-item-up .up-left {
  font-size: 80px;
  margin-left: 10px;
}

.use-list .use-item .use-item-up .up-left span {
  font-size: 24px;
}

.use-list .use-item .use-item-down {
  color: #222;
  font-size: 24px;
  margin-top: 8px;
}

.color-primary {
  color: #3aa4ff;
}

.color-green {
  color: #3aa4ff;
}

.color-orange {
  color: #3aa4ff;
}

.use-list .use-item .icon1:before {
  background: linear-gradient(180deg, rgba(0, 194, 154, 0), #3aa4ff);
  content: "\e843";
}

.use-list .use-item .icon2:before {
  background: linear-gradient(0deg, rgba(46, 161, 255, 0), #3aa4ff);
  content: "\e65f";
}

.use-list .use-item .icon3:before {
  background: linear-gradient(180deg, rgba(255, 169, 58, 0), #3aa4ff);
  content: "\e65f";
}

.use-list .use-item .icon1:before,
.use-list .use-item .icon2:before,
.use-list .use-item .icon3:before {
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "iconfont";
  position: absolute;
  top: 30px;
  transform: scale(1.2);
}

/* 关于 */
.about-page .banner-about {
  background: url(../images/product/product-banner-bg.jpg);
  background-clip: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  height: 450px;
  background-size: cover;
}

.about-page .banner-about .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-page .banner-about .caption {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-page .banner-about .aption-title span {
  font-size: 64px;
}

.about-intro {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
  padding: 100px 100px;
  font-size: 20px;
  border-radius: 20px;
  margin-top: -120px;
  background: #fff;
}

/*news*/
.news .news-list {
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
  padding: 0 40px;
  font-size: 20px;
  border-radius: 16px;
  margin-top: -390px;
  background: #fff;
  position: relative;
  z-index: 9;
  min-height: 600px;
}

.news .media-row:last-child {
  border-bottom: none;
}

.news .media-row {
  text-decoration: none;
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}

.news .media-row:hover .media-heading {
  color: #3aa4ff;
}

.news .media-row .media-object {
  max-width: inherit;
}

.news .media-row .media-left {
  margin-right: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 300px;
  height: 150px;
  border-radius: 8px;
}

.news .media-row .media-heading {
  color: #333;
  font-size: 19px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.news .media-row .media-body p {
  font-size: 16px;
  line-height: 1.75em;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 56px;
}

.news .media-row .media-body {
  position: relative;
  flex: 1;
}

.news .media-row .list-inline {
  margin-top: 20px;
  display: flex;
}

.news .media-row .list-inline li {
  color: #888;
  font-size: 14px;
  border-right: 1px solid #999;
  padding: 0 20px;
}

.news .media-row .list-inline li:first-child {
  padding-left: 0;
}

.news .media-row .list-inline li:last-child {
  border-right: none;
}

.news-detail {
  background: #fff;
}

.news-detail .container {
}

.news-detail .news-top {
  padding-top: 150px;
  margin: 0 0 50px 0;
  color: #333;
}

.news-detail .news-top a {
  color: #666;
  text-decoration: none;
}

.news-detail .news-content {
  padding: 25px 36px;
  border: solid 1px #e5e5e5;
  margin-bottom: 60px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}

.news-detail .news-content .title {
  color: #222;
  font-size: 24px;
  padding-bottom: 15px;
  line-height: 1.6em;
}

.news-detail .news-content .month-day,
.news-detail .news-content .year {
  font-size: 14px;
  line-height: 32px;
  color: #888;
  display: inline-block;
}

.news-detail .news-content .author {
  color: #888888;
  font-size: 14px;
  padding-left: 36px;
}

.news-detail .news-content h2 {
  font-size: 20px;
  margin-bottom: 30px;
}

.news-detail .news-content h3 {
  font-size: 18px;
  margin-bottom: 30px;
}

.news-detail .news-content .detail p {
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  line-height: 1.8em;
}

.news-detail .news-content .detail p img {
  display: block;
  width: 70%;
  margin: 0 auto;
}

.news-detail .news-content .detail ul,
.news-detail .news-content .detail ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.news-detail .news-content .detail li {
  font-size: 16px;
  color: #333;
  line-height: 1.8em;
}

.news-detail .news-content .detail ul li {
  list-style: disc;
}

.swiper-pagination-bullet-active {
  background: #3aa4ff;
  width: 20px;
  border-radius: 100px;
}

/* partner */

/* .partner-bg{
  position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 58px;
    height: 900px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-attachment: fixed;
    background-image: url(https://imgs.699pic.com/images/402/647/451.jpg!seo.v1);
}

.partner-bg2{
  position: absolute;
  z-index: -2;
  left: 0;
  right: 0;
  top: 58px;
  height: 900px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-attachment: fixed;
  background-image: url(https://imgs.699pic.com/images/402/647/451.jpg!seo.v1);
}
.partner-bg:before, .partner-bg2:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 485px;
  background-image: linear-gradient(180deg, rgba(243, 244, 247, 0) 0%, #fff 100%);
  z-index: 2;
} */
.banner-partner {
  /* background: linear-gradient(180deg, #ffe5ce 0%, #ffffff 98%); */
  background: url(../images/partner/partner-banner.png) center;
  background-size: cover;
}

.banner-partner .caption {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 120px;
}

.banner-partner .caption .caption-title {
  font-size: 54px;
}

.banner-safe {
  background: url(../images/product/banner-safe.jpg) center;
  background-size: cover;
}

.banner-safe .caption {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 60px;
}

.banner-safe .caption .caption-title {
  font-size: 54px;
  color: #fff;
}

.banner-safe .des-txt {
  color: #fff;
}

.section-benefit-list {
  display: flex;
  background: linear-gradient(180deg, #dbeffd 0%, #ffffff 98%);
  border-radius: 8px;
  justify-content: space-around;
  padding: 60px 0;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
}

.section-benefit-item {
  flex: 0 0 33.33%;
  padding: 0 40px;
  text-align: center;
}

.section-benefit-item img {
  width: 120px;
  margin-bottom: 24px;
  opacity: 0.9;
}

.section-benefit-item .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
}

.section-benefit-item .des {
  font-weight: 400;
  font-size: 18px;
  color: #666;
  line-height: 1.5;
}

.section-contact-list {
  display: flex;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 40px;
  background: linear-gradient(180deg, #dbeffd 0%, #ffffff 98%);
}

.section-contact-item {
  display: flex;
  width: 50%;
  /* box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
  margin-right: 30px; */
  border-radius: 8px;
}

.section-contact-item:last-child {
  margin-right: 0;
}

.section-contact-item img {
  width: 80px;
  margin-right: 40px;
}

.section-contact-item .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.section-contact-item .des {
  font-size: 14px;
  color: #666;
  margin-bottom: 24px;
}

.section-contact-item .phone {
  color: #3aa4ff;
  font-size: 14px;
}

.section-contact-item .phone a {
  cursor: pointer;
}

.section-join-item {
  background: url(../images/partner/partner-bg.png);
  background-size: 100% 100%;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
  height: 310px;
  padding-left: 300px;
  display: flex;
  align-items: center;
}

.section-join-content {
  display: flex;
  flex-direction: column;
}

.section-join-item .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}

.section-join-item .des {
  font-size: 16px;
  color: #666;
}

/* 产品页 */
.section-product-scheme {
  text-align: center;
}
.section-product-scheme .product-scheme {
  max-width: 90%;
}

.product-page .banner-product {
  display: flex;
  padding-top: 60px;
  padding-bottom: 0;
  /* background: linear-gradient(
    177deg,
    #eaefff 11.74%,
    #dfe9ff 48.21%,
    #d4e3ff 94.64%
  ); */
  background-image: url(../images/product/product-banner-bg.jpg);
  background-size: cover;
  height: 540px;
  overflow: hidden;
}
.product-page .banner-product img {
  width: 50%;
}
.product-page .banner-product.banner-product-claim img {
  width: 60%;
  margin-right: -7%;
}
.product-page .banner-product.banner-product-invoice img {
  width: 60%;
  margin-right: -7%;
}
.product-page .banner-product.banner-product-integration img {
  width: 50%;
  margin-right: -7%;
}
.product-page .banner-product.banner-product-invoice {
  height: 600px;
}
.product-page .banner-product.banner-product-connect .container {
  justify-content: space-between;
}
.product-page .banner-product.banner-product-connect img {
  width: 40%;
}
.product-page .banner-product.banner-product-allinone img {
  width: 60%;
  margin-top: -5%;
}

.product-page .banner-product.banner-product-foreign .container {
  justify-content: space-between;
}
.product-page .banner-product.banner-product-foreign img {
  width: 46%;
}
.product-logos .logo-item {
  padding: 8px 0;
  width: 174px;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-logos .othercase-item {
  padding: 0 50px;
}
.product-logos.section-othercase {
  background: linear-gradient(178deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
}

.banner-ai {
  display: flex;
  padding-top: 60px;
  text-align: center;
  /* height: 540px; */
  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(34, 211, 238, 0.24),
      transparent 34%
    ),
    radial-gradient(circle at 82% 10%, rgba(16, 185, 129, 0.2), transparent 30%);
  margin-bottom: -50px;
  /* height: 959px; */
}

.banner-ai .logo-ai {
  height: 50px;
  margin: 60px auto 40px auto;
}

.banner-ai .banner-ai-pic {
  margin-top: 40px;
  /* width: 85%; */
  width: 100%;
}

.logo-ai-white {
  height: 160px;
  margin-right: 30px;
  position: absolute;
  bottom: -20px;
  left: -20px;
}

.section-product-ai .container {
  position: relative;
  display: flex;
  background:
    linear-gradient(
      142.32deg,
      #3aa4ff 4.957%,
      #7ba8ff 39.882%,
      #3aa4ff 65.651% 65.651%,
      #4cd7ef 87.75%,
      #cdf8ff 104.732%
    ),
    #fff;
  padding: 40px;
  font-size: 16px;
  line-height: 32px;
  border-radius: 16px;
  color: #fff;
  letter-spacing: 1px;
  padding-left: 160px;
}

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

.product-page .banner-product .caption {
  width: 50%;
  padding-right: 60px;
}

.product-page .banner-product .caption-pic {
  padding: 12px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0,
    rgba(255, 208, 208, 0.05) 100%
  );
  box-shadow: 0 40px 70px 0 rgba(91, 40, 202, 0.1);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.product-page .banner-product .caption-pic img {
  width: 500px;
  border-radius: 16px;
  margin-top: 0;
}

.product-page.product-paas .banner-product img {
  width: 56%;
}

.product-page.product-bi .banner-product img {
  width: 56%;
  margin-right: -3%;
}

.section-product-solution .pro-item {
  padding: 80px 0;
  position: relative;
}

.safe .section-product-solution .pro-item {
  padding: 50px 0;
}

.section-product-solution .pro-item .anchor-point-layout {
  position: absolute;
  top: -60px;
  width: 100%;
}

.section-product-solution .pro-item:nth-child(odd) {
  background: linear-gradient(178deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
}

.product-ai .section-product-solution .pro-item:nth-child(odd) {
  background: none;
}

.section-product-solution .pro-item:nth-child(even) {
  background: #fff;
}
.section-product-solution .pro-item:nth-child(odd) .container {
  flex-direction: row;
}
.solution-page .section-product-solution .pro-item:nth-child(even) .container {
  flex-direction: row-reverse;
}
/* .section-product-solution .pro-item:nth-child(even) .container {
  flex-direction: row-reverse;
} */

.section-product-solution .pro-item.bg-white {
  background: #fff;
}

.section-product-solution .pro-item.bg-colored {
  background: linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
}

/* .product-page.pro-special .pro-item:nth-child(odd){
  background: #fff;
} */
/* .product-page.pro-special .pro-item:nth-child(even) {
  background: #f7f9ff;
} */

.section-product-solution .pro-item .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-product-solution .pro-item-intro {
  flex: 0 0 41%;
}

.product-allinone .section-product-solution .pro-item-intro {
  flex: 0 0 44%;
}

.section-product-solution .pro-item-intro .btn-lg {
  margin-top: 24px;
  display: inline-block;
  background: none;
  color: #3aa4ff;
  border: 1px solid #3aa4ff;
  padding-left: 25px;
  padding-right: 25px;
}

.section-product-solution .btn-link {
  margin: 10px 0;
}

.section-product-solution .btn-link:hover {
  color: #3aa4ff;
}

.product-ai .section-product-solution .pro-item-intro .btn-lg {
  color: #fff;
  border: none;
  background: linear-gradient(90.92deg, #427bff 0%, #4cdbee 100%) !important;
  border-radius: 100px;
}

.product-ai .section-product-solution .pro-item-intro .btn-lg .iconfont {
  margin-right: 6px;
}

.product-ai .section-product-solution .pro-item li {
  padding-left: 0;
}

.product-ai .section-product-solution .pro-item li::before {
  display: none;
}

.section-product-solution .pro-item-intro-title {
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  margin-bottom: 24px;
}

.product-ai .section-product-solution .pro-item-intro-title {
  font-size: 40px;
  margin-bottom: 104px;
}

.product-ai .section-product-solution .pro-item-intro-title br {
  display: none;
}

.product-ai .section-product-solution .pro-item-intro-title span {
  background-image: linear-gradient(90.92deg, #427bff 0%, #4cdbee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  margin-bottom: 0;
}

.section-product-solution .pro-item-intro-sub-title {
  color: #222;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 24px;
  margin-top: -10px;
}

.section-product-solution .pro-item-intro-title span {
  display: block;
  margin-bottom: 20px;
  /* color: #0d6efd; */
}

.section-product-solution .pro-item-list {
  padding-left: 0;
}

.section-product-solution .pro-item li {
  position: relative;
  list-style: none;
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 16px;
  font-weight: 400;
  padding-left: 30px;
}

.section-product-solution .pro-item li::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  /* top: 50%;
  transform: translateY(-50%); */
  top: 8px;
  left: 0;
  background: url(../images/home/dot.svg) no-repeat;
  background-size: 100%;
}

.section-product-solution .pro-item-pic {
  flex: 0 0 55%;
}
.solution-page .section-product-solution .pro-item-pic {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #fff;
}
.solution-page .section-station-item {
  flex: 0 0 24%;
}
.product-paas .section-product-solution .pro-item-pic {
  padding: 12px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0,
    rgba(255, 208, 208, 0.05) 100%
  );
  box-shadow: 0 40px 70px 0 rgba(91, 40, 202, 0.1);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.product-paas .section-product-solution .pro-item-pic.gray {
  background: #fafafa;
  border: 1px solid #eee;
}

.product-paas .section-product-solution .pro-item-pic img {
  border-radius: 16px;
}

.product-ai .section-product-solution .pro-item-pic {
  position: relative;
  padding: 40px;
  background: linear-gradient(180deg, #f2f9ff 28%, #d4f8ff 90%);
  border-radius: 20px;
}

.product-ai .section-product-solution .pro-item-pic::before {
  position: absolute;
  content: "";
  top: -100px;
  right: 0;
  background: url(../images/product/ai-bg-pattern.png);
  width: 100%;
  height: 248px;
}

.section-product-solution .pro-item-pic img {
  width: 100%;
}

.safe .section-product-solution .pro-item-pic img {
  width: 300px;
  display: block;
  margin: 0 auto;
}

.product-scheme-pic {
  /* max-width: 550px; */
  max-height: 420px;
}

/* case 页面 */
.container-case {
  /* width: 1240px;
  margin-top: -40px;
  position: relative;
  z-index: 5; */
}

.case-list-box {
  background: #fff;
  padding: 14px 0px;
  /* border-radius: 50px; */
  text-align: center;
  /* border: 1px solid #e0e8ff; */
  /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); */
}

.case-list-box .bold {
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #555;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-weight: 600;
}

.case-list-box .case-list {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0px;
}

.case-list-box .case-list li {
  margin-right: 1px;
  float: left;
  /* padding: 5px 0; */
  margin: 0 15px;
}

.case-list-box .case-list li:last-of-type {
  margin-right: 0px;
}

.case-list-box .case-list li span {
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #555;
  display: inline-block;
  cursor: pointer;
  padding: 2px 20px;
  border-radius: 30px;
  transition: 0.4s;
  user-select: none;
}

.case-list-box .case-list li:hover span {
  color: #3aa4ff;
}

.case-list-box .case-list li.active span {
  color: #fff !important;
  background: #3aa4ff;
  border-radius: 30px;
  transition: 0.4s;
  font-weight: bold;
}

.section-case-new {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}

.section-case-new .othercase-item:nth-child(2n + 1) {
  background: #fff;
}

.section-case-new .othercase-item {
  display: flex;
  align-items: center;
  margin: 0 -15px;
  padding: 0 0 0;
  /* padding-bottom: 0px; */
}

.section-case-new .othercase-item .othercase-logos {
  width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.section-case-new .othercase-item .othercase-logos .logo-item {
 
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  padding: 20px 5px;
  
  transition: 0.4s;
  box-shadow: 0px 3px 13px 0px rgba(71, 71, 71, 0.1);
}

.section-case-new .othercase-item .othercase-logos .logo-item:hover {
  box-shadow: 0px 3px 13px 0px rgba(71, 71, 71, 0.2);
  transition: 0.4s;
}

.section-case-new .othercase-item .othercase-logos .logo-item img {
  margin: 0 auto;
  transform: scale(1);
  transition: 0.4s;
  height: 50px;
}

.section-case-new .othercase-item .othercase-logos .logo-item:hover img {
  transform: scale(1.2);
  transition: 0.4s;
}

.section.section-case-list {
  padding: 130px 0 80px;
}

.section.section-case-list .related-case-list .col-sm-4,
.section.section-case-list .related-case-list .col-xs-12 {
  padding-left: 20px;
  padding-right: 20px;
}

.section.section-case-list .related-case-list .case-box {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  justify-content: space-between;
  width: 20%;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  width: 100%;
  display: block;
  margin: 20px 0;
  transform: translateY(0);
  transition: all linear 0.2s;
}

.section.section-case-list .related-case-list .case-box:hover {
  transform: translateY(-5px);
  transition: all linear 0.2s;
}

.section.section-case-list .related-case-list .case-box-content {
  padding: 0px;
}

.section.section-case-list .related-case-list .case-box-content .case-pic {
  border-radius: 0px;
}

.section.section-case-list .related-case-list .case-box-content .case-pic img {
  width: 100%;
}

.section.section-case-list .related-case-list .case-box .case-logo {
  padding: 0px 16px;
  margin-bottom: 20px;
}

.section.section-case-list .related-case-list .case-box .case-logo img {
  /* height: 20px; */
}

.section.section-case-list .related-case-list .case-box .case-info {
  padding: 0 16px 16px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 25px;
  height: 75px;
}

/* 解决方案 */
.solution-page .banner .caption-title {
  color: #fff;
}

.solution-page .banner .des-txt {
  color: #fff;
}

.banner-solution {
  position: relative;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: cover;
  padding-top: 60px;
}

.banner-solution-retail {
  background: url(../images/solution/banner-solution-retail.jpg) 0 -300px
    no-repeat;
}

.banner-solution-manufacture {
  background: url(../images/solution/banner-solution-manufacture.jpg) 0 -300px
    no-repeat;
}

.banner-solution-it {
  background: url(../images/solution/banner-solution-it.jpg) 0 -400px no-repeat;
}

.banner-solution-medicine {
  background: url(../images/solution/banner-solution-medicine.jpg) 0 -200px
    no-repeat;
}

.banner-solution-dining {
  background: url(../images/solution/banner-solution-dining.jpg) 0 0 no-repeat;
}

.banner-solution-education {
  background: url(../images/solution/banner-solution-education.jpg) 0 0
    no-repeat;
}

.banner-solution-autoparts {
  background: url(../images/solution/banner-solution-autoparts.jpg) 0 0
    no-repeat;
}

.banner-solution-energy {
  background: url(../images/solution/banner-solution-energy.jpg) 0 -400px
    no-repeat;
}

.banner-solution-household {
  background: url(../images/solution/banner-solution-household.jpg) 0 0
    no-repeat;
}

.banner-solution-realestate {
  background: url(../images/solution/banner-solution-realestate.jpg) 0 -100px
    no-repeat;
}

.banner-solution-electron {
  background: url(../images/solution/banner-solution-electron.jpg) 0 -100px
    no-repeat;
}

.banner-case {
  background: url(../images/banner-case.jpg) 0 0px no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  height: 340px;
  background-size: cover;
  padding-top: 120px;
}

.banner-solution .caption {
  position: relative;
}

.section-hard .container {
  display: flex;
  justify-content: space-between;
}
.product-bi .section-hard-box {
  width: 31%;
  background: none;
  padding: 40px 20px;
}
.product-bi .section-hard-box .content-text {
  text-align: center;
}
.section-hard-box {
  position: relative;
  align-items: center;
  flex-direction: column;
  border-radius: 16px;

  cursor: pointer;
  display: flex;
  padding: 60px 30px;

  width: 23.5%;
  /* background:
    url(../images/solution/solution-hard.png),
    linear-gradient(342deg, #eff2fe 0%, #fff 40%); */
  /* background: rgba(255, 255, 255, 0.6); */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  background-size: contain;
  background-repeat: no-repeat;
  background:
    radial-gradient(
      circle at 70% 10%,
      rgb(238, 254, 255, 0.6),
      transparent 34%
    ),
    linear-gradient(145deg, #fff, #fff);
}

.product-paas .section-hard-box {
  background: none;
}

/* .section-hard-box:hover{
  background: linear-gradient(154.25deg, #f9ebe4 -6.92%, #fff 25.65%); 
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);
} */

.section-hard-box .content-title {
  color: #222;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  white-space: nowrap;
}

.section-hard-box .hard-box-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  /* position: absolute; */
  transition: all 0.2s ease-in-out;
}

.section-hard-box .hard-box-content img {
  width: 64px;
  height: 64px;
  margin-bottom: 30px;
}

.product-paas .section-hard-box .hard-box-content img {
  width: 90px;
  height: 90px;
}

.section-hard-box .hard-box-content .content-bar {
  margin: 22px 0;
}

.section-hard-box .hard-box-content-hover {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 1;
  padding: 0 34px 24px;
  transition: all 0.2s ease-in-out;
}

.section-hard-box .hard-box-content-hover .content-title {
  margin: 40px 0 12px;
}

.section-hard-box .content-text {
  color: #666;
  font-size: 15px;
  line-height: 1.8em;
  text-align: left;
}

/* .section-hard-box:hover .hard-box-content {
  opacity: 0;
  transition: all 0.3s ease-in-out;
} */

.section-hard-box:hover .hard-box-content-hover {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.section-solution {
  position: relative;
  background: url(../images/solution/banner-solution.png) top right no-repeat;
}

.masker1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  /* z-index: 1;
    width: 756px;
    height: 100%;
    left: 0;
    top: 0; */

  /* background: linear-gradient(90deg, #ffe5ce 0%, transparent 100%); */
  /* background: radial-gradient(49.93% 49.92% at 41.8% 39.17%, #ffe5ce 0, rgba(231, 240, 255, 0) 100%); */
}

.section-solution .masker {
  width: 100%;
  z-index: -1;
}

.masker {
  position: absolute;
  /* width: 100%;
  height: 100%;
  top:0;
  left:0; */
  z-index: 1;
  width: 756px;
  height: 100%;
  left: 0;
  top: 0;

  background: linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
  /* background: radial-gradient(49.93% 49.92% at 41.8% 39.17%, #ffe5ce 0, rgba(231, 240, 255, 0) 100%); */
}

.problem-list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.problem-list .problem-item {
  width: 48%;
  height: 320px;
  flex: 0 0 48%;
  margin: 1%;
  /* background: #fef8f3 url(../images/solution/banner-solution.png) bottom right no-repeat; */
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
  border-radius: 8px;
  background-size: 70%;
  background: rgba(255, 255, 255, 0.9);
}

.problem-list .problem-item .left-box {
  width: 100%;
  /* text-align: center; */
  padding: 40px;
}

.problem-list .problem-item .left-box img {
  height: 64px;
}

.problem-list .problem-item .left-box .name {
  font-size: 22px;
  line-height: 32px;
  color: #000;
  font-weight: 600;
  padding-top: 24px;
}

.problem-list .problem-item .right-box {
  position: relative;
  text-align: left;

  width: 60%;
  overflow: hidden;
}

.problem-list .problem-item .right-box img {
  height: 100%;
}

.problem-list .problem-item .desc {
  /* position: absolute;
  bottom: 24px; */
  width: 100%;
  /* padding: 0 20px; */
  color: #666;
  font-size: 16px;
  line-height: 1.8;
}

.swiper-industry-img {
  max-width: 100%;
  border-radius: 8px;
}

.m-swiper-industry-img {
  display: none;
}

/* 行业 */
.section-industry {
  /* background: url(../images/home/case-bg.png);
  background-size: cover; */
  /* background: #fef8f3; */
}

.swiper-industry {
  margin-top: -40px;
}

.swiper-industry .swiper-wrapper {
  margin: 40px auto;
  justify-content: space-around;
}

.swiper-industry .swiper-slide {
  padding: 0;
  border-radius: 8px;
  cursor: pointer;
  /* box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06); */
  /* background: #fff; */
  font-size: 18px;
  font-weight: 400;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-industry .swiper-slide-thumb-active {
  /* background: #3aa4ff; */
  color: #3aa4ff;
  font-size: 20px;
}

.swiper-industry .swiper-slide-thumb-active span {
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #3aa4ff;
}

.swiper-industry .swiper-slide:last-child {
  margin-right: 0 !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #3aa4ff;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);
  display: none;
}

.swiper-industry2:hover .swiper-button-next,
.swiper-industry2:hover .swiper-button-prev {
  display: flex;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 24px;
}

.swiper-industry2 .swiper-slide {
  height: 416px;
}

.swiper-industry-img {
  background: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.swiper-industry-content {
  height: 100%;
  margin-bottom: 48px;
  padding: 60px 0 62px 56px;
  position: relative;
  width: 388px;
  color: #fff;
  z-index: 2;
}

.swiper-industry-title {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
}

.swiper-industry-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  min-height: 88px;
  margin-bottom: 30px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swiper-industry-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 18px;
  height: 48px;
  line-height: 24px;
  width: 168px;
  cursor: pointer;
}

.swiper-industry-data {
  display: flex;
  flex-direction: column;

  font-size: 14px;
  line-height: 22px;
  margin-bottom: 36px;
}

.swiper-industry-num {
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
}

.swiper-industry2.swiper {
  padding-bottom: 50px;
}

/* 产品导航 */

.navbar-nav .product-tab-content section {
  display: none;
}

.safe .navbar {
  background: #fff !important;
}

.navbar-nav .selected {
  background: linear-gradient(to left, #e3edfb, transparent);
  border-radius: 10px 0 0 10px;
}

/* .navbar-nav .selected:first-child {
  background: linear-gradient(to left, #e3edfb, transparent);
}

.navbar-nav .selected:nth-child(2) {
  background: linear-gradient(to left, #e2dffd, transparent);
}

.navbar-nav .selected:nth-child(3) {
  background: linear-gradient(to left, #e2f6fb, transparent);
} */

.navbar-nav .product-tab-content .show {
  display: block;
}

.navbar-nav .product-tab-wrap {
  padding: 0;
  overflow: hidden;
  display: flex;
  /*    min-height:500px;*/
}

.navbar-nav .product-tab-head {
  width: 244px;
  /*background: linear-gradient(270deg, rgba(106, 131, 252, 0.2) 0%, rgba(106, 131, 252, 0) 100%);*/
  /* background: linear-gradient(
    270deg,
    rgba(0, 76, 249, 0.15) 0%,
    rgba(0, 76, 249, 0) 100%
  ); */
  box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08);
  display: flex;
  flex-direction: column;
  padding: 20px 0 160px 0;
  /*   align-items: flex-end;*/
}

.navbar-nav .product-head-item {
  display: flex;
  /* min-width: 280px; */
  padding: 20px 20px 20px 15px;
  align-items: center;
}

.navbar-nav .product-head-item img {
  width: 36px;
  height: 36px;
  margin-right: 16px;
}

.navbar-nav .product-head-item-content {
  display: flex;
  flex-direction: column;
}

.navbar-nav .product-head-item .product-head-title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  /*  margin-bottom:4px;*/
}

.navbar-nav .product-head-item .product-head-des {
  font-size: 12px;
  color: #545454;
}

.navbar-nav .product-tab-content {
  /* flex: 1;
  padding: 20px; */
  padding: 20px;
  width: calc(100% - 240px);
  max-width: 1000px;
}

.navbar-nav .product-tab-content .product-class-link {
  display: inline-flex;
  align-items: center;
  padding-left: 12px;
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 500;
  color: #715ee8;
  line-height: 22px;
  cursor: pointer;
  text-decoration: none;
}

.navbar-nav .product-tab-content .product-class-link .arrow-icon {
  height: 12px;
  width: 12px;
  margin-left: 4px;
}

.navbar-nav .product-tab-content .solution-item {
  width: calc(25% - 16px);
  box-shadow: none;
  padding: 12px;
  align-items: flex-start;
}

.navbar-nav .product-tab-content .product-last .solution-item {
  width: calc(38% - 16px);
}

.navbar-nav .product-tab-content .solution-item-title {
  font-size: 16px;
  color: #111;
}

.navbar-nav .product-tab-content .solution-item-des {
  font-size: 12px;
  color: #555;
}

.navbar-nav .product-tab-content .solution-item-txt {
  margin-left: 10px;
}

.navbar-nav .product-tab-content .solution-item img {
  width: 24px;
}

.navbar-nav .product-tab-content .solution-item:hover {
  background: rgba(106, 131, 252, 0.1);
}

.navbar-nav .product-tab-content .nav-pro-list {
  width: 100%;
  display: flex;
  align-items: center;
}

.navbar-nav .product-tab-content .nav-other-app {
  padding: 20px;
  cursor: pointer;
}

.navbar-nav .product-tab-content .nav-other-app:hover {
  background: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.navbar-nav .product-tab-content .nav-pro-link {
  display: flex;
  align-items: center;
  border-radius: 8px;
  width: 28%;
  text-decoration: none;
}

.navbar-nav .product-tab-content .nav-pro-link img {
  width: 30px;
  margin-right: 10px;
  border-radius: 6px;
}

.navbar-nav .product-tab-content .nav-pro-link-left {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: #777;
}

.navbar-nav .product-tab-content .nav-pro-link-left span {
  color: #222;
  font-size: 18px;
}

.home-section-logos {
  position: absolute;
  height: 110px;
  /* padding: 30px 30px; */
  bottom: 0;
  left: 0;
  z-index: 9;
  margin: 0px auto;
  overflow: hidden;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.scroll-logos {
  position: absolute;
  left: -10px;
  top: 10px;
  width: calc(180px * 31);
  display: flex;
  flex-wrap: nowrap;
  animation: scroll-left 80s linear infinite;
}

.home-section-logos:hover .scroll-logos {
  animation-play-state: paused;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

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

.home-section-logos .cg-logo-item {
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
}

.home-section-logos .cg-logo-item {
  display: flex;
  align-items: center;
}

.home-section-logos .cg-logo-item img {
  width: auto;
  height: 60px;
  filter: brightness(0) invert(0.6);
}

/* 临时 */
/* .banner-home .caption-title {
  font-size: 60px;
  font-family:
    Helvetica Neue,
    Microsoft Yahei,
    Helvetica,
    Arial,
    Hiragino Sans GB,
    Heiti SC,
    WenQuanYi Micro Hei,
    sans-serif,
    serifserifserif;
} */

/* .banner-home .caption-title span {
  background: linear-gradient(50deg, #004cf9 0%, #00b7ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */

/* .banner-home .des-txt {
  color: #121212;
} */

.banner-home .btn-lg {
  font-size: 20px;
  height: 60px;
  min-width: auto;
  /* background: linear-gradient(90deg, rgb(0, 71, 255) 0%, rgb(75, 125, 255) 100%);; */
  background: linear-gradient(270deg, #7de0ff -32.86%, #3aa4ff 99.04%);
}
.banner-home .btn-lg:hover {
  background: linear-gradient(270deg, #7de0ff -32.86%, #3aa4ff 99.04%);
  opacity: 0.8;
  color: #fff;
}

.navbar .btn-primary:hover,
.navbar .btn-primary:focus {
  background: rgba(78, 131, 253, 0.8);
  color: #fff;
}

.banner-home .btn-lg.btn-outline-primary {
  background: transparent;
  border: solid 1px #121212;
  color: #121212;
}

/* .banner-home .btn-lg.btn-outline-primary:focus,
.banner-home .btn-lg.btn-outline-primary:hover,
.navbar .btn-link:focus,
.navbar .btn-link:hover {
  background: rgba(18, 18, 18, 0.02);
  color: #121212;
  border: 1px solid #121212;
} */

.banner-home .caption-pic img {
  margin-top: 0px;
  margin-left: 0px;
}

/* .navbar .btn-primary {
  background: #121212;
} */

/* .navbar .btn-link {
  color: #121212;
  border: 1px solid #121212;
} */

/* .navbar .container .phone .icon-tellphone {
  filter: brightness(10%);
} */

.mobile-menu {
  display: none !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse.mobile-menu {
    display: none !important;
  }
}

.section-station-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-station-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  flex: 0 0 23%;

  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}

/* .section-station-item:hover {
  box-shadow: 0 10px 30px rgba(176, 191, 231, 0.15);
  background: #fff;
} */
.section-station-item:hover .back-card {
  opacity: 1;

  transform: scale(1);
  transition: all 0.3s ease;
}

.section-station-item:hover .front {
  transform: scale(0.9);
  opacity: 0;
  transition: all 0.5s ease;
}

.section-station-item .front {
  padding: 60px 36px;
  transform: scale(1);
  opacity: 1;
  transition: all 0.5s ease;
}

/* .section-station-item:hover .section-station-pic img {
  transform: translateY(-6px);
  transition: all linear 0.2s;
} */

.section-station-title {
  margin: 24px 0 12px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;

  color: #333;
}

.section-station-des {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.section-station-pic img {
  width: 88px;
  margin-bottom: 0;
  transform: translateY(0);
  transition: all linear 0.2s;
}

.back {
  /* position: absolute;
    left: 0;
    top: 0;
    opacity: 1; */
  /* transform: scale(.8); */
  /* transform: scale(1);
    transition: all .3s ease; */
}

.back,
.front {
  height: 100%;
  width: 100%;
}

.back-card {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 18px;
  background: url(../images/home/home-back.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  transform: scale(0.8);
  transition: all 0.3s ease;
  border-radius: 20px;
}

.back-title {
  margin-top: 40px;
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
}

.back-content {
  align-self: flex-start;
  min-height: 128px;
  margin: 21px 0 10px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
}

.back-content ul {
  padding: 0;
  margin: 0;
}

.back-content li {
  margin-bottom: 14px;
  list-style: disc;
  text-align: left;
}

.product-foreign .section-station-item {
  position: relative;
  flex: 0 0 33.33%;
}

.solution-page .home-section-station {
  background: linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
}

.solution-page .section-othercase {
  background: #fff;
}
.product-integration .section-station-content {
  gap: 2%;
}
.product-integration .section-station-item {
  position: relative;
  flex: 0 25%;
  background: rgba(255, 255, 255, 0.8);
  align-items: flex-start;
  padding: 40px 40px;
  background: #f1f4f9;
}
/* .product-integration .section-station-item:first-child{
   background: linear-gradient(142deg, #e9efff -2.41%, #fff 92.01%);
   background: #e9efff;
}
.product-integration .section-station-item:nth-child(2){
   background: linear-gradient(145deg, #fceadc -9.47%, #fff 99.57%);
    background: #fceadc;
}
.product-integration .section-station-item:nth-child(3){
   background: linear-gradient(145deg, #e8f3ff -9.47%, #fff 99.57%);
    background: #e8f3ff;
}
.product-integration .section-station-item:nth-child(4){
   background: linear-gradient(145deg, #edebfd -9.47%, #fff 99.57%);
    background: #edebfd;
} */
/* .product-integration .section-station-item:hover{
  background: #3aa4ff;
}
.product-integration .section-station-item:hover .section-station-title{
  color: #fff;
}
.product-integration .section-station-item:hover .section-station-des{
  color: #fff;
} */
.product-integration .section-station-item .section-station-title {
  margin: 0;
}
.product-integration .section-station-item .section-station-top {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.product-integration .section-station-item .section-station-pic img {
  width: 40px;
}

.section-process-content {
  display: flex;
}

.section-process-item {
  flex: 0 0 25%;
}

.section-process-title {
  font-size: 20px;
  font-weight: 600;
  margin: 35px auto 10px;
  text-align: center;
}

.section-process-des {
  font-size: 14px;
  padding-left: 0;
  line-height: 26px;
  text-align: center;
}

.section-process-pic {
  position: relative;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 8px 8px 18px 0px rgba(141, 150, 181, 0.23);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.section-process-item:hover .section-process-pic img {
  transform: translateY(-3px);
  transition: all linear 0.2s;
}

.section-process-pic::before {
  position: absolute;
  content: "\e65b";
  font-family: "iconfont";
  top: 50%;
  right: -80%;
  font-size: 60px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #fff 0%, #3999fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-process-item:last-child .section-process-pic::before {
  display: none;
}

.section-process-pic img {
  width: 60px;
  margin: 0 auto;
  display: block;
  transform: translateY(-0);
  transition: all linear 0.2s;
}

.product-allinone .section-product-scheme {
  background: linear-gradient(
    110deg,
    rgb(242, 249, 255) 0px,
    rgb(249, 249, 255) 51.04%,
    rgb(224, 237, 255) 100%
  );
}

/* case list */
.banner-case-list {
  background: rgba(0, 76, 249, 0.05) url(../images/banner-caselist.jpg) center
    center no-repeat;
  background-size: cover;
  padding: 30px 0;
  min-height: 400px;
  position: relative;
}

/* .banner-case-list .btn{
margin-top: 0;
    margin-left: 0;
    border: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 138px;
    padding: 0;
}
.banner-case-list .box {
  padding: 10px;
  transform: translateY(80px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(5px);
  background: #fff;
    border-radius: 8px;
}

.banner-case-list .box:hover {
  transform: translateY(80px);
}

.banner-case-list .box .case-pic {
  border-radius: 8px;
  overflow: hidden;
}

.banner-case-list .box .case-pic img {
  width: 100%;
  display: block;
  margin: 0px;
  transition: 0.5s;
  transform: scale(1);
}

.banner-case-list .box .case-pic:hover img {
  transition: 0.5s;
  transform: scale(1.1);
}

.banner-case-list .box .banner-left {
  padding-right: 20px;
}

.banner-case-list .box .banner-left .industry-bubble {
  padding: 12px 0 22px;
}

.banner-case-list .box .banner-left .industry-bubble .bubble {
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  padding: 4px 12px;
  background: #ffe7d5;
  color: #da5c10;
}

.banner-case-list .box .banner-left .h1 {
  font-size: 28px;
  color: #222;
  font-weight: bold;
  line-height: 39px;
  margin: 0px;
  display: block;
  text-decoration: none;
}

.banner-case-list .box .banner-left .h6 {
 font-size: 16px;
    font-weight: 400;
    color: #60646b;
    line-height: 26px;
    margin: 24px 0 24px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
} */

/* 案例logo页 */
.banner-case.banner-solution h1 {
  margin-bottom: 40px;
  letter-spacing: -1px;
}

.banner.banner-case .btn,
.banner-case-list .btn {
  margin-top: 0;
  margin-left: 0;
  border: none;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  width: 138px;
  padding: 0;
}

.banner-case-item {
  margin: 0 10px;
  height: 345px;
}

.banner-case-item .box {
  padding: 10px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(5px);
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #ffffff;
}

.banner-case-list .banner-case-item .box {
  transform: translateY(80px);
}

/* .banner-case-item .box:hover {
    transform: translateY(80px);
} */

.banner-case-item .box .case-pic {
  border-radius: 8px;
  overflow: hidden;
}

.banner-case-item .box .case-pic img {
  width: 100%;
  height: 323px;
  display: block;
  margin: 0px;
  transition: 0.5s;
  transform: scale(1);
}

.banner-case-item .box .case-pic:hover img {
  transition: 0.5s;
  transform: scale(1.1);
}

.banner-case-item .box .banner-left {
  padding-right: 20px;
  text-align: left;
}

.banner-case-item .box .banner-left .industry-bubble {
  padding: 12px 0 22px;
}

.banner-case-item .box .banner-left .industry-bubble .bubble {
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  padding: 4px 12px;
  background: #ffe7d5;
  color: #da5c10;
  font-size: 14px;
}

.banner-case-item .box .banner-left .h1 {
  font-size: 28px;
  color: #222;
  font-weight: bold;
  line-height: 39px;
  margin: 0px;
  display: block;
  text-decoration: none;
}

.banner-case-item .box .banner-left .h6 {
  font-size: 16px;
  font-weight: 400;
  color: #60646b;
  line-height: 26px;
  margin: 24px 0 24px;
  /* padding: 28px 0 24px;
    margin: 0; */
  display: block;
  text-decoration: none;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 溢出显示省略号 */
  display: -webkit-box;
  /* 将元素作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 3;
  /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  /* 设置伸缩盒子的子元素排列方式为垂直 */
}

.caseSwiper {
  padding-bottom: 50px;
}

.caseSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.caseSwiper .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6);
  opacity: 0.6;
}

.caseSwiper .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
}

.banner-case-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner-case-more {
  display: flex;
  align-items: center;
  /* color: #004cf9; */
  transform: translateX(0);
  transition: all 0.4s;
}

.banner-case-more:hover {
  /* color: #004cf9; */
  text-decoration: none;
  transform: translateX(4px);
  transition: all 0.4s;
}

.banner-case-more:hover i {
  display: inline-block;
}

/* section-case */
.section-case {
  position: relative;
  padding: 80px 0;
  background: #f8f9fd;
}

.section-case .circle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  opacity: 0.8;
  filter: blur(150px);
  z-index: 1;
}

.section-case .circle2 {
  position: absolute;
  right: -100px;
  top: -100px;
  width: 400px;
  opacity: 0.5;
  filter: blur(150px);
  z-index: 1;
}

.section-case .swiper {
  padding: 20px 0 60px 0;
  position: relative;
  z-index: 2;
}

.section-case .swiper-slide {
  width: 360px;
  margin: 0 15px;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(176, 191, 231, 0.15);
  transform: translateY(0);
  transition: all linear 0.2s;
  background: url(https://cdn.yideamobile.com/images/case_bg.png) top center
    no-repeat;
  border-radius: 8px;
}

.section-case .swiper-slide:hover {
  transform: translateY(-15px);
  transition: all linear 0.2s;
  box-shadow: 0 10px 20px rgba(176, 191, 231, 0.3);
}

.section-case .swiper-slide:hover .case-link {
  color: #5a83f7;
}

.section-case .swiper-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-case .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 60px;
  height: 60px;
  background: #fff;
  background: url(../images/home/wm_button_icon.png?20241227) no-repeat;
  background-position: 0 0;
  background-size: 100%;
  z-index: 9;
  border-radius: 50%;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0 20px;
}

.section-case .swiper-button-prev:hover {
  background-position: 0 -60px;
  background-size: 100%;
}

.section-case .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 60px;
  height: 60px;
  background: url(../images/home/wm_button_icon.png) no-repeat;
  background-position: 0 -120px;
  background-size: 100%;
  z-index: 9;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0 20px;
}

.section-case .swiper-button-next:hover {
  background-position: 0 -180px;
  background-size: 100%;
}

.section-case .swiper-button-prev::after,
.section-case .swiper-button-next::after {
  content: "";
}

/* case detail  */
.case-page {
  position: relative;
  padding-top: 110px;
}

.case-detail {
  /*    position: relative;
            height:calc(100vh - 90px);*/
}

.case-detail p img {
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  display: block;
}

.case-content p img.app-img {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.case-detail .container {
  position: relative;
  padding: 0 260px 80px 0;
  margin: 0 auto;
}

.case-detail .case-content {
  width: 800px;
}

.case-detail .case-guide {
  position: fixed;
  top: 140px;
  left: 50%;
  width: 240px;
  margin-left: 330px;
  overflow: auto;
  z-index: 1;
  opacity: 1;
  transition: all linear 0.2s;
}

.case-detail .case-guide.hidden {
  opacity: 0;
  transition: all linear 0.2s;
}

.case-detail .case-guide .navbar-nav {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  border-left: 1px solid #ddd;
  padding-left: 0;
  padding-bottom: 40px;
}

.case-detail .case-guide .navbar-nav > li > a {
  color: #222;
  text-decoration: none;
  line-height: 30px;
  margin-bottom: 20px;
  padding: 0 20px;
  background: n;
}

.case-detail .case-guide .navbar-nav > li > a:hover {
  background: none;
  color: #004cf9;
}

.case-detail .case-guide .navbar-nav > li a.active {
  background: none;
}

.case-detail .case-guide .navbar-nav > li a.active {
  position: relative;
  color: #004cf9;
  font-weight: bold;
}

.case-detail .case-guide .navbar-nav > li a.active::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background: #004cf9;
  left: 0;
  top: 0;
}

.case-detail h2 {
  font-size: 32px;
  line-height: 1.7em;
  color: #222;
  padding: 0 0 0 0;
  margin: 0;
}

.case-detail h3 {
  font-size: 26px;
  line-height: 1em;
  color: #222;
  padding: 90px 0 30px 0;
  margin: 0;
}

.case-detail h3 span {
  position: relative;
  display: block;
  text-indent: 10px;
}

.case-detail h3 span::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background: #004cf9;
}

.case-detail h4 {
  font-size: 20px;
  line-height: 1em;
  color: #222;
  padding-top: 20px;
  padding-bottom: 10px;
}

.case-detail h5 {
  font-size: 18px;
  line-height: 1em;
  color: #222;

  margin: 20px 0;
}

.case-detail h6 {
  font-size: 18px;
  line-height: 1em;
  color: #222;

  margin: 20px 0;
}

.case-detail p {
  font-size: 16px;
  line-height: 1.625em;
  color: #454545;
  margin: 10px 0;
}

.case-detail ol,
.case-detail ul {
  margin: 0;
  padding-left: 20px;
}

.case-detail ul li {
  list-style: disc;
}

.case-detail ol li,
.case-detail ul li {
  font-size: 16px;
  line-height: 1.625em;
  color: #454545;
  margin-bottom: 10px;
}

.related-case {
  position: relative;
  z-index: 2;
  padding: 60px 0;
  /* background: rgba(0, 76, 249, 0.05); */
  background: #f2f5fe;
  margin-bottom: -20px;
}

.related-case .swiper {
  padding: 20px;
}

.related-case .model-title {
  margin-bottom: 0;
}

.related-case .container {
  padding: 0;
}

.related-case-title {
  font-size: 36px;
  line-height: 1em;
  text-align: center;
  margin-bottom: 40px;
}

.related-case-list {
  display: flex;
  align-items: stretch;
  /* justify-content: space-between; */
}

.related-case-list .case-box {
  cursor: pointer;
  text-decoration: none;
}

.related-case-list .case-box:hover .case-link {
  color: #5a83f7;
}

.related-case-list .case-link {
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #454545;
}

.related-case-list .case-link::before {
  position: absolute;
  content: "";
  background: #d6e2ff;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  transform: scaleY(0.5);
  opacity: 0.5;
}

.related-case-list .case-box-content {
  padding: 24px;
}

.related-case-list .case-box .case-logo,
.related-case-list .case-box .case-pic {
  margin-bottom: 24px;
}

.related-case-list .case-box .case-pic {
  border-radius: 8px;
  overflow: hidden;
  max-height: 150px;
}

.related-case-list .case-box .case-pic img {
  max-width: 100%;
}

.related-case-list .case-box .case-logo img {
  height: 30px;
}

.related-case-list .case-box .case-info {
  font-size: 16px;
  line-height: 30px;
  color: #454545;
  height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}

/* 一体化 */
.section-allinone-content {
  display: flex;
  gap: 30px;
}
.section-allinone-item {
  position: relative;
  /* flex: 0 0 33.33%; */
  /* border: 2px solid #e9efff; */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  /* background: linear-gradient(142deg, #e9efff -2.41%, #fff 92.01%); */
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
  background: linear-gradient(145deg, #f0f7ff, #e0efff);
  transition:
    transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
    -webkit-transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
    -webkit-box-shadow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  /* background:linear-gradient(180deg, #e6f7ff 0%, #f9fdff 100%) */
}
.section-allinone-item:nth-child(2) {
  background: linear-gradient(145deg, #fff7f0, #ffece0);
  /* background: linear-gradient(180deg, #feefe9 0%, #fffbf9 100%); */
}
.section-allinone-item:nth-child(3) {
  background: linear-gradient(145deg, #f0feff, #e0fff6);
}
.section-allinone-item:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.08);
}
.allinone-logo-w {
  display: none;
}
/* .section-allinone-item:hover .section-allinone-des {
  color: #fff;
} */
/* .allinone-logo-w {
  display: none;
}
.section-allinone-item:hover .allinone-logo {
  display: none;
}
.section-allinone-item:hover .allinone-logo-w {
  display: block;
} */
.section-allinone-header {
  /* background: linear-gradient(142deg, #e9efff -2.41%, #fff 92.01%); */
  /* margin: 3px 3px 0; */
  /* border-top-left-radius: 12px;
  border-top-right-radius: 12px; */
  padding: 32px 32px 0 32px;
}
/* .section-allinone-item:nth-child(1) .section-allinone-header {
  background: linear-gradient(142deg, #e9efff -2.41%, #fff 92.01%);
} */
/* .section-allinone-item:nth-child(1):hover .section-allinone-header {
  background: linear-gradient(142deg, #0f62fe -2.41%, #518dff 92.01%);
} */
.section-allinone-item:nth-child(1):hover .btn-more {
  background: #0f62fe;
}
/* .section-allinone-item:nth-child(2) {
  border: 2px solid #fceadc;
} */
/* .section-allinone-item:nth-child(2) .section-allinone-header {
  background: linear-gradient(145deg, #fceadc -9.47%, #fff 99.57%);
}

.section-allinone-item:nth-child(2):hover .section-allinone-header {
  background: linear-gradient(145deg, #fe7200 -9.47%, #ffae6c 99.57%);
} */
.section-allinone-item:nth-child(2):hover .btn-more {
  background: #fe7200;
}
/* .section-allinone-item:nth-child(3) {
  border: 2px solid #e8f3ff;
} */
/* .section-allinone-item:nth-child(3) .section-allinone-header {
  background: linear-gradient(145deg, #e8f3ff -9.47%, #fff 99.57%);
}
.section-allinone-item:nth-child(3):hover .section-allinone-header {
  background: linear-gradient(145deg, #03b1ff -9.47%, #1fb6f9 99.57%);
} */
.section-allinone-item:nth-child(3):hover .btn-more {
  background: #03b1ff;
}
.section-allinone-item:nth-child(4) {
  border: 2px solid #edebfd;
}
.section-allinone-item:nth-child(4) .section-allinone-header {
  background: linear-gradient(145deg, #edebfd -9.47%, #fff 99.57%);
}
.section-allinone-item:nth-child(4):hover .section-allinone-header {
  background: linear-gradient(145deg, #8e80fa -9.47%, #9589f3 99.57%);
}
.section-allinone-item:nth-child(4):hover .btn-more {
  background: #8e80fa;
}
.section-allinone-content ul {
  padding: 32px;
  margin-bottom: 0;
}
.section-allinone-content ul li {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.section-allinone-content ul li h3 {
  font-size: 18px;
  line-height: 26px;
  color: #222;
}
.section-allinone-des {
  font-size: 16px;
  line-height: 24px;
  color: #555;
}
.section-allinone-pic img {
  height: 24px;
  margin-bottom: 20px;
}
.section-allinone-more {
  height: 130px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), #fff);
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}
.section-allinone-more .btn-more {
  width: 140px;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #fff !important;
  border: none !important;
}
.section-allinone-item:hover .section-allinone-more {
  opacity: 1;
  display: flex;
}
.HomeOne-bg {
  background: url(../images/home/home-p-1.png);
}
/* 下载页 */

.download-app {
  background: #fff;
}

.download-app .bricks {
  max-width: 1200px;
  margin: 0 auto;
}

.download-app .mobile-visible {
  display: none;
}

.download-app .download-banner {
  width: 100%;
  background: url(/assets/images/download/banner-download.png) no-repeat 50%;
  background-size: cover;
  padding: 148px 24px 0 24px;
}

.download-app .download-banner .bricks {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.download-app .download-content {
  color: #141e31;
  padding-top: 50px;
}

.download-app .download-content h1 {
  margin-bottom: 14px;
  font-size: 66px;
  line-height: 90px;
  font-weight: 600;
}

.download-app .download-content p {
  font-size: 28px;
  line-height: 36px;
  color: #141e31;
}

.download-app .download-content .download-buttons {
  margin-top: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.download-app .download-content .download-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  /* border-radius: 36px; */
  /* height: 72px; */
  padding: 8px 16px;
  color: #222;
  /* background: linear-gradient(130deg, #f55e5e 5.19%, #f7a300 84.15%); */
  /* background: linear-gradient(90deg, #ff7767 5.19%, #fda196 84.15%); */
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition:
    box-shadow 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  cursor: pointer;
  gap: 6px;
  min-width: 126px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  cursor: default;
}

.download-app .download-content .download-btn .iconfont {
  font-size: 40px;
  background: linear-gradient(135deg, #427bff 0%, #4cdbee 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.download-app .download-content .download-btn:hover {
  box-shadow: 0 12px 28px rgb(78, 131, 253, 0.3);
}

.download-app .download-content .download-btn:hover .download-qr {
  opacity: 1;
}

.download-app .download-content .download-btn .download-qr {
  position: absolute;
  left: 50%;
  bottom: 120px;
  width: 154px;
  height: 199px;
  font-size: 18px;
  color: #141e31;
  text-align: center;
  padding: 10px;
  background: url(/assets/images/download/qrcode-bg.png) no-repeat 50%;
  background-size: 100% 100%;
  font-size: 16px;
  line-height: 22px;
  opacity: 0;
  transform: translateX(-50%);
  transition: 0.2s ease;
}

.download-app .download-content .download-btn .download-qr .qrcode-block {
  width: 134px;
  height: 134px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}

.download-app .download-phone {
  width: 392px;
  height: auto;
}

.download-app .download-footer {
  padding: 60px 20px;
  text-align: center;
}

.download-app .download-footer .footer-title {
  font-size: 24px;
  line-height: 32px;
  color: #141e31;
}
.download-app .download-footer .footer-title br {
  display: none;
}
.download-app .download-footer .footer-title a {
  color: #3aa4ff;
  transition: color 0.2s ease;
}

.download-app .download-footer .footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 30px 0;
}

.download-app .download-footer .footer-links .circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ddd;
}

.download-app .download-footer .footer-links a {
  font-size: 22px;
  color: #3aa4ff;
}

.download-app .download-footer .copyright {
  font-size: 16px;
  line-height: 24px;
  color: #555;
}

.banner-product-audit {
  padding-top: 100px;
  padding-bottom: 0;
  overflow-x: clip; /* 首屏画布用 120% 宽度，窄屏时裁掉溢出的横向部分 */
  width: 100%;
  /* max-width: 1440px; */
  height: 1390px;
  margin: 60px auto -280px auto;
  background: url(/assets/images/product/demo-bg.png) no-repeat center center;
    background-size: cover;
}
.banner-product-audit .caption {
  text-align: center;
}
.banner-product-audit .caption-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 100%;
  /* letter-spacing: 5px; */
  color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.banner-product-audit .des-txt {
  font-weight: 400;
  font-size: 32px;
  line-height: 150%;

  margin-top: 32px;
  color: #fff;
  margin-bottom: 50px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.banner-product-audit .btn-primary {
  display: inline-block;
  /* margin-bottom: 50px; */
  background: url(/assets/images/product/ai-audit-btn.png) no-repeat;
  background-size: 100% 100%;
  width: 145px;
  height: 54px;
}

.logo-headline {
  display: flex;
  gap: 8px;
  font-size: 22px;
  font-weight: 600;
  color: #1a1a2e;

  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.logo-headline .logo-pic {
  height: 26px;
  margin: 0 12px;
}
.logo-headline .logo-aloraai {
  height: 30px;
}
.btn-alora {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 200px;
  height: 52px;
  margin: 0 auto 0 auto;
  border-radius: 100px;
  background: linear-gradient(299deg, #ad56f8 5%, #0040e9 81%);
  color: #fff !important;
  /* box-shadow: 0 6px 18px rgb(139, 91, 246, 0.3); */
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  transition:
    transform 0.3s,
    box-shadow 0.3s,
    -webkit-transform 0.3s,
    -webkit-box-shadow 0.3s;
  cursor: pointer;
  margin-top: 32px;
  margin-bottom: 44px;
  border: none;
}
.audit-section-ability .container {
  position: relative;
  padding-top: 48px;
}
.audit-section-ability .bg3 {
  background: #fcfcfd;
  border-radius: 20px;
  padding: 60px 40px;
  position: relative;
  z-index: 2;
  box-shadow: 0 6px 18px rgb(139, 91, 246, 0.1);
}
.audit-section-ability .bg1,
.audit-section-ability .bg2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 343px;
  border-radius: 20px;
}
.audit-section-ability .bg1 {
  z-index: 1;
  top: 0;
  width: calc(100% - 96px);

  background: hsla(0, 0%, 100%, 0.6);
}
.audit-section-ability .bg2 {
  z-index: 2;
  top: 24px;
  width: calc(100% - 48px);
  /* max-width: 1328px; */
  background: hsla(0, 0%, 100%, 0.8);
}
.audit-section img {
  width: 100%;
}
.section-ability-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.ability-box-item {
  font-weight: 500;

  font-size: 32px;

  line-height: 120%;
  /* letter-spacing: -1px; */
  color: #050505;
  background: url(/assets/images/product/ability-box-bg.png) no-repeat;
  padding: 40px 40px;
  background-size: 100% 100%;
}
.ability-box-item .num-txt {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-right: 20px;
  font-weight: 400;
  visibility: hidden;
}
.audit-section {
  background: url(/assets/images/product/audit-section-bg.png) no-repeat;
  background-size: 100%;
}
.audit-section-1 {
  /* background: url(/assets/images/product/audit-section-bg.png) no-repeat;
  background-size: cover; */
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.section-try-ai-audit {
  background: url(/assets/images/product/try-ai-bg.jpg) no-repeat;
  height: 580px;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-try-ai-audit h1{
  margin-bottom: 40px;
}
.audit-section .box {
  position: relative;
}
.audit-section .box img {
  width: 100%;
}
.audit-section .box .item13 {
  width: 75%;
  z-index: 80;
  margin: 0 auto;
}

.audit-section .box .box-left-item1 {
  width: 15.2%;
  opacity: 1;
  top: 30%;
  left: 5%;
  position: absolute;
  z-index: 99;
  font-size: 0;
}
.audit-section .box .box-left-item2 {
  width: 19.9%;
  top: 65%;
  left: 7%;
  position: absolute;
  z-index: 99;
  font-size: 0;
}
.audit-section .box .box-right-item1 {
  width: 17.9%;
  top: 26%;
  right: 4%;
  position: absolute;
  z-index: 99;
  font-size: 0;
}

.audit-section .box .box-right-item2 {
  width: 17.9%;
  /* height: 132px; */
  top: 58.5%;
  right: 7%;
  position: absolute;
  z-index: 99;
  font-size: 0;
}
.audit-section-2 .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.audit-section-2 h1 {
  font-size: 32px;
}
.audit-section-2 .section-sub-title {
  margin-bottom: 40px;
}
.audit-box {
  /* background: #f8f8fa linear-gradient(
203deg, #c8a9fc4d -9.43%, #ffffff4d 36.11%); */
  /* background: #f8f8fa linear-gradient(161deg, #9684ff -9.43%, #ffffff4d 36.11%); */
  background: #f8f8fa
    linear-gradient(160deg, #c8a9fc4d -9.43%, #ffffff4d 36.11%);
  box-shadow: 0 6px 18px rgb(139, 91, 246, 0.1);
  padding: 32px 24px;
  border-radius: 24px;
  /* background: url(/assets/images/product/audit-box-bg.png) no-repeat;
  background-size: 100% 100%; */
}
.audit-box:nth-child(2) {
  background: #f8f8fa linear-gradient(210deg, #c0cbff -9.43%, #ffffff4d 36.11%);
}
.audit-box-img {
  border-radius: 24px;
}

.audit-section-3 {
  background: url(/assets/images/product/audit-section-3-bg.jpg) no-repeat;
  background-position: top center;
  background-size: cover;
}
.section-try-ai-audit.section-try .btn.btn-outline {
  background: #fff !important;
  border-color: #ad56f8 !important;
  color: #ad56f8 !important;
}
.section-try-ai-audit.section-try h1 {
  font-size: 52px;
}
.section-try-ai-audit.section-try .btn {
  background: linear-gradient(299deg, #ad56f8 5%, #0040e9 81%) !important;
}
.banner-product-audit .caption-img {
  margin-top: 79px;
  width: 1194px;
  height: 600px;
  opacity: 1;
  border-radius: 52px;
  background: #111;
  border: 1px solid #d27afe;
  box-shadow: 0 0 0 4px #000;
  box-shadow: 0 0 20px 2px rgba(210, 122, 254, 0.4);
  box-shadow: inset 0 0 16px 4px rgba(210, 122, 254, 0.4);
  /* background-image: url(/static/eva/eva-video-bg.png); */
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.banner-product-audit .caption-img img {
  width: 100%;
}
/* AI导航菜单 */

.solution-list-pc .solution-list-content.ai-resources {
  align-items: flex-start;
  background: #fff;

  display: flex;
  gap: 50px;
  padding: 40px 36px 48px 0;
}

.solution-list-pc .solution-list-content.ai-resources .card-item {
  -webkit-box-flex: 0;
  color: inherit;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  text-decoration: none;
}

.solution-list-pc
  .solution-list-content.ai-resources
  .card-item:hover
  .item-title {
  font-weight: 500;
}

.solution-list-pc .solution-list-content.ai-resources .card-item .item-content {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.solution-list-pc
  .solution-list-content.ai-resources
  .card-item
  .item-content
  .icon {
  height: 28px;
  width: 28px;
}
.solution-list-pc
  .solution-list-content.ai-resources
  .card-item
  .item-content
  .icon
  img {
  width: 100%;
}
/* .solution-list-pc .solution-list-content.ai-resources .card-item .item-content .icon.ai1 {
    background-position: -56px -364px
}

.solution-list-pc .solution-list-content.ai-resources .card-item .item-content .icon.ai2 {
    background-position: -56px -392px
} */

.solution-list-pc
  .solution-list-content.ai-resources
  .card-item
  .item-content
  .info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
}

.solution-list-pc
  .solution-list-content.ai-resources
  .card-item
  .item-content
  .info
  .item-title {
  color: #141e31;
  font-size: 15px;
  line-height: 20px;
  /* margin-bottom: 6px; */
}

.solution-list-pc
  .solution-list-content.ai-resources
  .card-item
  .item-content
  .info
  .item-des {
  color: #7d7d7d;
  font-size: 12px;
  line-height: 18px;
  /* margin-bottom: 6px; */
}

.solution-list-pc .solution-list-content.ai-resources .card-item .card-cover {
  border-radius: 6px;
  display: block;
  height: auto;
  margin-left: 38px;
  margin-top: 6px;
  width: 200px;
}

.service-panel {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-left: auto;
  margin-right: auto;
  margin-top: 44px;
  max-width: none;
  padding: 0;
}

.service-main-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 32px 0  32px 32px;
  /* aspect-ratio: 1.34117647; */
  /* aspect-ratio: 0.9; */
  border-radius: 20px;
  box-shadow: 0 20px 48px rgba(58,164,255,0.08);
  min-height: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.service-main-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(58,164,255,0.2);
}
.service-main-card img {
  width: 45%;
  object-fit: contain;
  margin-bottom: -32px;
}

.service-main-card:first-child {
  background: linear-gradient(
    135deg,
    rgba(202, 255, 238, 0.5),
    rgb(210 223 255)
  );
  /* background: linear-gradient(135deg, rgba(202,255,238,0.5), rgba(230, 248, 235,0.1)); */
  /* background: linear-gradient(135deg, #dfe3ff, #fde8f6); */
}
.service-main-card:nth-child(2) {
  background: linear-gradient(135deg, rgb(213, 228, 254), #f3efff);
  /* background: linear-gradient(135deg, #caffee, #e6f8eb); */
  /* background:linear-gradient(180deg, rgba(198, 251, 255,.5), rgb(215,241, 255,.3) 102%, rgba(242, 251,252,.1) 144%); */
}
.service-main-card:nth-child(3) {
  background: linear-gradient(135deg, #f3efff, rgba(202, 255, 238, 0.5));
  /* background: linear-gradient(135deg, #c3d6fb, #e6f8eb); */
  /* background: linear-gradient(135deg, rgba(167,222,255,0.4), rgba(210,255,243,0.2)); */
  /* background: linear-gradient(135deg, #f3efff, #f0f5ff); */
}

.service-main-card .service-main-content {
  /* padding-bottom: 32px; */
  /* padding: 42px 42px 0 42px; */
  /* left: 44px;
  position: absolute;
  top: 42px;
  z-index: 1; */
}

.service-main-card .service-main-label {
  color: #222;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
}

.service-main-card .service-copy-mobile {
  display: none;
}

.service-main-card h3 {
  margin: 8px 0 0;
}

.service-main-card h3,
.service-main-card p {
  color: #333;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.service-main-card p {
  margin: 0;
  max-width: 312px;
  text-align: left;
}
/* .section-fullc{
  padding: 0;
} */
.service-card-list {
  /* background: linear-gradient(118deg, #c8d9ff, #cffcff 65%, #b6e7ff); */
  /* background: linear-gradient(118deg,#d5f1ff,#e3fff5 65%,#d8fdff); */
  /* background: linear-gradient(118deg, rgb(213, 241, 255), rgb(235, 248, 255) 65%, rgb(216, 253, 255)); */
  /* border-radius: 20px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  gap: 30px;
  grid-column: 1/-1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  /* height: 338px; */
  list-style: none;
  margin: 0;
  padding: 0;
  /* padding: 42px 42px; */
}

.service-card-list li {
  min-width: 0;
  text-align: center;
}

.service-card-list  .is-link .service-card-inner {
  cursor: pointer;
}

.service-card-list .is-link .service-card-inner:hover .service-icon-symbol {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2d9cff),
    to(#00c29a)
  );
  background: linear-gradient(180deg, #2d9cff, #00c29a);
}

.service-card-list
  a.is-link
  .service-card-inner:hover
  .service-card-link-arrow {
  background: #eafffd;
}

.service-card-list .service-card-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: transparent;
  border: 0;
  color: inherit;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 100%;
  padding: 80px 0;
}

.service-card-list .service-card-inner,
.service-card-list .service-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.service-card-list .service-icon {
  /* background: linear-gradient(
    180deg,
    #fff 34.74%,
    rgba(250, 254, 255, 0.82) 98.97%,
    rgba(233, 251, 255, 0.2) 166.46%
  );
  border: 1px solid #fff;
  border-radius: 12px;
  box-sizing: border-box;
  filter: drop-shadow(0 4px 12px rgba(253, 142, 50, 0.2)); */
  flex: 0 0 80px;
  height: 80px;
  width: 80px;
}
.service-card-list .service-icon img {
  width: 80px;
}
/* .service-card-list .service-icon-symbol {
    background: -webkit-gradient(linear,left top,left bottom,from(#1fdee1),to(#11c6ba));
    background: linear-gradient(180deg,#1fdee1,#11c6ba);
    display: block;
    height: 40px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    width: 40px
} */

.service-card-list strong {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 24px;
}

.service-card-list strong,
.service-card-list strong .service-card-copy-desktop {
  color: #333;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.service-card-list .service-card-link-arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 8px rgba(123, 198, 241, 0.35);
  box-shadow: 0 2px 8px rgba(123, 198, 241, 0.35);
  color: #19cc83;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  width: 24px;
}

.service-card-list .service-card-link-arrow .iconfont {
  font-size: 14px;
  font-weight: 600;
}

.service-card-list p {
  margin: 24px auto 0;
  max-width: 260px;
}

.service-card-list p,
.service-card-list p .service-card-copy-desktop {
  color: #333;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.service-card-list p .service-card-copy-desktop,
.service-card-list p .service-card-copy-desktop span {
  display: block;
}

.service-card-list .service-card-copy-mobile {
  display: none;
}

/* ===== 企业支出一体化方案 · 服务卡片 hover 明细 ===== */
/* 卡片色层：默认透明，hover 时按卡淡入专属浅色（数值取自设计参考图实测） */
.service-card-list .service-card-inner {
  border-radius: 20px;
  position: relative;
  background: linear-gradient(
    118deg,
    rgb(213, 241, 255),
    rgb(235, 248, 255) 65%,
    rgb(216, 253, 255)
  );
}
.service-card-list a:nth-child(2) .service-card-inner {
   background: linear-gradient(118deg, rgb(254, 239, 233), rgb(255, 242, 239) 65%, rgb(251, 227, 221)); 
}
.service-card-list a:nth-child(3) .service-card-inner {
  background:linear-gradient(118deg, rgb(213, 241, 255), rgb(227, 255, 245) 65%, rgb(216, 253, 255));
}
.service-card-list .service-card-inner::before {
  background: none;
  border-radius: 20px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.28s ease;
  transition: opacity 0.28s ease;
  /* background: #fff; */
}

/* .service-card-list li:nth-child(1) .service-card-inner::before {
  background: linear-gradient(135deg, #eef5fe, #e4effd);
}

.service-card-list li:nth-child(2) .service-card-inner::before {
  background: linear-gradient(135deg, #fdf5ed, #fceee2);
}

.service-card-list li:nth-child(3) .service-card-inner::before {
  background: linear-gradient(135deg, #f0fdfd, #e7fef6);
} */

/* 卡片原有内容（图标 / 名称 / 简介）置于色层之上 */
.service-card-list .service-card-inner > .service-icon,
.service-card-list .service-card-inner > strong,
.service-card-list .service-card-inner > p {
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 1;
}

/* 明细层 */
.service-card-list .service-card-detail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  opacity: 0;
  /* 参考图面板宽 372px、文字左内边距 34px；本站卡片仅 344px（service-card-list 有 42px 内边距），
     故收到 16px 让内容区达到 312px，以复现参考图的换行位置 */
  padding: 0 32px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition:
    opacity 0.28s ease,
    -webkit-transform 0.28s ease;
  transition:
    opacity 0.28s ease,
    transform 0.28s ease;
  visibility: hidden;
  z-index: 2;
}

.service-card-list .service-card-detail .service-detail-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

.service-card-list .service-card-detail .service-detail-head img {
  display: block;
  flex: 0 0 36px;
  height: 36px;
  width: 36px;
}

.service-card-list .service-card-detail .service-detail-head span {
  color: #222;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.service-card-list .service-card-detail .service-detail-item {
  margin-bottom: 20px;
}

.service-card-list .service-card-detail .service-detail-item:last-child {
  margin-bottom: 0;
}

.service-card-list .service-card-detail h4 {
  color: #222;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
  text-align: left;
}

.service-card-list .service-card-detail p {
  color: #666;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 8px 0 0;
  max-width: none;
  text-align: left;
}

/* hover 仅在「真机鼠标 + 桌面宽度」下生效：触屏不会粘住 hover 态 */
@media (hover: hover) and (min-width: 993px) {
  .service-card-list .service-card-inner:hover::before {
    opacity: 1;
  }

  .service-card-list .service-card-inner:hover > .service-icon,
  .service-card-list .service-card-inner:hover > strong,
  .service-card-list .service-card-inner:hover > p {
    opacity: 0;
  }

  .service-card-list .service-card-inner:hover .service-card-detail {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
  }
}

/* ============================================================
   首页「覆盖全部行业 各个绽放异彩」板块
   版式参考 jingcaiyun-git 首页 enterprise-comment 板块
   （胶囊标签 + 大圆角卡 + 右侧渐变遮罩 + 左侧白字内容列）
   不含其 cm-case-grid 案例网格部分
   ============================================================ */

/* 胶囊标签栏 */
.section-industry .industry-tabs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 42px;
  padding: 0 20px;
}

.section-industry .industry-tab {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #222;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  height: 52px;
  line-height: 32px;
  padding: 0 32px;
  -webkit-transition:
    color 0.2s ease,
    background 0.2s ease;
  transition:
    color 0.2s ease,
    background 0.2s ease;
  width: auto;
}

.section-industry .industry-tab.active,
.section-industry .industry-tab:hover {
  background: linear-gradient(
    270deg,
    #7de0ff -32.86%,
    #3aa4ff 99.04%
  ) !important;
  color: #fff;
}

/* 舞台 */
.section-industry .industry-stage {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto 0;
  width: 100%;
}

.section-industry .industry-panel {
  display: none;
  width: 100%;
}

.section-industry .industry-panel.active {
  display: block;
}

/* 大卡 */
.section-industry .industry-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 24px rgba(20, 30, 49, 0.08);
  box-shadow: 0 8px 24px rgba(20, 30, 49, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height:500px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.section-industry .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(202, 32, 54, 0) 32.31%,
    #ca2036 80.98%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* 8 个行业各一色：前 7 色取自参考图原值，第 8 色为同族补充色 */
.section-industry .industry-panel:nth-child(1) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(191, 111, 58, 0) 32.31%,
    rgba(191, 111, 58, 1) 80.98%
  );
  background: linear-gradient(
    263deg,
    rgba(191, 111, 58, 0) 32.31%,
    rgba(191, 111, 58, 1) 80.98%
  );
  /* background: linear-gradient(
    263deg,
    rgba(208,143,115, 0) 32.31%,
    rgba(208,143,115, 1) 80.98%
  ); */
}

.section-industry .industry-panel:nth-child(2) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(0, 126, 224, 0) 32.31%,
    rgba(0, 126, 224, 1) 80.98%
  );
}

.section-industry .industry-panel:nth-child(3) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(229, 134, 79, 0) 32.31%,
    rgba(229, 134, 79, 1) 80.98%
  );
}

.section-industry .industry-panel:nth-child(4) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(0, 126, 224, 0) 32.31%,
    rgb(0, 126, 224) 80.98%
  );
}

.section-industry .industry-panel:nth-child(5) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(0, 126, 224, 0) 32.31%,
    rgb(0, 126, 224) 80.98%
  );
}

.section-industry .industry-panel:nth-child(6) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(229, 134, 79, 0) 32.31%,
    rgba(229, 134, 79, 1) 80.98%
  );
}

.section-industry .industry-panel:nth-child(7) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(0, 126, 224, 0) 32.31%,
    rgba(0, 126, 224, 1) 80.98%
  );
}

.section-industry .industry-panel:nth-child(8) .industry-card::after {
  background: linear-gradient(
    263deg,
    rgba(201, 147, 103, 0) 32.31%,
    rgba(201, 147, 103, 1) 80.98%
  );
}

/* 底图 */
.section-industry .industry-card-bg {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.section-industry .industry-card-m-bg {
  display: none;
}

/* 左侧内容列 */
.section-industry .industry-card-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 54px 0 48px 40px;
  position: relative;
  z-index: 2;
}

.section-industry .industry-card-content h3 {
  color: #fff;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin: 0 0 16px;
}

.section-industry .industry-card-content p {
  color: #fff;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  max-width: 360px;
  text-align: left;
}

/* 统计数字（保留在左侧内容列） */
.section-industry .industry-card-data {
  margin-top: 56px;
}

.section-industry .industry-card-data strong {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.section-industry .industry-card-data span {
  color: hsla(0, 0%, 100%, 0.86);
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
}

/* 按钮：靠 margin-top:auto 顶到卡片左下角，避免各行业文案长短不一时底部留白 */
.section-industry .industry-card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-size: 14px;
  height: 44px;
  line-height: 24px;
  width: 132px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.25);
  /* border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255); */
  border-image: none;
  border-radius: 10px;
  margin-top: 40px;
}


/* ===== 荣誉板块 section-honor（移植自 jingcaiyun-git，2026-10-15） ===== */
/* 荣誉 */

.section-honor {
  padding: 80px 0 90px;
}

.section-honor .guard-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  /* grid-template-columns: 470px 680px; */
  grid-template-columns: 40% 60%;
  height: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 44px;
  max-width: none;
  padding: 0;
  direction: rtl;
  /* width: min(1170px,calc(100% - 40px)) */
}

.section-honor .guard-capability-list {
  display: grid;
  gap: 20px;
}

.section-honor .guard-capability-card {
  aspect-ratio: 2.13636364;

  border: 1px solid #ceeaff;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(58,164,255, 0.1);

  box-sizing: border-box;
  height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%;
  /* width: 470px; */
  display: flex;
  align-items: center;
  padding-left: 40px;
  direction: ltr;
}
.section-honor .guard-capability-card:first-child {
  background:
    url(/assets/images/home/guard-capability-private.png) no-repeat center
      center,
    linear-gradient(180deg, #fff 37.5%, #f0f8fd);
}
.section-honor .guard-capability-card:last-child {
  background:
    url(/assets/images/home/guard-capability-security.png) no-repeat center
      center,
    linear-gradient(180deg, #fff 37.5%, #f0f8fd);
}

.section-honor .guard-capability-card .guard-capability-img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  display: block;
  /* height: 220px; */
  -o-object-fit: cover;
  object-fit: cover;
  /* opacity: .8; */
  /* width: 470px; */
}

.section-honor .guard-capability-card .guard-capability-copy {
  position: relative;
  /* left: 40px;
    max-width: 210px;
    position: absolute;
    text-align: left;
    top: 40px */
}

.section-honor .guard-capability-card h3 {
  color: #333;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
}

.section-honor .guard-capability-card h3 span {
  display: block;
}

.section-honor .guard-capability-card p {
  color: #666;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 14px 0 0;
}

.section-honor .guard-capability-card p span {
  display: block;
}

.section-honor .guard-cert-panel {
  --cert-domestic-card-width: 194px;
  --cert-domestic-card-height: 87px;
  --cert-overseas-card-width: 120px;
  --cert-overseas-card-height: 54px;
  background: transparent;
  border: 1px solid #ceeaff;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  filter: drop-shadow(0 4px 16px rgba(58,164,255, 0.1));
  /* height: 460px; */
  isolation: isolate;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  /* width: 680px; */
}

.section-honor .guard-cert-panel:before {
  background: url(/assets/images/home/guard-cert-bg.png) center / cover
    no-repeat;
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: 0.8;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.section-honor .guard-cert-group {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

.section-honor .guard-cert-title {
  color: #333;
  font-family:
    PingFang SC,
    sans-serif;
  font-size: 24px;
  font-weight: 600;
  left: 0;
  line-height: 36px;
  margin: 40px auto 24px auto;
  /* position: absolute;
    right: 0; */
  text-align: center;
  z-index: 1;
}

.section-honor .guard-cert-grid {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: start;
  align-items: start;
  display: grid;
  -webkit-justify-content: center;
  justify-content: center;
  /* left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); */
  z-index: 1;
}

.section-honor .guard-cert-group.domestic .guard-cert-title {
  /* top: 40px */
  /* margin-top: 40px; */
}

.section-honor .guard-cert-group.overseas .guard-cert-title {
  /* top: 228px; */
  /* margin-top: 40px; */
}

.section-honor .guard-cert-group.domestic .guard-cert-grid {
  -webkit-column-gap: 93px;
  -moz-column-gap: 93px;
  column-gap: 93px;
  grid-template-columns: repeat(2, var(--cert-domestic-card-width));
  /* top: 103px */
  /* margin-top: 27px; */
}

.section-honor .guard-cert-group.overseas .guard-cert-grid {
  gap: 24px 57px;
  grid-template-columns: repeat(3, var(--cert-overseas-card-width));
  /* top: 290px */
}

.section-honor .guard-cert-item {
  line-height: 0;
}

.section-honor .guard-cert-item .guard-cert-image {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.section-honor .guard-cert-group.domestic .guard-cert-item {
  aspect-ratio: 2.22988506;
  height: var(--cert-domestic-card-height);
  width: var(--cert-domestic-card-width);
}

.platform-grid {
  padding: 32px;
  border-radius: 24px;
  background: #eaf8f6;
  margin-top: 40px;
  /* --platform-video-aspect: 16/9; */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  /* padding-top: 80px; */
  position: relative;
}
.product-audit .platform-grid {
  background: none;
  padding: 0 32px;
}
.product-audit .section-solution-feature .platform-grid {
  background: #fff8f4;
  padding: 32px;
}
.platform-grid .brand {
  height: 30px;
  position: absolute;
  top: 32px;
  left: 32px;
  display: none;
}

.platform-card {
  position: relative;
  min-width: 0;
}

.platform-card:before {
  position: absolute;
  top: 12%;
  right: 10%;
  left: 10%;
  z-index: 0;
  height: 52%;
  border-radius: 50%;
  -webkit-filter: blur(42px);
  filter: blur(42px);
  opacity: 0.7;
  content: "";
  pointer-events: none;
  -webkit-transition:
    opacity 0.45s ease,
    -webkit-transform 0.45s ease;
  transition:
    opacity 0.45s ease,
    -webkit-transform 0.45s ease;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease,
    -webkit-transform 0.45s ease;
}

.platform-card:hover:before {
  opacity: 1;
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.platform-card-jdy:before {
  background: rgba(0, 194, 154, 0.22);
}

.platform-card-wufan:before {
  background: rgba(155, 79, 218, 0.2);
}

.platform-frame {
  position: relative;
  z-index: 1;
  margin: 0;
}

.platform-bezel {
  overflow: hidden;
  padding: 10px 10px 12px;
  border: 1px solid hsla(0, 0%, 100%, 0.86);
  border-radius: 24px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(hsla(0, 0%, 100%, 0.96)),
    to(rgba(248, 251, 250, 0.92))
  );
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.96),
    rgba(248, 251, 250, 0.92)
  );
  -webkit-box-shadow:
    inset 0 1px 0 hsla(0, 0%, 100%, 0.9),
    0 18px 48px rgba(28, 39, 60, 0.1);
  box-shadow:
    inset 0 1px 0 hsla(0, 0%, 100%, 0.9),
    0 18px 48px rgba(28, 39, 60, 0.1);
}

.platform-chrome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 28px;
  padding: 2px 8px 10px;
  gap: 6px;
}

.platform-chrome i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(20, 30, 49, 0.16);
}

.platform-chrome i:first-child {
  background: #ff5551;
}

.platform-chrome i:nth-child(2) {
  background: #ffb33b;
}

.platform-chrome i:nth-child(3) {
  background: #00c042;
}

.platform-chrome b {
  margin-left: 8px;
  overflow: hidden;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-viewport {
  position: relative;
  overflow: hidden;
  /* aspect-ratio: var(--platform-video-aspect,16/9); */
  border-radius: 16px;
  background: #e5e6eb;
}

.platform-viewport img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  height: 264px;
}

.platform-frame figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 16px;
  padding: 0 8px;
  gap: 12px;
}

.platform-frame figcaption em,
.platform-frame figcaption h3 {
  font-weight: 600;
}

.platform-frame figcaption em {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #838892;
  font-size: 14px;
  font-style: normal;
  letter-spacing: 0.06em;
}

.platform-frame figcaption h3 {
  margin: 0;
  color: #141e31;
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.5;
}

/* ---------------------------------------------------------------
   product-ai-audit 第三部分：AI Agent 驱动的报销自动化闭环
   版式参考：jiandaoyun.com/index/jdy-wufan 的 .fx-jdy-wufan-architecture
   配色为优氙品牌色，换主色只改下面这组变量
---------------------------------------------------------------- */
.product-audit-loop {
    --al-blue: #0039e0;
    /* 优氙主蓝（描边/浅底） */
    --al-blue-strong: #1568c0;
    /* 主蓝压深（文字，白底 ≥5.5:1） */
    --al-blue-soft: rgba(232, 245, 255, .78);
    --al-brand2: #8b5cf6;
    /* Alora 紫 */
    --al-brand2-strong: #6d3fd4;
    --al-brand2-soft: rgba(243, 238, 255, .78);
    --al-icon: #2b8fe8;
    /* 图标黄底 ≥3:1 */
    --al-green: #00b28a;
    /* 闭环线/结果绿 */
}

.home-section.product-audit-loop {
    padding-top: 120px;
    padding-bottom: 120px;
       background: url(/assets/images/product/audit-section-bg.png) no-repeat;
    background-size: 100% 100%;
}

.product-audit-loop>.container {
    padding-left: 0;
    padding-right: 0;
}

.product-audit-loop .ai-ic {
    width: 20px;
    height: 20px;
    fill: currentColor;
    display: inline-block;
    flex: none;
    vertical-align: -.125em;
}

.product-audit-loop .architecture-heading {
    margin: 0 auto 48px;
    text-align: center;
}

.product-audit-loop .architecture-heading h1 {
    margin: 0;
    font-size: clamp(30px, 3.2vw, 44px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #141e31;
    text-align: center;
}

.product-audit-loop .architecture-diagram {
    position: relative;
}

.product-audit-loop .architecture-entry-block,
.product-audit-loop .architecture-model-block {
    padding: 20px;
    border: 1px solid rgba(67, 77, 95, .12);
    border-radius: 22px;
    background: hsla(0, 0%, 100%, .58);
    box-shadow: 0 12px 32px rgba(36, 44, 60, .04);
}

.product-audit-loop .architecture-model-block {
    margin-top: 16px;
}

.product-audit-loop .architecture-execution-block {
    padding: 24px;
    border: 1px solid rgba(67, 77, 95, .12);
    border-radius: 22px;
    background:
        radial-gradient(circle at 93% 4%, var(--al-brand2-soft), transparent 28%),
        radial-gradient(circle at 4% 100%, var(--al-blue-soft), transparent 25%),
        hsla(0, 0%, 100%, .68);
}

/* 员工侧入口 */
.product-audit-loop .architecture-entry>span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #464f60;
    font-size: 14px;
    font-weight: 600;
}

.product-audit-loop .architecture-entry>span .ai-ic {
    color: var(--al-icon);
    font-size: 20px;
}

.product-audit-loop .architecture-entry>div {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 14px;
    gap: 14px;
}

.product-audit-loop .architecture-entry b {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    gap: 10px;
    border: 1px solid rgba(67, 77, 95, .14);
    border-radius: 14px;
    color: #323844;
    background: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.product-audit-loop .architecture-entry b .ai-ic {
    color: var(--al-icon);
    font-size: 16px;
}

/* 二进制数据流分隔 */
.product-audit-loop .architecture-divider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    margin: 0;
    overflow: hidden;
    color: #434953;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.product-audit-loop .architecture-divider>span {
    position: relative;
    z-index: 1;
    padding: 10px 126px;
    background: linear-gradient(90deg, rgba(248, 250, 251, 0), rgba(248, 250, 251, .18) 14%, rgba(248, 250, 251, .78) 29%, rgba(248, 250, 251, .97) 40%, rgba(248, 250, 251, .97) 60%, rgba(248, 250, 251, .78) 71%, rgba(248, 250, 251, .18) 86%, rgba(248, 250, 251, 0));
}

.product-audit-loop .architecture-data-stream {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 26%, #000 74%, transparent);
    mask-image: linear-gradient(180deg, transparent, #000 26%, #000 74%, transparent);
}

.product-audit-loop .architecture-data-stream i {
    position: absolute;
    top: -260px;
    width: 1ch;
    color: rgba(76, 83, 97, .2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
    animation: audit-loop-data-flow 8s linear infinite;
}

@keyframes audit-loop-data-flow {
    0% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

/* 执行区 */
.product-audit-loop .architecture-workspace {
    display: grid;
    grid-template-columns: 116px 82px minmax(230px, 1.14fr) 32px 118px 32px minmax(230px, 1.14fr) 32px 124px;
    align-items: center;
    margin: 0 0 6px;
    gap: 8px;
}

.product-audit-loop .architecture-external {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    min-height: 224px;
    padding: 10px;
    /* border: 1px solid rgba(73, 96, 140, .14); */
    border-radius: 16px;
    background: hsla(0, 0%, 100%, .58);
    box-shadow: 0 10px 20px rgba(36, 43, 55, .04);
}

.product-audit-loop .architecture-external>small {
    display: block;
    margin-bottom: 8px;
    color: #5e687b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-align: center;
}

.product-audit-loop .architecture-external>div {
    display: grid;
    flex: 1;
    gap: 6px;
}

.product-audit-loop .architecture-external span {
    display: grid;
    place-items: center;
    padding: 4px 3px;
    border: 1px solid rgba(78, 98, 135, .14);
    border-radius: 8px;
    color: #515864;
    background: rgba(252, 252, 253, .84);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.product-audit-loop .architecture-connection {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    color: var(--al-blue-strong);
    text-align: center;
}

.product-audit-loop .architecture-connection-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(0, 57, 224, .3);
    border-radius: 999px;
    background: rgba(238, 245, 255, .88);
    font-size: 18px;
}

.product-audit-loop .architecture-connection small {
    color: var(--al-blue-strong);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.product-audit-loop .architecture-system {
    min-height: 224px;
    padding: 20px;
    border: 1px solid rgba(67, 77, 95, .14);
    border-radius: 18px;
    box-shadow: 0 12px 24px rgba(36, 43, 55, .06);
}

.product-audit-loop .architecture-system>p {
    min-height: 0;
    margin: 8px 0 6px;
    color: #474c56;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.65;
}

.product-audit-loop .architecture-jdy {
    border-color: rgba(0, 57, 224, .55);
    background: linear-gradient(145deg, rgba(253, 253, 254, .98), var(--al-blue-soft));
}

.product-audit-loop .architecture-wufan {
    border-color: rgba(139, 92, 246, .5);
    background: linear-gradient(145deg, rgba(252, 252, 253, .99), var(--al-brand2-soft));
}

.product-audit-loop .architecture-card-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.product-audit-loop .architecture-card-title strong {
    color: #141e31;
    font-size: 24px;
    font-weight: 700;
}

.product-audit-loop .architecture-card-title span {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
}

.product-audit-loop .architecture-jdy .architecture-card-title span {
    color: var(--al-blue-strong);
}

.product-audit-loop .architecture-wufan .architecture-card-title span {
    color: var(--al-brand2-strong);
}

.product-audit-loop .architecture-brand {
    height: 20px;
    width: auto;
    object-fit: contain;
}

.product-audit-loop .architecture-tag-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.product-audit-loop .architecture-tag-grid span {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 7px 9px;
    gap: 4px;
    border-radius: 12px;
    color: #3a3f48;
    background: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.product-audit-loop .architecture-tag-grid .ai-ic {
    font-size: 16px;
}

.product-audit-loop .architecture-jdy-grid span {
    border: 1px solid rgba(21, 104, 192, .16);
}

.product-audit-loop .architecture-jdy-grid .ai-ic {
    color: var(--al-blue-strong);
}

.product-audit-loop .architecture-wufan-grid span {
    border: 1px solid rgba(109, 63, 212, .16);
}

.product-audit-loop .architecture-wufan-grid .ai-ic {
    color: var(--al-brand2-strong);
}

.product-audit-loop .architecture-arrow {
    display: grid;
    place-items: center;
    color: #1d3758;
    font-size: 32px;
    font-weight: 400;
}

.product-audit-loop .architecture-result,
.product-audit-loop .architecture-step {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 196px;
    text-align: center;
}

.product-audit-loop .architecture-result strong,
.product-audit-loop .architecture-step strong {
    margin-top: 12px;
    color: #39404c;
    font-size: 14px;
    line-height: 1.5;
}

.product-audit-loop .architecture-result small,
.product-audit-loop .architecture-step small {
    margin-top: 6px;
    color: #68707e;
    font-size: 12px;
}

.product-audit-loop .architecture-step>div {
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    /* border: 2px solid rgba(26, 185, 150, .72);
    border-radius: 28px;
    color: #11aa89;
    background: rgba(244, 255, 252, .88); */
    font-size: 36px;
}

.product-audit-loop .architecture-result>.ai-ic,
.product-audit-loop .architecture-step .ai-ic{
    width: 82px;
    height: 82px;
    padding: 24px;
    /* border: 2px solid rgba(26, 185, 150, .72);
    border-radius: 28px;
    color: #07ab88;
    background: rgba(244, 255, 252, .88); */
}

/* 结果回写 U 形线 */
.product-audit-loop .architecture-return {
    position: relative;
    height: 48px;
    margin: 0 4.5% 12px 30%;
}

.product-audit-loop .architecture-return>span {
    position: absolute;
    z-index: 1;
    right: 50%;
    top: 18px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    gap: 8px;
    color: #2e7a69;
    background: hsla(0, 0%, 100%, .94);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transform: translateX(50%);
}

.product-audit-loop .architecture-return .ai-ic {
    font-size: 20px;
}

.product-audit-loop .architecture-return-line {
    position: absolute;
    top: 0;
    right: calc(66px - 7.595%);
    bottom: 0;
    left: 0;
    border-right: 3px solid rgba(0, 178, 138, .78);
    border-bottom: 3px solid rgba(0, 178, 138, .78);
    border-left: 3px solid rgba(0, 178, 138, .78);
    border-radius: 0 0 30px 30px;
}

.product-audit-loop .architecture-return-line:before {
    position: absolute;
    top: -32px;
    right: -3px;
    height: 32px;
    border-right: 3px solid rgba(0, 178, 138, .78);
    content: "";
}

.product-audit-loop .architecture-return-line:after {
    position: absolute;
    top: 0;
    left: -9px;
    width: 14px;
    height: 14px;
    border-top: 3px solid rgba(0, 178, 138, .78);
    border-left: 3px solid rgba(0, 178, 138, .78);
    content: "";
    transform: rotate(45deg);
}

/* 收益条 */
.product-audit-loop .architecture-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 22px;
    gap: 10px;
}

.product-audit-loop .architecture-benefits>span {
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    padding: 14px;
    gap: 2px 9px;
    border-right: 1px solid rgba(48, 57, 74, .1);
}

.product-audit-loop .architecture-benefits>span:last-child {
    border-right: 0;
}

.product-audit-loop .architecture-benefits .ai-ic {
    grid-row: span 2;
    color: var(--al-icon);
    font-size: 24px;
}

.product-audit-loop .architecture-benefits b {
    color: #323741;
    font-size: 14px;
}

.product-audit-loop .architecture-benefits small {
    color: #818793;
    font-size: 12px;
    line-height: 1.45;
}

/* 大模型接入 */
.product-audit-loop .architecture-models {
    padding: 0;
}

.product-audit-loop .architecture-model-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.product-audit-loop .architecture-model-head>span {
    display: flex;
    flex: none;
    align-items: center;
    gap: 8px;
    color: #464f60;
    font-size: 14px;
    font-weight: 600;
}

.product-audit-loop .architecture-model-head>span .ai-ic {
    color: var(--al-brand2-strong);
    font-size: 20px;
}

.product-audit-loop .architecture-model-head small {
    color: #727986;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.product-audit-loop .architecture-model-head em {
    display: inline-flex;
    flex: none;
    align-items: center;
    margin-left: auto;
    padding: 5px 10px;
    border: 1px solid rgba(109, 63, 212, .32);
    border-radius: 999px;
    color: var(--al-brand2-strong);
    background: rgba(243, 238, 255, .92);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .04em;
    white-space: nowrap;
}

.product-audit-loop .architecture-models>div:not(.architecture-model-head) {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 14px;
    gap: 10px;
}

.product-audit-loop .architecture-models>div:not(.architecture-model-head) b {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 8px;
    border: 1px solid rgba(67, 77, 95, .14);
    border-radius: 14px;
    color: #323844;
    background: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.product-audit-loop .architecture-actions {
    margin-top: 44px;
    text-align: center;
}

/* 站内 .btn-lg 是块级 flex，会撑满容器，这里收成按钮宽度 */
/* 渐变取 .section-try-ai-audit.section-try .btn（299deg, #ad56f8 5% → #0040e9 81%），尺寸/圆角保持原样 */
.product-audit-loop .architecture-actions .btn {
    display: inline-flex;
    width: auto;
    min-width: 145px;
    height: 50px;
    padding: 0 32px;
    border-radius: 100px;
    background: linear-gradient(299deg, #ad56f8 5%, #0040e9 81%) !important;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
}

@media (max-width: 1199px) {
    .home-section.product-audit-loop {
        padding-top: 88px;
        padding-bottom: 88px;
    }

    .product-audit-loop>.container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .product-audit-loop .architecture-heading {
        margin-bottom: 36px;
    }

    .product-audit-loop .architecture-diagram {
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .product-audit-loop .architecture-workspace {
        min-width: 1100px;
    }

    .product-audit-loop .architecture-entry>div,
    .product-audit-loop .architecture-models>div:not(.architecture-model-head) {
        min-width: 720px;
    }
}
/* ---------------------------------------------------------------
   product-ai-audit 首屏：三卡叠放（HTML 版，文字可直接改）
   画布 1882×1074（设计稿 941×537 的 2 倍），整块按容器等比缩放
---------------------------------------------------------------- */
/* 首屏三卡：不再套 caption-img 框，直接浮在 banner 背景上
   margin-top 29px 是为了让 .ac-record 顶边落在原 caption-img 的顶边（y≈543）：
   caption 底 464 + 29 = 画布顶 493，卡在画布内 top:80 × 缩放 .6249 ≈ 50 → 543 */
.banner-product-audit .audit-hero {
    position: relative;
    width: 130%;
    margin-left: -15%;
    margin-top: 80px;
    container-type: inline-size;
}

/* 三卡画布：1882×1074（设计稿 941×537 的 2 倍），按容器宽度等比缩放 */
.banner-product-audit .audit-hero-stage {
    position: relative;
    width: 2113px;
    height: 1074px;
    zoom: calc(100cqi / 2113px);
}
.banner-product-audit .audit-hero-stage .ac-card {
    position: absolute;
}
.banner-product-audit .audit-hero-stage .ac-record {
  position: relative;
  margin: 0 auto;
    /* left: 498px;
    top: 80px; */
    z-index: 1;
   box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.9), 0 18px 48px rgba(28, 39, 60, 0.1);
    border-radius: 24px;
    border: 1px solid hsla(0, 0%, 100%, 0.86);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.96), rgba(248, 251, 250, 0.92));
}
.banner-product-audit .audit-hero-stage .ac-rules {
    left: 217px;
    top: 340px;
    z-index: 2;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.9), 0 18px 48px rgba(28, 39, 60, 0.1);
    border-radius: 24px;
    border: 1px solid hsla(0, 0%, 100%, 0.86);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.96), rgba(248, 251, 250, 0.92));
}
.banner-product-audit .audit-hero-stage .ac-flow {
    left: 1400px;
    top: 151px;
    z-index: 3;
   box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.9), 0 18px 48px rgba(28, 39, 60, 0.1);
    border-radius: 24px;
    border: 1px solid hsla(0, 0%, 100%, 0.86);
    /* background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.96), rgba(248, 251, 250, 0.92)); */
    background: radial-gradient(circle at 8% 0px, rgba(239,228,255, 0.86), transparent 34%), radial-gradient(circle at 92% 100%, rgba(150, 107, 255, 0.12), transparent 36%), linear-gradient(145deg, rgb(255, 255, 255), rgb(250, 250, 251));
}

.ac-card{position:relative;box-sizing:border-box;font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#1F2329;-webkit-font-smoothing:antialiased}
.ac-card *,.ac-card *::before,.ac-card *::after{box-sizing:border-box}
.ac-card p{margin:0}
.ac-card h3{margin:0;font-weight:700}
.ac-card svg{display:block}

/* ============ 卡 A：AI 审核记录 ============ */
.ac-record{width:1200px;height:900px;background:#FEF5EE;overflow:hidden}
.ac-record .ac-head{padding:32px 30px 0 40px}
.ac-record h3{font-size:38px;line-height:1;letter-spacing:1px}
.ac-record .ac-tabs{display:flex;align-items:center;gap:44px;font-size:24px;color:#3F4650}
.ac-record .ac-tabs>span{position:relative;line-height:1;white-space:nowrap}
.ac-record .ac-tabs i{font-style:normal}
.ac-record .ac-tabs .is-active{color:#F08A24;font-weight:700}
.ac-record .ac-tabs .is-active::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:4px;
  background:#F08A24;border-radius:2px}
.ac-record .ac-tools{margin-left:auto;display:flex;gap:10px}
.ac-record .ac-tools button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;
  padding:0 22px;border:1px solid #F1E7DD;border-radius:10px;background:#fff;color:#3F4650;
  font:400 24px/1 inherit;cursor:pointer}
.ac-record .ac-tools svg{width:24px;height:24px}
.ac-record .ac-list{margin-top:18px;padding:0 27px}
.ac-record .ac-item{background:#fff;border-radius:12px;padding:28px 32px;margin-bottom:24px}
.ac-record .ac-line1{display:flex;align-items:center;gap:24px;height:36px}
.ac-conf{display:inline-flex;align-items:center;height:36px;padding:0 12px;border:1px solid #A8E3C8;
  border-radius:6px;background:#E9F8F1;color:#2FAE7E;font-size:18px}
.ac-no{font-size:26px;color:#6E7378;letter-spacing:.5px}
.ac-back{margin-left:auto;font-size:19px;font-weight:700;color:#F08A24}
.ac-record .ac-line2{display:flex;align-items:center;gap:18px;margin-top:26px;height:33px}
.ac-record .ac-line2 b{font-size:25px;font-weight:700}
.ac-org{font-size:21px;color:#8A8F98}
.ac-chip{font-style:normal;font-size:18px;color:#6B7280;border:1px solid #E5E5E5;border-radius:4px;padding:3px 10px}
.ac-rule{display:flex;align-items:center;gap:14px;height:50px;margin-top:22px;margin-left:37px;margin-right:49px;padding:0 16px;
  background:#FAFAFA;border:1px solid #F3F3F3;border-radius:6px}
.ac-rule i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:#F2994A;color:#fff;font:700 16px/1 inherit;font-style:normal}
.ac-rule p{font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-record .ac-line3{display:flex;align-items:center;gap:18px;margin-top:22px;height:36px;font-size:20px;color:#6B7280}
.ac-reject{font-style:normal;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;
  background:#FDECEC;color:#F04438;font-size:18px}
.ac-record .ac-line3 a{margin-left:auto;color:#9AA0A6;font-size:18px;text-decoration:none}

/* ============ 卡 B：默认规则库 ============ */
.ac-rules{width:600px;height:480px;background:#FFF8EF;overflow:hidden}
.ac-rhead{display:flex;align-items:center;justify-content:space-between;padding:19px 49px 0 47px;height:47px}
.ac-rules h3{font-size:27px;line-height:1;letter-spacing:.5px}
.ac-new{display:flex;align-items:center;gap:5px;height:44px;padding:0 13px;border:0;border-radius:10px;
  background:#F59B45;color:#fff;font:400 19px/1 inherit;cursor:pointer}
.ac-new svg{width:18px;height:18px}
.ac-rlist{padding:32px 49px 0 47px}
.ac-rrow{display:flex;align-items:center;gap:22px;height:110px;padding:0 30px 0 27px;background:#fff;
  border-radius:12px;margin-bottom:16px}
.ac-ric{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#F59B45;color:#fff; display: none;}
.ac-ric svg{width:22px;height:22px}
.ac-ip{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#F59B45;
  color:#fff;font:700 15px/1 inherit;letter-spacing:.5px; display: none;}
.ac-rtext{flex:1;min-width:0}
.ac-rtext b{display:block;font-size:22px;line-height:1;font-weight:700}
.ac-rtext p{margin-top:10px;font-size:18px;line-height:1;color:#9AA0A6}
.ac-switch{flex:none;position:relative;width:50px;height:27px;border-radius:999px;background:#F59B45}
.ac-switch i{position:absolute;top:3px;right:3px;width:21px;height:21px;border-radius:50%;background:#fff}

/* ============ 卡 C：流程设计器 ============ */
.ac-flow{width:580px;height:710px;background:#FEFBF7;overflow:hidden;text-align:center}
.ac-flow h3{font-size:38px;line-height:1.1;padding-top:40px; padding-bottom: 18px;}
.ac-fsub{margin-top:10px;font-size:20px;color:#8A8F98;line-height:1}
.ac-conn{position:absolute;left:0;top:20px;}  
.ac-node{position:absolute;border:1px solid #E8EDF5;border-radius:8px;background:#FCFCFF;
  box-shadow:0 3px 9px rgba(31,45,80,.05);padding:8px 11px;text-align:left;    display: flex;
    flex-direction: column;
    justify-content: center;}
.ac-nh{display:flex;align-items:center;gap:7px}
.ac-nicon{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#417bf1;color:#fff}
.ac-nicon svg{width:14px;height:14px}
.ac-n-start .ac-nicon{background:#887ee9;color:#fff}
.ac-nicon-ai{background:transparent;color:#8B5CF6;width:20px}
.ac-nicon-ai svg{width:30px;height:30px;margin-left: -4px; margin-top: -4px;}
.ac-nt{font-size:15px;font-weight:700;line-height:1;white-space:nowrap}
.ac-nt-grad{background:linear-gradient(90deg,#F7A55C,#A78BFA);-webkit-background-clip:text;background-clip:text;
  color:transparent}
.ac-ndots{width:12px;height:12px;margin-left:auto;color:#C9CFDA}
.ac-ndots svg{width:12px;height:12px}
.ac-ns{margin-top:10px;font-size:13px;color:#8A8F98;line-height:1}
.ac-ns-ai{color:#7C5CE0;font-size:18px}
.ac-n-ai{border:0;background:linear-gradient(135deg,#FCEBDA 0%,#F7E9F7 48%,#EFE6FB 100%);
  box-shadow:0 10px 24px rgba(190,120,255,.22),0 0 22px 6px rgba(245,161,60,.16),inset 0 0 0 1px rgba(255,255,255,.6)}
.ac-n-start{background:#FCFCFF}
.ac-n-end{display:flex;align-items:center;gap:7px;width:auto;padding:0 12px;background:#fff; flex-direction: row;}
.ac-nicon-end{background:#4C8DF6}


/* ---------------------------------------------------------------
   product-audit-loop 与全站视觉统一（布局不动，只调图标色/描边/投影/底色）
   站内基准：主蓝 #3aa4ff、卡片底 #FCFCFD、执行区底 #F8F8FA、
            投影 0 6px 18px rgba(139,91,246,.10)、无实描边
---------------------------------------------------------------- */
/* ===== 与全站视觉统一（product-audit-loop） ===== */
.product-audit-loop {
    /* 主色：2026-10-26 由 #3aa4ff 调整为品牌深蓝 #0039E0 */
    --al-blue: #0039E0;
    --al-blue-strong: #0039E0;
    --al-blue-soft: rgba(234, 245, 255, .9);
    --al-icon: #0039E0;
    /* Alora 侧沿用站内紫色体系（shadow 本身是 rgba(139,91,246,.1)） */
    --al-brand2: #8b5bf6;
    --al-brand2-strong: #6d3fd4;
    --al-brand2-soft: rgba(245, 241, 255, .9);
    /* 全站统一投影：0 6px 18px rgba(139,91,246,.1) */
    --al-shadow: 0 6px 18px rgba(139, 91, 246, .10);
    --al-shadow-lg: 0 10px 26px rgba(139, 91, 246, .10);
    /* 描边：由冷灰改成品牌蓝的极淡值 */
    --al-line: rgba(67, 77, 95, 0.14);
}

.product-audit-loop .architecture-entry-block,
.product-audit-loop .architecture-model-block,
.product-audit-loop .architecture-execution-block {
    /* border-color: var(--al-line); */
    border:none;
    box-shadow: var(--al-shadow-lg);
}

.product-audit-loop .architecture-external {
    border-color: var(--al-line);
    box-shadow: var(--al-shadow);
}

.product-audit-loop .architecture-external span,
.product-audit-loop .architecture-entry b,
.product-audit-loop .architecture-models b,
.product-audit-loop .architecture-tag-grid span {
    border-color: var(--al-line);
}

.product-audit-loop .architecture-system {
    box-shadow: var(--al-shadow);
}

.product-audit-loop .architecture-jdy {
    border-color: rgba(0, 57, 224, .30);
}

.product-audit-loop .architecture-wufan {
    border-color: rgba(139, 91, 246, .28);
}

/* 图标统一到品牌蓝 */
.product-audit-loop .architecture-entry>span .ai-ic,
.product-audit-loop .architecture-entry b .ai-ic,
.product-audit-loop .architecture-benefits .ai-ic {
    color: var(--al-icon);
}
.product-audit-loop .architecture-entry>span .ai-ic,
.product-audit-loop .architecture-entry b .ai-ic {
   color: #03b1ff;
}
.product-audit-loop .architecture-connection-icon {
  border: none;
    /* border-color: rgba(0, 57, 224, .26); */
    background: rgba(238, 246, 255, .92);
}

.product-audit-loop .architecture-jdy-grid .ai-ic {
    color: var(--al-blue-strong);
}

/* 闭环线 / 结果 / 事件：由绿转为品牌蓝 */
.product-audit-loop .architecture-return-line,
.product-audit-loop .architecture-return-line:before,
.product-audit-loop .architecture-return-line:after {
    border-color: rgba(0, 57, 224, .55);
}

.product-audit-loop .architecture-return>span {
    color: var(--al-blue-strong);
}

.product-audit-loop .architecture-step>div {
    /* border-color: rgba(0, 57, 224, .40); */
    color: var(--al-blue-strong);
    background: rgba(240, 248, 255, .92);
       border-radius: 50%;
}

.product-audit-loop .architecture-result>.ai-ic {
    /* border-color: rgba(0, 57, 224, .40); */
    color: var(--al-blue-strong);
    background: rgba(240, 248, 255, .92);
    border-radius: 50%;
}

/* 分隔区文案底纹跟背景一致，避免出现灰色带 */
.product-audit-loop .architecture-divider>span {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .35) 14%, rgba(255, 255, 255, .9) 30%, #fff 42%, #fff 58%, rgba(255, 255, 255, .9) 70%, rgba(255, 255, 255, .35) 86%, rgba(255, 255, 255, 0));
}

/* 卡片底色对齐站内 .bg3(#FCFCFD) / .audit-box(#F8F8FA) */
.product-audit-loop .architecture-entry-block,
.product-audit-loop .architecture-model-block {
    background: #fff;
}
/* .product-audit-loop .architecture-entry-block{
background: linear-gradient(145deg, rgba(253, 253, 254, .98), var(--al-blue-soft));
}
.product-audit-loop .architecture-model-block{
background: linear-gradient(145deg, rgba(252, 252, 253, .99), var(--al-brand2-soft));
} */
.product-audit-loop .architecture-execution-block {
  background: #fff;
    /* background:
        radial-gradient(circle at 93% 4%, rgba(139, 91, 246, .06), transparent 28%),
        radial-gradient(circle at 4% 100%, rgba(0, 57, 224, .07), transparent 25%),
        #F8F8FA; */
}
.product-audit-loop .architecture-entry b,
.product-audit-loop .architecture-external,
.product-audit-loop .architecture-external span,
.product-audit-loop .architecture-tag-grid span,
.product-audit-loop .architecture-models>div:not(.architecture-model-head) b {
    background: #fff;
}


/* ---------------------------------------------------------------
   三卡皮肤：参考 aloraai.cn/demo-page「审核记录」
   白底卡片 + 1px rgba(0,0,0,.06) + r12 无投影；卡头带 #F5F4F2
   文字 #1A1A1A / #333 / #7A7A7A / #999；胶囊标签绿 #D6F4D3、红 #FDDBDA
   仅覆盖上方的 .ac-* 基础样式，不改画布与卡片位置
---------------------------------------------------------------- */
/* ===== 参考 aloraai.cn/demo-page「审核记录」的视觉语言 =====
   卡片：白底 + 1px rgba(0,0,0,.06) + r12 + 无投影
   卡头带：#F5F4F2；文字：#1A1A1A / #333 / #7A7A7A / #999
   标签：11px 胶囊，绿 #D6F4D3/#45884A、红 #FDDBDA/#D95A52、中性 #F5F4F2/#7A7A77
   ========================================================= */
.ac-card { color: #1a1a1a; }
.ac-record, .ac-rules, .ac-flow {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 12px;
}

/* ---------- 卡 A：AI 审核记录 ---------- */
.ac-record .ac-head {     padding: 24px 28px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 24px; }
.ac-record .ac-head h3 { white-space: nowrap; flex: 1 1 auto; }
/* 标题与筛选/导出同一行，tabs 独占下一行 */
.ac-record .ac-head .ac-tabs { order: 3; flex: 0 0 100%; flex-wrap: wrap; }
.ac-record .ac-head .ac-tools { margin-left: auto; }
.ac-record .ac-head .ac-tabs { font-size: 17px; gap: 26px; height: 30px;}
.ac-record h3 { font-size: 26px; font-weight: 700; letter-spacing: 0; color: #1a1a1a; }
.ac-record .ac-tabs { font-size: 19px; color: #999; gap: 38px; }
.ac-record .ac-tabs .is-active { color: #1a1a1a; font-weight: 600; }
.ac-record .ac-tabs .is-active::after { background: #1a1a1a; height: 2px; bottom: -14px; }
.ac-record .ac-tools button {
    height: 40px; padding: 0 18px; border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 999px; background: #fff; color: #333; font-size: 16px;
}
.ac-record .ac-tools svg { width: 16px; height: 16px; }

.ac-record .ac-list { margin-top: 16px; padding: 0 22px 22px; }
.ac-record .ac-item {
    display: flex; flex-direction: column; min-height: 270px;
    padding: 0; margin-bottom: 16px; background: #fff; border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 12px; overflow: hidden;
}
.ac-record .ac-line1 { background: #f5f4f2; padding: 12px 20px; height: auto; gap: 14px; }
.ac-conf {
    height: 24px; padding: 0 9px; border: 0; border-radius: 999px;
    background: #d6f4d3; color: #45884a; font-size: 14px;
}
.ac-no { font-size: 18px; font-weight: 500; color: #1a1a1a; letter-spacing: 0; }
.ac-back {
    font-size: 14px; font-weight: 400; color: #d95a52; background: #fddbda;
    border-radius: 999px; padding: 3px 9px;
}

.ac-record .ac-line2 { margin: 22px 20px 0; height: auto; gap: 14px; }
.ac-record .ac-line2 b { font-size: 19px; font-weight: 600; color: #333; }
.ac-org { font-size: 16px; color: #7a7a7a; }
.ac-chip {
    font-size: 13px; color: #7a7a77; background: #f5f4f2; border: 0;
    border-radius: 999px; padding: 3px 9px;
}
.ac-rule {
    height: 44px; margin: 14px 20px 0; padding: 0 12px; gap: 10px;
    background: #fafaf9; border: 0; border-radius: 8px;
}
.ac-rule i { width: 18px; height: 18px; background: #d95a52; font-size: 12px; }
.ac-rule p { font-size: 16px; color: #7a7a7a; }
.ac-record .ac-line3 { margin: 20px 20px 22px; padding-top: 0; height: auto; gap: 12px; font-size: 15px; color: #999; }
.ac-reject {
    height: 24px; line-height: 24px; padding: 0 9px; border-radius: 999px;
    background: #fddbda; color: #d95a52; font-size: 13px;
}
.ac-record .ac-line3 a { font-size: 13px; color: #999; }

/* ---------- 卡 B：默认规则库 ---------- */
.ac-rules .ac-rhead { padding: 22px 26px 0; height: auto; }
.ac-rules h3 { font-size: 22px; font-weight: 700; letter-spacing: 0; color: #1a1a1a; }
.ac-new {
    height: 38px; padding: 0 16px; gap: 5px; border-radius: 999px;
    background: #1a1a1a; color: #fff; font-size: 15px;
}
.ac-new svg { width: 16px; height: 16px; }
.ac-rlist { padding: 20px 26px 0; }
.ac-rrow {
    height: 96px; padding: 0 24px 0 20px; gap: 18px;
    background: #fff; border: 1px solid rgba(0, 0, 0, .06); border-radius: 10px; margin-bottom: 10px;
}
.ac-ric { width: 34px; height: 34px; border-radius: 8px; background: #f5f4f2; color: #333; }
.ac-ric svg { width: 19px; height: 19px; }
.ac-ip { width: 34px; height: 34px; border-radius: 8px; background: #f5f4f2; color: #333; font-size: 13px; }
.ac-rtext b { font-size: 20px; font-weight: 500; color: #1a1a1a; }
.ac-rtext p { margin-top: 12px; font-size: 16px; color: #7a7a7a; }
.ac-switch { width: 46px; height: 25px; background: #8b5bf6; }
.ac-switch i { width: 19px; height: 19px; top: 3px; right: 3px; }

/* ---------- 卡 C：流程设计器 ---------- */
.ac-flow h3 { font-size: 29px; font-weight: 700; color: #1a1a1a;  }
.ac-fsub { margin-top: 9px; font-size: 18px; color: #7a7a7a; }
.ac-conn path { stroke: #d8d5d0; }
.ac-node {
    border: 1px solid rgba(0, 0, 0, .07); border-radius: 10px; background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}
.ac-nicon { background:#417bf1; color: #fff; border-radius: 6px; }
.ac-nicon-end { background: #456def; color: #fff; }
.ac-nt { font-size: 16px; font-weight: 600; color: #1a1a1a; }
.ac-nt-grad { background: none; -webkit-text-fill-color: currentColor; color: rgb(139, 91, 246); font-size: 20px;}
.ac-ndots { color: #ccc; }
.ac-ns { font-size: 14px; color: #7a7a7a; }
.ac-ns-ai { font-size: 18px; color: #8b5bf6; }
.ac-n-ai {
    border: 1px solid rgba(139, 91, 246, .28);
    background: linear-gradient(135deg, #fbf6ff 0%, #f5efff 100%);
    box-shadow: 0 6px 16px rgba(139, 91, 246, .12);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ac-nicon-ai { background: transparent; color: #8b5bf6; }

/* 让行/列表把固定高度的卡片撑满，避免底部留白 */
.ac-record { display: flex; flex-direction: column; }
.ac-record .ac-list { flex: 1; display: flex; flex-direction: column; gap: 16px; }
.ac-record .ac-item { flex: 1; min-height: 0; margin-bottom: 0; }
.ac-rules { display: flex; flex-direction: column; }
.ac-rlist { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 18px 26px 22px; }
.ac-rrow { flex: 1; height: auto; margin-bottom: 0; }



.window-dots {
    position: relative;
  display: flex;
  gap: 6px;
  height: 14px;
  align-items: center;
  margin: 20px 12px 0 24px;
}

.window-dots span {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #ff5f57;
}

.window-dots span:nth-child(2) {
  background: #ffbd2e;
}

.window-dots span:nth-child(3) {
  background: #28c840;
}
/* ============ 左侧边栏（参考 aloraai.cn/demo-page 的 aside） ============
   参考值 208×722 / 条目 184×34 / 字号 12 / 图标 16 / r8 / 选中 #F5F4F2
   本画布按 991÷744 ≈ 1.332 放大 */
.ac-aside {
    position: relative;
  
    width: 277px;
    height: 900px;
    z-index: 1;
    padding: 11px 0 0;
    border-radius: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .96), rgba(248, 251, 250, .92));
    border: 1px solid hsla(0, 0%, 100%, .86);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), 0 18px 48px rgba(28, 39, 60, .1);

}
.ac-nav-brand {
    padding: 0 16px;
    height: 80px;
    display: flex;
    align-items: center;
}
.ac-nav-brand img {
    height: 29px;
    width: auto;
    display: block;
}
.ac-nav {
    padding: 0 16px;
}
.ac-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.ac-nav-item {
    display: flex;
    align-items: center;
    gap: 11px;
    height: 45px;
    padding: 0 11px;
    border-radius: 12px;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
}
.ac-nav-ic {
    width: 21px;
    height: 21px;
    flex: none;
}
.ac-nav-chev {
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: #9a9a9a;
}
.ac-nav-item.is-active {
    background: #f5f4f2;
    color: #1a1a1a;
    font-weight: 500;
}
.ac-nav-sep {
    display: block;
    height: 1px;
    margin: 24px 28px 23px;
    background: #efeeec;
}
.ac-nav-top {
    margin-top: 12px;
}

/* ===== ac-record 内部：左「侧边栏」/ 右「内容」两栏 =====
   .ac-record 变成网格：左列 277（window-dots + aside 竖排），右列自适应放 .ac-record-content */
.ac-record {
    display: grid;
    grid-template-columns: 277px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}
.ac-record>.window-dots {
    grid-column: 1;
    grid-row: 1;
    margin: 20px 0 6px 24px;
}
.ac-record>.ac-aside {
  background: #fff;
    margin: 16px;
    grid-column: 1;
    grid-row: 2;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;

    border-radius: 10px;

    box-shadow: none;
    overflow: hidden auto;
}
.ac-record>.ac-record-content {
    grid-column: 2;
    grid-row: 1 / -1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
        background: #fff;
    margin: 56px 16px 16px 0;
    border-radius: 10px;
}

/* ---------------------------------------------------------------
   footer 视觉对齐 yideamobile（www.yideamobile.com 实测值）
   底色 #0E1421 / 列标题 14px #8C99A6 / 链接 12px #fff / 行高 29
   分隔线 rgba(255,255,255,.12) / 版权行三段式 padding 20 0 80
---------------------------------------------------------------- */
.foot-wrap {
    background: #0E1421;
    padding-top: 80px;
}

/* 列标题：20px 纯白 → 14px 灰蓝（参考 .footer ul li strong） */
.foot-wrap .foot-nav-item-title {
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    color: #8C99A6;
    margin-bottom: 20px;
}

/* 链接：14/32 → 12/29，纯白 */
.foot-wrap .foot-nav-item-content ul li,
.foot-wrap a {
    font-size: 12px;
    line-height: 29px;
}

.foot-wrap a {
    color: #fff;
}

.foot-wrap a:hover {
    color: #fff;
    opacity: .75;
}

/* 热门 / 机构行：去掉上边线，行高与参考一致 */
.foot-wrap .foot-link {
    margin: 20px 0 0;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.foot-wrap .foot-link ul {
    margin-left: 0;
}

.foot-wrap .foot-link ul li {
    padding: 20px 8px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}

/* 行高收到 18，整行高度才对得上参考的 58px（20+18+20） */
.foot-wrap .foot-link ul li a {
    line-height: 18px;
}

/* 版权行：居中 → 左中右三段 */
.foot-wrap .foot-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 0 80px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.foot-wrap .foot-copyright .foot-police {
    margin-top: 0;
}