:root {
  --blackc: #272727;
  --whitec: #fff;
  --bgcolor: #daa14c;
  --brcolor: #654625;
  --paracolor: #555;
  --titlecolor: #daa14c;
  --themcolor: #fe6044;
  --greycolor: #ebebeb80;
  --fontcolor999: #999;
  --hovercolor: #ff9e92;
}

/* 统一顶部间距 */
.unified_top_margin {
  padding-top: 50px;
}

img {
  pointer-events: none;
}

.off_page {
  position: relative;
}
.off_page:hover .serviceMenu_assembly {
  display: flex;
  opacity: 1;
}
.serviceMenu_assembly {
  display: none;
  box-sizing: border-box;
  position: absolute;
  top: 75px;
  left: 0px;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  /* padding: 20px 30px 20px 30px; */
  z-index: 10;
  width: 300px;
  height: 300px;
  border-radius: 0 0 7px 7px;
  /* background-color: #fff; */
  background-color: #f0f7ff;
  transition: all 0.5s;
  opacity: 0;
}
.serviceMenu_assembly::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 25px;
  background-color: transparent;
}
.serviceMenu_assembly::after {
  /* content: "";
  position: absolute;
  top: -10px;
  left: 43%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg); */
}
.serviceMenu_assembly > div {
  margin-top: 0px;
  width: 314px;
  height: 78px;
  background-color: #fff;
}
.serviceMenu_assembly > div:first-child {
  margin-top: 0;
}
.serviceMenu_assembly > div {
  width: 100%;
}
.serviceMenu_assembly_flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  height: 25%;
  padding-left: 20px;
}
.serviceMenu_assembly_text:hover {
  color: var(--themcolor) !important;
}
.serviceMenu_assembly img {
  margin-right: 15px;
  width: 28px;
  height: 28px;
}
.serviceMenu_assembly span {
  margin-left: 10px;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Nunito";
}
.serviceMenu_assembly a:hover {
  background-color: #fafcff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.serviceMenu_assembly_text {
  text-align: left;
  line-height: 20px;
}
.serviceMenu_assembly_text div:first-child {
  font-size: 16px;
  color: #333333;
}
.serviceMenu_assembly_text div:last-child {
  font-size: 12px;
  color: #666666;
}
.Jia-Hui-logo h1 {
  margin-top: -14px;
}
.Jia-Hui-logo h1 a {
  font-size: 0;
}
.plate-name h1 {
  font-size: 42px;
  line-height: 50px;
  color: #062e5f;
  font-weight: 800;
  font-family: "Nunito";
}

.plate-name.style2 h1 {
  font-size: 60px;
  line-height: 70px;
}

.subheading-title h4 {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 30px;
  color: #ff791f;
  font-weight: 800;
  font-family: "Nunito";
}

.plate-name h1 span {
  /* color: #ff791f; */
  color: #2470fd;
}
.plate-name .plate-name-h6 {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 300;
}

.click-the-button-style a,
.click-the-button-style button {
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Nunito";
  /* background: #71a3ff; */
  background: var(--themcolor);
  border-radius: 5px;
  padding: 6px 72px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  overflow: hidden;
}

.click-the-button-style span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--hovercolor);
  transition:
    width 0.6s ease-in-out,
    height 0.6s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.bottom_btn a {
  padding: 1px 45px;
}

.click-the-button-style i {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #ffffff;
  color: #ff7a1f;
  line-height: 35px;
  text-align: center;
  font-size: 28px;
  transition: 0.5s;
  margin-left: 8px;
  margin-top: -1px;
}

.click-the-button-style a:hover i,
.click-the-button-style button:hover i {
  background: #8b66d8;
  color: #fff;
  filter: hue-rotate(360deg);
}

.click-the-button-style.style2 i {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: transparent;
  color: #fff;
  line-height: 32px;
  text-align: center;
  font-size: 22px;
  transition: 0.5s;
  padding-left: 0px;
}

.click-the-button-style.style2 a:hover i {
  color: #fff;
  padding-left: 6px;
  background: transparent;
}

.click-the-button-style a:hover span,
.click-the-button-style button:hover span {
  width: 40rem;
  height: 40rem;
}
.flex_center {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.center2_bg {
  position: absolute;
  top: -10%;
  z-index: -1;
  left: 0;
  width: 150%;
  height: 130%;
}

@media (max-width: 1100px) {
  .center2_bg {
    top: 0%;
    width: 105%;
    height: 105%;
  }
}
@media (max-width: 800px) {
  .center2_bg {
    top: -28%;
    width: 120%;
    height: 175%;
  }
}

.cat-shop_nav_manu {
  transition: 0.5s;
  z-index: 2;
  position: relative;
  padding: 0 70px 0;
  margin-bottom: -95px;
  border-bottom: 1px solid rgba(16, 18, 16, 0.10196078431372549);
}
.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(254, 254, 254, 0.1);
  box-shadow: 0 2px 5px -2px rgba(254, 254, 254, 0.1);
  background: #ffffff;
  transition: 0.5s !important;
  z-index: 922;
  -webkit-animation: 300ms ease-in-out slideInDown;
  animation: 500ms ease-in-out slideInDown;
  backdrop-filter: blur(5px);
  filter: drop-shadow(0 0 17.5px rgba(156, 156, 156, 0.2));
}

.header_ico_mobile {
  display: flex;
  align-items: center;
  float: right;
  margin-right: -70px;
  height: 77px;
}
.header_ico img {
  margin-right: 9px;
  width: 30px;
  height: 30px;
}

.sticky nav.header-menu {
  background: transparent;
}
@media (max-width: 1400px) {
  .header_ico_mobile {
    display: none;
  }
}

.sticky nav.header-menu ul li {
  display: inline-block;
  padding: 24px 20px;
  position: relative;
}
.header-menu ul li:hover {
  background-color: #ffe7e4;
}

/*<!-- ============================================================== -->
 <!-- 重置代码和共同结束在这里 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- 标题菜单从这里开始 -->
<!-- ============================================================== -->*/

nav.header-menu {
  text-align: center;
  width: 100%;
}
nav.header-menu ul {
  /* text-align: center; */
  float: left;
}

nav.header-menu > ul > li {
  display: inline-block;
  position: relative;
  padding: 24px 12px;
}
@media (max-width: 1200px) {
  nav.header-menu > ul > li,
  .sticky nav.header-menu ul li {
    padding: 24px 12px;
  }
}

nav.header-menu ul li a {
  font-size: 15px;
  line-height: 28px;
  color: #062e61;
  font-weight: 400;
  font-family: "Nunito";
  transition: 0.5s;
}

nav.header-menu i {
  font-size: 12px;
  transform: rotate(0deg);
  transition: 0.5s;
}

nav.header-menu ul li:focus-within i,
nav.header-menu ul li:hover i {
  transform: rotate(-180deg);
  color: #6839cc;
}

.sticky nav .submenu ul li {
  padding: 0;
}

.header-menu-right {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: right;
}

.header-search {
  position: relative;
}

.header-search input {
  width: 280px;
  height: 50px;
  border-radius: 4px;
  background-color: #e9f2f7;
  border: none;
  padding: 10px 20px;
}

.header-search button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #ff791f;
  border: none;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  transition: 0.5s;
  right: 10px;
  top: 10px;
}

.header-search button:hover {
  filter: hue-rotate(360deg);
}

.header-menu-btn ul li {
  display: inline-block;
}

.header-menu-btn li a {
  color: #072f60;
  font-size: 18px;
  transition: 0.5s;
  position: relative;
}

.header-menu-btn ul li:nth-child(1) {
  margin-right: 40px;
  border: none;
  background: transparent;
  position: relative;
}

.header-menu-btn ul li:nth-child(1):before {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  height: 30px;
  width: 1px;
  background: #072f6033;
}

.header-menu-btn small {
  position: absolute;
  top: -7px;
  right: -3px;
  border-radius: 30px;
  height: 18px;
  width: 16px;
  background: #ff791f;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 13px;
}

.header-menu-btn ul li:nth-child(2) {
  margin-right: 14px;
}

.header-menu-bar div {
  width: 20px;
  height: 2px;
  background: #072f60;
  margin: 4px;
  transition: all 0.3s ease;
  border-radius: 30px;
}

.header-menu-bar:focus-within .line1 {
  transform: rotate(-45deg) translate(-4px, 4px);
}

.header-menu-bar:focus-within .line2 {
  transition: all 0.7s ease;
  width: 0;
}

.header-menu-bar:focus-within .line3 {
  transform: rotate(45deg) translate(-4px, -4px);
}

.header-menu-bar div:last-child {
  margin-bottom: 0;
}

/* 子菜单从这里开始 */

nav.header-menu ul li:hover .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.submenu {
  position: absolute;
  top: 99px;
  left: 0;
  width: 205px;
  background: #fff;
  z-index: 50;
  border-top: 3px solid #ff791f;
  transition: 0.4s;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  filter: drop-shadow(5px 5px 5px rgba(60, 115, 206, 0.2));
  -webkit-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: 50% 0%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.sticky .submenu {
  top: 76px;
}

nav .submenu > ul > li {
  display: block;
  width: 100%;
  background: #fff;
  transition: 0.4s;
  padding: 0;
  position: relative;
  z-index: 1;
}

nav .submenu ul li:last-child {
  margin-left: 0;
  padding-left: 0;
}

nav .submenu ul li:before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background: #ff791f;
  top: 0;
  right: -15px;
  transform: skewX(-35deg);
  transition: 0.4s;
  z-index: -1;
}

nav .submenu ul li:after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background: #c39e75;
  top: 0;
  left: -15px;
  transform: skewX(-35deg);
  transition: 0.4s;
  z-index: -1;
}

nav .submenu ul > li > a {
  color: #282828 !important;
  transition: 0.4s;
  width: 100%;
  padding: 8px 20px;
}

nav .submenu ul > li:first-child > a {
  color: #282828;
  font-weight: 500;
}

nav .submenu ul li:hover a {
  color: #fff !important;
}

nav .submenu ul li:hover:before,
nav .submenu ul li:hover:after {
  background: #ff791f;
  filter: hue-rotate(360deg);
  width: 58%;
}

/* 子菜单结束 */

/*<!-- ============================================================== -->
 <!-- 标题菜单到此结束 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- 标题菜单到此结束 -->
<!-- ============================================================== -->*/

.banner-bg {
  /* height: 705px; */
  display: flex;
  align-items: center;
  /* background: url("../picture/banner_img_1.png") no-repeat
    center; */
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1600px) {
  .banner-bg {
    background-position: right;
  }
}

.banner-heigth-small {
  height: 405px;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 767px) {
  .banner-section .banner-title .banner_small_text {
    font-size: 18px;
    padding-left: 13px;
  }
}

.banner-content > * {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
}

.banner-sub-title h6 {
  font-size: 16px;
  line-height: 30px;
  color: #ff791f;
  font-weight: 700;
  font-family: "Nunito";
  position: relative;
  padding-left: 50px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
}
.title_name {
  font-size: 70px;
  color: #fff;
}

@media (max-width: 767px) {
  .banner-content,
  .banner-text-aline-center {
    text-align: center;
  }
  .title_name {
    font-size: 30px;
    line-height: 50px;
  }
  .banner-text-aline-center .banner-desc p {
    font-size: 14px;
  }
  .banner-desc {
    width: 100% !important;
  }
  .banner-desc img {
    width: 70% !important;
    margin: 0 auto;
  }
}

.banner-title .banner_small_text {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}

.bottom_border {
  height: 1px;
  margin: 5px 0;
  width: 70%;
  background-color: #666;
}

.slick-active .banner-sub-title h6 {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.banner-content > * {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
}

.banner-content > *:nth-child(1) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.banner-content > *:nth-child(2) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.banner-content > *:nth-child(3) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.banner-content > *:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.banner-thumb {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
}

.banner-thumb img {
  width: 85%;
  /* text-align: right; */
  float: right;
}

/* 活动幻灯片动画 */
.slick-active .banner-content > * {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.slick-active .banner-thumb {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.banner-sub-title h6:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0;
  width: 38px;
  height: 2px;
  background: #ff791f;
}

.banner-title h1 {
  font-size: 30px;
  line-height: 50px;
  color: #fff;

  font-weight: 400;
  font-family: "Nunito";
  margin: 0px 0 0px;
}

.banner-title span {
  color: #ff791f;
}

.banner-desc p {
  color: #fff;
  font-weight: 500;
  font-family: "Nunito";
  margin-bottom: 18px;
  width: 95%;
  margin-top: 20px;
  line-height: 38px;
  font-size: 22px;
}

.banner-shape1 {
  position: absolute;
  top: -1rem;
  right: 0rem;
  -webkit-animation: dance2 2s alternate infinite;
  animation: dance2 2s alternate infinite;
}

.banner-shape2 {
  position: absolute;
  top: 7.2rem;
  left: 10.2rem;
  -webkit-animation: Rotateme 1.5s alternate infinite;
  animation: Rotateme 1.5s alternate infinite;
}

.banner-shape3 {
  position: absolute;
  top: 6rem;
  left: 9rem;
  -webkit-animation: dance 1.5s alternate infinite;
  animation: dance 1.5s alternate infinite;
}

.banner-shape4 {
  position: absolute;
  bottom: 6rem;
  left: 6rem;
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}
.banner-shape4 img {
  width: 50%;
}

.banner-shape5 {
  position: absolute;
  top: 14rem;
  left: 46%;
  -webkit-animation: Dance 2.5s alternate infinite;
  animation: Dance 2.5s alternate infinite;
}

.banner-shape6 {
  position: absolute;
  bottom: 13rem;
  left: 50%;
  -webkit-animation: Rotateme 1.5s linear infinite;
  animation: Rotateme 1.5s linear infinite;
}

.scroll-bar-style {
  position: absolute;
  bottom: 30px;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 7px;
  padding: 2px 15px;
  background: linear-gradient(90deg, #d6c9ff 0%, #ffffff30 100%);
}

.notice {
  overflow: hidden;
}

.notice-content {
  display: flex;
}

.notice-item {
  margin-right: 30px;
  width: fit-content;
  white-space: nowrap;
  animation: moveItem 10s linear infinite;
}

@keyframes moveItem {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.pause {
  animation-play-state: paused;
}

span.slick-next {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 50px;
}

span.slick-prev {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  margin: 0 50px 0 0;
}

span.slick-prev i,
span.slick-next i {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  font-size: 30px;
  color: #fff;
  background: #ff9e92;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  overflow: hidden;
  display: inline-block;
}

span.slick-next i:after,
span.slick-prev i:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: var(--themcolor);
  border-radius: 30px;
  transition: 0.5s;
  z-index: -1;
}

span.slick-prev i:hover:after,
span.slick-next i:hover:after {
  width: 100%;
}

/* 屏幕宽度小于900px */
@media (max-width: 900px) {
  span.slick-prev,
  span.slick-next {
    display: none !important;
  }
}

/*<!-- ============================================================== -->
 <!-- Cat Shop Banner Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Cat Shop Category Section Start Here -->
<!-- ============================================================== -->*/

section.category-section {
  margin-top: -170px;
  padding: 170px 0 0px;
  background: url("../picture/bg20.png");
  background-size: 100% 100%;
}

.category-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin: 58px 0 92px;
}

.category-item {
  position: relative;
  transition: 0.5s;
  display: inline-block;
}

.category-thumb {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.category-thumb:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.5s;
  background-color: #ff791f;
  opacity: 70%;
  border-radius: 100%;
}

.category-item.active .category-thumb:before,
.category-item:hover .category-thumb:before {
  transform: scale(1);
}

.category-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%) scale(0) rotate(360deg);
  transition: 0.5s;
}

.category-item.active .category-content,
.category-item:hover .category-content {
  transform: translateY(-50%) scale(1) rotate(0deg);
}

.category-title h4 {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto";
}

.category-capecity p {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Nunito";
}

.category-single-box {
  display: flex;
  align-items: center;
  padding: 42px 32px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
}

.category-single-box:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  clip-path: polygon(100% 100%, 100% 100%, 100% 0%, 0% 0%);
  transform: scale(0);
  transform-origin: top right;
  background-image: linear-gradient(-86deg, #fe6044 0%, #00c5f6 100%);
  pointer-events: none;
  transition: all 400ms ease-in-out;
  opacity: 60%;
  z-index: -1;
}

.category-single-box.active:before,
.category-single-box:hover:before {
  transform: scale(1);
}

.category-box-content {
  width: 48%;
}

.category-box-sub-title h6 {
  font-size: 16px;
  line-height: 28px;
  color: #dd1d26;
  font-weight: 600;
  font-family: "Nunito";
}

.category-box-title h4 {
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 600;
  font-family: "Outfit";
  margin: 12px 0 30px;
}

.category-single-box.active span,
.category-single-box:hover span {
  width: 40rem;
  height: 40rem;
}
.category-single-box.active i,
.category-single-box:hover i {
  background: #8b66d8;
  color: #fff;
  filter: hue-rotate(360deg);
}

.category-box-thumb img {
  width: 100%;
}

.category-single-box.style1 {
  background: #b6b5b5;
  padding: 42px 32px 32px;
}

.category-single-box.style2 {
  background: #d1d1d1;
}

.category-single-box.style3 {
  background: #eeeeee;
}

/*<!-- ============================================================== -->
 <!-- 分类部分到此结束 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
<!-- 启动it解决方案服务组  -->
<!-- ============================================================== -->*/

.service-section {
  padding: 30px 0 60px;
}
.single-service-box {
  border-radius: 12px;
  filter: drop-shadow(rgba(235, 235, 235, 0.59) 15px 0px 43.5px);
  /* background-color: rgb(255, 255, 255); */
  margin-bottom: 30px;
  padding: 40px 0px 34px 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 800px) {
  .single-service-box {
    padding: 10px 0px 0px 10px;
  }
}

.service-icon img {
  border: 1px solid #b4e7fd;
  padding: 12px 14px;
  transition: 0.5s;
}

.service-content img {
  cursor: pointer;
  width: 100%;
}

.service-content h4 {
  font-size: 24px;
  color: #0a0a0a;
  font-weight: 600;
  margin-top: 22px;
  transition: 0.5s;
}

.single-service-box:hover .service-content h4 {
  color: #fff;
}

.service-content p {
  font-size: 18px;
  line-height: 27px;
  color: #7a8387;
  font-weight: 400;
  margin: 14px 0 22px;
  width: 99%;
  transition: 0.5s;
}

.single-service-box:hover .service-content p {
  color: #ffff;
}

.service-button {
  border-bottom: 1px solid #fff;
  margin-left: -30px;
  padding-left: 30px;
  padding-bottom: 10px;
}

.service-button span {
  display: inline-block;
  font-size: 16px;
  color: var(--themcolor);
  font-weight: 400;
  transition: 0.5s;
}

.single-service-box:hover .service-button span {
  color: #fff;
}

.service-button span i {
  color: #fff;
  font-size: 20px;
  position: relative;
  transition: 0.5s;
  top: 4px;
  left: 5px;
}

.single-service-box:hover .service-button i {
  color: #ffff;
}

/*<!-- ============================================================== -->
<!-- 结束it解决方案服务组  -->
<!-- ============================================================== -->*/

/* 嘉会超越传统，成就卓越 */
.beyond-tradition {
  padding: 60px 0;
}

.achieve_excellence {
  display: flex;
  vertical-align: middle;
}
.achieve_excellence img {
  width: 40px;
  display: inline-block;
}
.achieve_flex {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.achieve_excellence_title {
  padding-top: 30px;
  font-size: 22px;
  font-weight: 500;
  margin-left: 10px;
}
.achieve_subtitle {
  margin-top: 20px;
  text-align: left;

  line-height: 26px;
  font-size: 16px;
  color: #777;
}
.achieve_img {
  text-align: right;
}
.achieve_img img {
  width: 480px;
  height: 100%;
}

/* 价格列表-------开始 */
.specific_price {
  position: relative;
  text-align: center;
  background-color: #fff;
  height: 600px;
  border-radius: 7px;
  overflow: hidden;
}
.basisNian,
.enterpriseNian {
  display: none;
}
@media (max-width: 991px) {
  .specific_price {
    margin-top: 20px;
  }
}
.data-bg-color {
  background-color: transparent;
  color: #000;
}
.price_div {
  height: 120px;
}

.price_title {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 70px;
  background-size: cover;
  line-height: 70px;
  color: #fff;
  font-size: 18px;
}

.upper_right_corner {
  position: absolute;
  top: 15px;
  text-align: cener;
  width: 150px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  right: -50px;
  z-index: 99;
  font-size: 12px;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .upper_right_corner {
    top: 15px;
    right: -50px;
  }
}
.free_price {
  padding-top: 20px;
}
.free_price span {
  background-color: #6a6d7b;
  color: #fff;
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 7px;
}

.price_money {
  margin-top: 10px;
  font-size: 28px;
}
.price_yuan {
  font-size: 12px;
}
.price_advanced {
  margin-top: 20px;
  border: 1px solid #ccc;
  height: 20px;
  display: inline-block;
  border-radius: 7px;
}
.price_advanced_triple {
  border: none;
}
.price_advanced span {
  display: inline-block;
  cursor: pointer;
  color: black;
  font-size: 12px;
  padding: 0px 7px;
  height: 20px;
  line-height: 20px;
  border-radius: 7px;
  position: relative;
  top: -6px;
}
.price_introduce {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  padding: 0 20px;
  height: 60px;
}
.price_experience {
  color: #fff;
  margin: auto;
  width: 160px;
  cursor: pointer;
  padding: 7px 0;
  border-radius: 7px;
  margin-top: 30px;
}
.price_function {
  margin-top: 50px;
  padding: 0 20px;
  height: 70px;
}
.price_time {
  /* padding: 0 20px; */
  height: 80px;
  margin-bottom: 30px;
}
.price_specific_functions {
  line-height: 42px;
  padding: 0 20px 0 55px;
  text-align: left;
  margin-top: 40px;
}
.price_bottom {
  height: 10px;
  width: 100%;
  margin-top: 50px;
  position: absolute;
  bottom: 0;
}
.span_font-weight700 {
  font-weight: 700;
}
.text_left {
  line-height: 32px;
}

/* 价格列表-------结束 */

/* 嘉会超越传统，成就卓越 */

/*<!-- ============================================================== -->
 <!-- 案例展示---开始 -->
<!-- ============================================================== -->*/
section.collection-section {
  text-align: center;
  padding: 60px 0 30px;
  background: url("../picture/bg4.png");
  background-size: 100% 100%;
}

.display-title {
  margin-top: 8px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
}
.subtitle_style {
  font-size: 14px;
  color: #7a8387;
  font-weight: 400;
  margin: 5px 0 20px 20px;
  padding-right: 20px;
  width: 99%;
  height: 28px;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.shadow_style {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  border-radius: 10px;
  overflow: hidden;
}
.padding_0 {
  padding: 0 !important;
}

.pagination {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 20px 0;
}
.pagination li {
  margin-right: 5px;
  cursor: pointer;
}
.pagination li span {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #e6edff;
  color: #333;
  text-decoration: none;
  border-radius: 3px;
}
.pagination li .selected {
  background-color: var(--themcolor);
  color: #fff;
}

@media (max-width: 500px) {
  .pagination {
    margin-top: -20px;
    padding-bottom: 20px;
  }

  .news-pagination {
    margin-top: 0px;
    padding-bottom: 20px;
  }
}

.service-section-function {
  background: url("../picture/bg20.png");
  background-size: 100% 100%;
}
.pc-service-section {
  display: block;
}
.mobile-service-section-sck {
  background: url("../picture/bg20.png");
  background-size: 100% 100%;
}
.price-proposal-table {
  padding: 30px 60px;
  background: url("../picture/bg20.png");
  background-size: 100% 100%;
}
.mobile-service-section {
  display: none;
}
.table-container {
  width: 100%;
  display: flex;
  /* justify-content: center; */
  text-align: left;
  margin-top: 20px;
}

.table-container table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  text-align: left;
}

.table-container thead th {
  /* background-color: #f4f4f4; */
  background-color: #8895f4;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  text-align: left;
}

.table-container tbody td {
  border: 1px solid #f3f3f3;
  padding: 8px;
  text-align: center;
  text-align: left !important;
}

.table-container tbody tr:nth-child(even) {
  /* background-color: #f9f9f9; */
  background-color: #0b34ff10;
}

.table-container tbody tr:hover {
  /* background-color: #f1f1f1; */
  background-color: #aebcff10;
}

.table-container td {
  position: relative;
}

.table-container td span {
  display: block;
}

.table-container th[colspan="2"] {
  /* background-color: #f4f4f4; */
  /* background-color: var(--themcolor); */
  color: #fff;
}

.table-container th,
.table-container td {
  border: 1px solid #ddd;
}

.table-container tbody td:first-child {
  /* text-align: center; */
  /* font-weight: bold; */
}

.table-container tbody td[colspan="2"] {
  text-align: center;
}
.table-container .rowspan_4 {
  display: flex;
  align-items: center;
  border: none;
}

.table-container .top_border {
  border-top: 1px solid #f3f3f3;
}

@media (max-width: 991px) {
  .table-container {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transform: scale(0.3);
    margin: -800px 0;
    /* margin: -800px 0 -800px -100px; */
  }
}
.table_style tr:not(:first-child) td:first-child {
  width: 320px;
  /* text-align: left; */
  /* 添加样式 */
}

/* .table_style tr:first-child td:first-child {
  color: var(--themcolor);
  font-weight: 500;
  font-size: 19px;
  text-align: center !important;
} */
.table_style .prize_backStyle {
  background-color: #8895f4;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-align: center !important;
}
.prize_backStyle img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.basis_blue {
  color: blue;
}
.enterprise_green {
  color: green;
}
.customization_orange {
  color: orange;
}
/* .basic_version_style {
  background-color: #2476f2;
}
.enterprise_edition_style {
  background-color: #15a378;
}
.customized_version_style {
  background-color: #fff;
} */

.row_span_tips {
  width: 100%;
  border-left: 1px solid #f3f3f3;
  padding-left: 10px;
  text-indent: 1em;
}
.row_span_tips div {
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
}
.row_span_tips div:last-child {
  border-bottom: none;
}
.border_none,
.border_none div {
  border: none;
}
.border_none div {
  border-bottom: 1px solid #f3f3f3;
}
.border_none div:last-child {
  border: none;
}
.row_table_title {
  width: 200px;
}

section.multiterminal-collaboration {
  text-align: center;
  padding: 30px 0 60px;
  background: url("../picture/bg4.png");
  background-size: 100% 100%;
}
.the-seven-balls-in-the-middle {
  width: 100%;
  height: 700px;
  position: relative;
}
.mobile-service-section-sck .align-items-center {
  display: flex;
  justify-content: center;
}

@media (max-width: 991px) {
  .mobile-service-section {
    display: block;
    transform: scale(0.45);
    margin: -160px 0 -150px;
  }
  .mobile-service-section-sck .slick-next {
    left: -120px;
    z-index: 100;
  }
  .mobile-service-section-sck .slick-prev {
    right: -120px;
    z-index: 100;
  }

  .pc-service-section {
    display: none;
  }

  .the-seven-balls-in-the-middle {
    margin-top: 40px;
    height: 450px;
  }

  .service-section-function .discount-section {
    padding: 20px 10px 46px;
  }
}
@media (max-width: 400px) {
  .the-seven-balls-in-the-middle {
    margin-top: 0;
    height: 300px;
  }
}

.collection-single-box {
  display: block;
  border-radius: 5px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  cursor: pointer;
}

.collection-box-thumb {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  text-align: left;
  padding: 10px;
}

.collection-box-thumb img {
  width: 100%;
  max-height: 212px;
  object-fit: cover;
  transition: 0.5s;
}

.collection-single-box.active .collection-box-thumb img,
.collection-single-box:hover .collection-box-thumb img {
  transform: scale(1.03);
}
.collection-box-content {
  border-radius: 0 0 5px 5px;
  background: #eef5ff;
  position: relative;
  transition: 0.5s ease;
}

.collection-single-box.active .collection-box-content,
.collection-single-box:hover .collection-box-content {
  background-color: #eef5ff;
  padding: 74px 0 10px;
  margin-top: -100px;
}

.collection-icon {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 98.2%;
  cursor: pointer;
}
.collection-icon::after {
  content: "点击查看详情";
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translateX(-50%);
  background-color: #ffffff;
  color: #000000;
  padding: 3px 15px;
  border-radius: 3px;
  white-space: nowrap;
  border-radius: 12px;
  transition: opacity 0.3s;
  pointer-events: none; /* 防止鼠标事件触发 */
}

.collection-single-box.active .collection-icon,
.collection-single-box:hover .collection-icon {
  bottom: 102px;
  visibility: visible;
  opacity: 1;
}
.qrCode-div-style {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 128px;
  height: 128px;
  border-radius: 12px;
}

.collection-icon .qrCode-div-style img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 118px;
  height: 118px;
}
.collection-icon ul {
  width: 100%;
  height: 100%;
  padding: 10px 10px 0px;
}

.collection-icon ul li {
  display: inline-block;
  position: relative;
  top: 100px;
  /* margin: 0 5px; */
  width: 100%;
  text-align: center;
  /* height: 250.7px; */
  height: 100%;
  background-color: #00000090;
  border-radius: 5px;
}

.collection-icon ul li img {
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.collection-icon button {
  font-size: 16px;
  color: #dd1d26;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #ffffff;
  line-height: 32px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: none;
}

.collection-icon button:hover {
  color: #fff;
}

.collection-icon button::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #8b66d8;
  border-radius: 16px;
  transform: scale(0);
  z-index: -1;
  transition: 0.5s;
}

.collection-icon button:hover::after {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

.collection-box-title h6 {
  font-size: 22px;
  line-height: 32px;
  color: #062e5f;
  font-weight: 500;
  font-family: "Outfit";
  transition: 0.5s;
}

.collection-single-box.active .collection-box-title h6,
.collection-single-box:hover .collection-box-title h6 {
  color: #fff;
}

.collection-box-price h6 {
  font-size: 16px;
  line-height: 30px;
  color: #062e5f;
  font-weight: 400;
  font-family: "Outfit";
  transition: 0.5s;
}

.collection-single-box.active .collection-box-price h6,
.collection-single-box:hover .collection-box-price h6 {
  color: #fff;
}
.collection-rotate {
  transform: rotate(180deg);
}
.collection-rotate .brand2-thumb img {
  /* transform: scaleY(-1); */
  transform: rotate(180deg);
  width: 100%;
  height: 162px;
  object-fit: cover;
}

.container-reversal {
  transform: rotate(180deg);
}
.container-reversal img {
  transform: rotate(180deg);
}
.custom_style {
  width: 100%;
  display: flex;
}
.custom_style_img {
  width: 55px;
}
.custom_style_img img {
  width: 100%;
}
.custom_style_text {
  text-align: left;
  margin-left: 5px;
}
.custom_style_text_one {
  font-size: 28px;
  font-weight: 700;
}
.line_style {
  height: 2px;
  width: 50%;
  margin: 40px 0 30px 0;
  background-color: #c1e9f3;
}

.multiterminal_collaboration {
  margin-top: 50px;
  width: 100%;
}
.multiterminal_collaboration img {
  width: 70%;
}

section.product-section {
  padding: 30px 0 50px;
  text-align: center;
  background: url("../picture/bg.png");
  background-size: 100% 100%;
}
.multiple_scenes {
  padding: 20px;
  border-radius: 12px;
  background-color: #fff;
}
.logo_multiple_scenes {
  padding: 20px;
  border: 1px solid #afc5db;
}

@media (max-width: 767px) {
  section.suitable-for-various-scenarios .product-box .row > div {
    width: 185px;
    height: 200px;
  }
  section.suitable-for-various-scenarios
    .product-box
    .row
    .multiple_scenes
    img {
    width: 30%;
  }
  section.suitable-for-various-scenarios .product-box .row {
    display: flex;
    justify-content: center;
  }

  section.high-quality-partners .product-box > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  section.high-quality-partners
    .product-box
    .row
    .logo_multiple_scenes_img
    img {
    width: 100%;
  }

  section.high-quality-partners .product-box .row > div {
    width: 33.333333%;
    height: 80px;
  }

  section.suitable-for-various-scenarios
    .product-box
    .row
    .collection-single-box {
    width: 100%;
    height: 100%;
  }
  section.suitable-for-various-scenarios
    .product-box
    .row
    .collection-single-box
    .multiple_scenes {
    width: 100%;
    height: 100%;
  }
}

.one_div,
.two_div {
  box-sizing: border-box;
}
.one_div .col-md-6:first-child .logo_multiple_scenes {
  border-left: none;
}
.one_div .col-md-6:last-child .logo_multiple_scenes {
  border-right: none;
}

.one_div .logo_multiple_scenes {
  border-top: none;
  margin-left: -1px;
  margin-bottom: -1px;
}
.two_div .col-md-6:last-child .logo_multiple_scenes {
  border-right: none;
}
.two_div .logo_multiple_scenes {
  margin-bottom: -2px;
  margin-left: -1px;
}
.two_div .col-md-6:first-child .logo_multiple_scenes {
  border-left: none;
}
.two_div .col-md-6:nth-child(3) .logo_multiple_scenes {
  border: none;
}
.two_div .col-md-6:nth-child(4) .logo_multiple_scenes {
  border-top: none;
  border-bottom: none;
}

.two_div .col-md-6:nth-child(5) .logo_multiple_scenes {
  border-top: none;
}
.two_div .col-md-6:nth-child(6) .logo_multiple_scenes {
  border-top: none;
}
.three_div .logo_multiple_scenes {
  border-bottom: none;
  border-top: none;
  margin-left: -1px;
}

.three_div .col-md-6:nth-child(3) .logo_multiple_scenes {
  border-top: 1px solid #afc5db;
}
.three_div .col-md-6:nth-child(4) .logo_multiple_scenes {
  border-top: 1px solid #afc5db;
}
.three_div .col-md-6:first-child .logo_multiple_scenes {
  border-left: none;
}
.three_div .col-md-6:last-child .logo_multiple_scenes {
  border-right: none;
}

@media (max-width: 1000px) {
  .logo_multiple_scenes {
    border: 1px solid #afc5db !important;
    margin: 10px;
  }
  .two_div .logo_multiple_scenes {
    margin-bottom: 0;
  }
}
.multiple_scenes_title {
  font-weight: 500;
}
.multiple_scenes_bottom {
  font-size: 12px;
  color: #c3c3c3;
}

.multiple_scenes img {
  width: 20%;
}
.logo_multiple_scenes_img img {
  /* width: 100%; */
  width: 85%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.logo_multiple_scenes_img:hover img {
  transform: scale(1.5);
}
.rotate-on-hover {
  transition: transform 0.3s ease-in-out; /* 添加过渡效果，使旋转更加平滑 */
}

.multiple_scenes:hover img {
  transform: rotateY(180deg); /* 在:hover状态下进行水平旋转180度 */
}
.multiple_scenes:hover {
  box-shadow: 0 4px 12px rgba(17, 69, 255, 0.1);
}

/* 
2
*/

/*<!-- ============================================================== -->
 <!-- 优质的合作伙伴开始 -->
<!-- ============================================================== -->*/

section.brand-section {
  text-align: center;
  padding: 100px 0;
}

.brand-section .plate-name {
  margin-bottom: 44px;
}

.brand-thumb {
  position: relative;
  height: 90px;
}

.brand-thumb img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
}

.brand-thumb img:hover {
  filter: saturate(5);
}

/*<!-- ============================================================== -->
 <!-- 优质的合作伙伴结束 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- 价格列表从这里开始 -->
<!-- ============================================================== -->*/
section.discount-section {
  padding: 20px 50px 46px;
  border-radius: 5px;
  background-size: cover;
  filter: drop-shadow(5px 5px 20px rgba(207, 214, 224, 0.3));
}

.discount-desc p {
  margin: 17px 0 35px;
  mix-blend-mode: difference;
}

.product-box {
  margin-top: 52px;
}

/*<!-- ============================================================== -->
 <!-- 价格列表到此结束 -->
<!-- ============================================================== -->*/

/* 1 */

.the_large_circle_in_the_middle {
  width: 55%;
  margin: auto;
  text-align: center;
}
.the_large_circle_in_the_middle img {
  padding: 5px;
  width: 100%;
  background: url("../picture/roundness_img.png");
  background-size: 100% 100%;
  animation: randomMovementSmall 5s infinite;
}
.the_dotted_line_in_the_middle {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.the_dotted_line_in_the_middle img {
  width: 100%;
}
.the_dotted_line_in_half {
  width: 100%;
  position: absolute;
  left: 33%;
  top: -7%;
  text-align: center;
  transform: translate(-50%, 0);
}
.the_dotted_line_in_half img {
  width: 30%;
}
.the_dotted_line_in_phantom_shadow {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: -1;

  transform: translate(-50%, -50%);
}
.the_dotted_line_in_phantom_shadow img {
  width: 65%;
}

.six_circular_images img {
  width: 35%;
}
.the_dotted_line_in_dashed_one {
  width: 100%;
  position: absolute;
  left: -20%;
  top: -75%;
  animation: randomMovement 2s infinite;
  text-align: center;
}

.the_dotted_line_in_dashed_two {
  width: 100%;
  position: absolute;
  left: -55%;
  top: 0%;
  animation: randomMovement 3s infinite;
  text-align: center;
}

.the_dotted_line_in_dashed_three {
  width: 100%;
  position: absolute;
  left: -40%;
  top: 85%;
  text-align: center;
  animation: randomMovement 4s infinite;
  transform: translate(0%, 0%);
}

.the_dotted_line_in_dashed_four {
  width: 100%;
  position: absolute;
  left: 40%;
  top: 85%;
  text-align: center;
  animation: randomMovement 5s infinite;
  transform: translate(0%, 0%);
}
.the_dotted_line_in_dashed_five {
  width: 100%;
  position: absolute;
  left: 55%;
  top: 0%;
  text-align: center;
  animation: randomMovement 6s infinite;
}
.the_dotted_line_in_dashed_six {
  width: 100%;
  position: absolute;
  left: 30%;
  top: -65%;
  text-align: center;
  animation: randomMovement 7s infinite;
}

@keyframes randomMovement {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes randomMovementSmall {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}

/* 2 */

/*<!-- ============================================================== -->
 <!-- 优质的合作伙伴这里开始 -->
<!-- ============================================================== -->*/

.brand-section.style2 {
  padding: 40px 0 60px;
  background: url("../picture/bg5.png");
  background-size: cover;
}

.brand2-thumb {
  width: 100%;
  padding: 0 15px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.brand2-thumb::before {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.brand2-thumb:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

.brand2-thumb img {
  width: 90%;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .brand-section .slick-slide {
    width: 300px !important;
  }
}

.brand2-content {
  position: absolute;
  top: 100%;
  left: 35px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.brand2-thumb:hover .brand2-content {
  position: absolute;
  top: 20px;
  visibility: visible;
  opacity: 1;
}

.brand2-content a {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 20px;
  background: #ff7a1f;
  border-radius: 5px;
  transition: 0.5s;
}

.brand2-content a:hover {
  filter: hue-rotate(360deg);
}

.bottom-contact-now {
  display: flex;
  /* margin-top: 20px; */
}
.contact-phone-number {
  margin: 0 10px;
  color: #000;
}
.bottom-contact-now .click-the-button-style a {
  color: #000;
}
.bottom-contact-now .click-the-button-style a:hover {
  color: #fff;
}
.phone-and-icons {
  display: flex;
  padding-top: 3px;
}
.bottom-mobile-style img {
  width: 20px;
}

.friendship_link {
  color: #000;
}
.friendship_link_a {
  padding-right: 6px;
  line-height: 20px;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.friendship_link .friendship_link_a:hover {
  color: #ff7a1d;
  text-decoration: underline;
}

/*<!-- ============================================================== -->
 <!-- 优质的合作伙伴到此结束 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- 页脚部分从这里开始 -->
<!-- ============================================================== -->*/

footer.footer-section {
  position: relative;
  padding: 100px 0 0;
  background: url("../picture/footer.png") no-repeat center;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}
.filing_number_link {
  color: #fff !important;
}
.footer-desc p {
  color: #666666;
  margin: 42px 0 32px;
}

.footer-social ul li {
  display: inline-block;
  margin: 0 4px;
}

.footer-social a {
  font-size: 16px;
  color: #ff7a1d;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 10px rgba(35, 50, 83, 0.07));
  text-align: center;
  line-height: 30px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.footer-social a:hover {
  color: #fff;
}

.footer-social a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff7a1d;
  transform: scale(0);
  transition: 0.5s;
  border-radius: 15px;
  z-index: -1;
}

.footer-social a:hover:before {
  transform: scale(1);
}

.footer-title h5 {
  font-size: 22px;
  line-height: 60px;
  color: #000;
  font-weight: 800;
  font-family: "Nunito";
  margin-bottom: 30px;
  display: inline-block;
}

.footer-link a {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-weight: 400;
  font-family: "Nunito";
  transition: 0.5s;
  margin: 6px 0;
}

.footer-link a:hover {
  color: #ff7a1d;
}

.footer-link i {
  font-size: 18px;
  margin-right: 10px;
  transition: 0.5s;
}

.footer-link a:hover i {
  margin-right: 6px;
  color: #ff7a1d;
}
.footer-ul-li-img {
  max-width: 400px;
  display: flex;
  /* justify-content: space-between; */
  text-align: center;
  color: #000;
  font-size: 14px;
}
.footer-ul-li-img img {
  width: 110px;
  height: 110px;
  margin-bottom: 5px;
}

.footer-contact-item {
  display: flex;
  margin: 14px 0 28px;
}

.footer-contact-item i {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-color: var(--themcolor);
  text-align: center;
  line-height: 28px;
  color: #fff;
  margin-right: 10px;
}

.footer-contact-item a,
.footer-contact-item h6 {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  font-family: "Nunito";
  transition: 0.5s;
}

.footer-contact-item a:hover {
  color: var(--themcolor);
}

.footer-bottom {
  margin-top: 80px;
  border-top: 1px solid rgb(255 121 31 / 30%);
  background-color: var(--themcolor);
}

.footer-bottom-desc {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  font-family: "Nunito";
  margin: 20px 0;
}
.footer_img_filing {
  margin-top: 3px;
}
.footer_img_filing img {
  margin-top: -2px;
}

.record-number {
  text-align: center;
  padding-top: 1px;
  font-size: 13px;
  line-height: 28px;
  color: #fff;
}
.record-number a {
  color: #fff !important;
}
.record-number img {
  margin-top: -5px;
}

.footer-section .click-the-button-style a {
  line-height: 20px;
  padding: 2px 25px;
  font-size: 12px;
  background-color: #fff;
  color: var(--themcolor);
}
.footer-logo {
  margin-bottom: 20px;
}
.footer-logo img {
  pointer-events: visiblePainted;
  cursor: pointer;
}

@media (max-width: 991px) {
  footer.footer-section {
    display: none;
  }
}

/*<!-- ============================================================== -->
 <!-- 页脚部分结束在这里 -->
<!-- ============================================================== -->*/

/* 
1
*/
.bottom-network-security {
  background: #cae4fd;
}
/* 
2
*/

header.header-manu-section.style2 nav.header-menu {
  text-align: center;
  padding: 0 0 0 100px;
}

header.header-manu-section.style2 .header-menu-right {
  justify-content: right;
}
.current a {
  color: var(--themcolor) !important;
}
.login_button {
  display: inline-block;
  height: 77px;
  line-height: 77px;
  width: 130px;
  text-align: center;
  padding: 0 20px;
  color: #fff !important;
  font-size: 16px;
  background-color: var(--themcolor);
  cursor: pointer;
}
.login_button:hover {
  color: #fff;
}

/*<!-- ============================================================== -->
 <!-- 标题部分到此结束 -->
<!-- ============================================================== -->*/

/* 
开篇标题
*/
.opening_title_div {
  margin-top: 0px;
}
.opening_title {
  font-size: 34px;
  line-height: 46px;
  font-weight: 500;
}
.blue_horizontal_line {
  height: 1.5px;
  width: 140px;
  background-color: var(--themcolor);
  margin: 30px auto 20px;
}
.opening_subtitle {
  font-size: 18px;
  line-height: 31px;
  color: #606060;
}

@media (max-width: 800px) {
  .opening_title_div {
    margin-top: 0px;
  }
  .opening_title {
    font-size: 28px;
  }
}

.header {
  position: fixed;
  right: 0px;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 20%;
  width: 70px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.header.hide-header {
  z-index: 0 !important;
  opacity: 0;
}

.header ul.icon-menu {
  margin: 0;
  padding: 0;
  /* background-color: pink; */
}

.header ul.icon-menu li.icon-box {
  width: 70px;
  height: 150px;
  padding: 20px 10px;
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
  margin: 20px 0;
  /* border-radius: 50%; */
  border-radius: 12px 0 0 12px;
  background: #2b2a2a;
  cursor: pointer;
}
.three_ico_styles {
  width: 70px;
  height: 230px;
  padding: 5px 10px 0px;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  transition: 0.3s;
  margin: 20px 0;
  border-radius: 12px 0 0 12px;
  background: #fff;
  font-size: 10px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: scale(1.2);
}
.three_ico_styles:hover {
  box-shadow: none;
}

.header ul.icon-menu li.icon-box i {
  color: #ddd;
  font-size: 19px;
  transition: 0.3s;
}
.header .icon-box h2 {
  font-size: 15px;
  font-weight: 500;
}

.header .icon-box a {
  display: block;
  padding: 0;
  width: 50px;
  height: 50px;
}

.header .icon-box i.fa {
  position: absolute;
  pointer-events: none;
}

.header .icon-menu i {
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 35px;
  top: 15px;
}

.header .icon-box h2 {
  z-index: -1;
  position: absolute;
  top: 0;
  right: -150px;
  opacity: 0;
  color: #fff;
  line-height: 50px;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 30px;
  text-transform: uppercase;
  padding: 25px;
  height: 150px;
}

.three_suddenly_appearing_one {
  z-index: -1;
  position: absolute;
  top: 0px;
  right: -150px;
  opacity: 0;
  color: #fff;
  background-color: #fff;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 30px;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 25px 25px 25px 0;
  height: 230px;
}

.telephone-consultation {
  box-sizing: border-box;
  padding-right: 40px;
  position: absolute;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: -1;
  top: 0;
  height: 230px;
  background-color: #fff;
  top: 0px;
  transition: all 0.3s;
  right: -300px;
  display: flex;
  align-items: center;
}
.icon-box-mini-program-two {
  padding: 10px 0 0;
  margin-bottom: 10px;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

.icon-box-mini-program-two .telephone-consultation h2 {
  width: 250px;
  line-height: 170px;
  border-radius: 30px;
}
.telephone-consultation img {
  position: relative;
}

.icon-box-mini-program-one .three_suddenly_appearing_one h2 {
  width: 210px;
  line-height: 170px;
}
.icon-box-mini-program-one .three_suddenly_appearing_one h2 img {
  margin-top: 3px !important;
}
.icon-box-mini-program-one h6 {
  position: absolute;
  width: 160px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  background-color: transparent;
}
.icon-box-mini-program-one .contact_us {
  top: 35px;
  left: 25px;
  font-size: 18px;
}
.icon-box-mini-program-one .add_wechat {
  bottom: 35px;
  left: 26px;
}

.header .icon-box h2 img,
.three_ico_styles h2 img {
  width: 100px;
  margin: auto;
}

.three_suddenly_appearing_one img {
  margin-top: 25px;
}
.icon-box .icon-box-mini-program img {
  padding-top: 5px;
  margin-bottom: 5px;
}

.header .icon-box:hover h2 {
  background-color: var(--themcolor);
  opacity: 1;
  right: 50px;
  margin: 0;
  text-align: center;
  border-radius: 30px 0 0 30px;
}
.icon-box-mini-program-one:hover {
  color: var(--themcolor);
}

.icon-box-mini-program-one:hover > .three_suddenly_appearing_one {
  background-color: #fff;
  opacity: 1;
  right: 0px;
  margin: 0;
  text-align: center;
  border-radius: 30px 0 0 30px;
}

.icon-box-mini-program-two:hover > .telephone-consultation {
  background-color: #fff;
  opacity: 1;
  right: 0px;
  margin: 0;
  text-align: center;
  border-radius: 30px 0 0 30px;
}

.icon-box-mini-program-two:hover {
  color: var(--themcolor);
}

.free_experience:hover {
  color: var(--themcolor);
}

.icon-box-mini-program {
  background-color: var(--themcolor);
  text-align: center;
  color: #fff;
}
.icon-box-mini-program img {
  margin: auto;
  width: 70%;
}

@media (max-width: 768px) {
  .header {
    right: -15px;
    transform: scale(0.6);
  }
}

/* ------------------------------------------------产品优势，会前、会中、会后--开始------------------------------------------------ */
section.product-advantages {
  padding: 30px 0 60px;
  background: url("../picture/bg20.png");
  background-size: cover;
}
.mobile-btn {
  display: none;
}
.mobile-btn span {
  padding: 0 10px;
}
.product-advantage-pictures img {
  width: 100%;
}
.advantage_pictures {
  display: flex;
  justify-content: space-between;
}
.advantage_pictures > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
  border-radius: 7px;
  color: #fff;
  font-size: 18px;
}

@media (max-width: 767px) {
  .advantage_pictures > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 12px;
  }
}
.advantage_style1 {
  background: url("../picture/fast.png");
}
.advantage_style2 {
  background: url("../picture/more.png");
}
.advantage_style3 {
  background: url("../picture/auto.png");
}
.advantage_style4 {
  background: url("../picture/derive.png");
}

/* 首页第一个板块 */

.medium_text,
.large_text,
.small_text {
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
}

.medium_text {
  margin-bottom: 24px;
  font-size: 30px;
}
.large_text {
  margin-top: 30px;
  font-size: 48px;
  font-weight: 700;
  color: #000;
  line-height: 36px;
}
.small_text {
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: 18px;
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}
/* 首页第二个模块 */
.home_page_meeting img {
  margin-top: 20px;
  width: 100%;
}
.home_page_meeting img:first-child {
  margin-top: 0;
}

section.home-page-configuration {
  padding: 30px 0 40px;
  background: url("../picture/bg31.png");
  background-size: cover;
}
.configuration_img_style {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.configuration_img_style img {
  display: inline-block;
  box-sizing: border-box;
  width: calc(33.33333% - 10px);
  padding-bottom: 20px;
}
.template_style {
  display: flex;
}
.template_text_style {
  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 40%;
}
.template_img_style {
  position: relative;

  display: flex;
  justify-content: space-between;
  width: 60%;
}
.template_img_style > div {
  width: 33.3333%;
}

.template_right {
  position: relative;
  left: 40px;
}

/* 模糊叠加效果 */

.template_img_style .up_shading_object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
  z-index: 10;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.9)
  );
  backdrop-filter: blur(10px); /* 模糊效果，根据需求调整模糊程度 */
  border-radius: 0 0 50% 50%; /* 调整底部的弧度 */
  pointer-events: none; /* 避免叠加层遮挡内容的点击事件 */
}

.template_flashback {
  transform: rotate(-180deg);
}
.template_flashback img {
  transform: rotate(-180deg);
}
.up_template_style,
.dowm_template_style {
  position: absolute;
  width: 100%;
  height: 300px;
  z-index: 1;
}
.up_template_style {
  top: 0;
}
.dowm_template_style {
  bottom: 0;
}

.logo_style {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.my_logo_style img {
  /* margin: 0 !important; */
}
.selected-cases .selected_carousel_chart .logo_style img {
  width: calc((100% - 72px) / 6);
  margin: 0 auto 15px;
}
.logo_title {
  display: flex;
  align-items: center;
  height: auto;
}
.logo_title div {
  margin-left: 10px;
}
.logo_title img {
  width: 30px;
}

section.found-activity {
  background: url("../picture/found_bg.png");
  background-size: cover;
}

.found_text {
  font-size: 36px;
  color: #000;
  font-weight: 500;
  text-align: left;
  margin-top: 100px;
}
.create_text {
  margin-top: 30px;
  font-size: 16px;
  text-align: left;
  font-weight: 400;
}
.found_left_style {
  display: flex;
  justify-content: flex-start;
}
.selected_cases_style .selected-shadow {
  margin-left: 10px;
  padding: 0 0 10px;
  background-color: #fff;
  border-radius: 12px;
  color: #000;
}
.selected_cases_bottom {
  margin-top: 10px;
  padding-left: 10px;
}
.selected_cases_style .selected_cases_brand2 .selected_cases_cover_image {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.selected_cases_data {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  margin-top: 20px;
}

.selected_cases_data_number {
  font-size: 22px;
  font-weight: 500;
}
.selected_cases_data_title {
  font-size: 12px;
  color: #666;
}

@media (max-width: 991px) {
  .template_text_style {
    align-items: center;
  }

  .up_template_style,
  .dowm_template_style {
    height: 120px;
  }
  .selected-templates .small_text {
    margin-bottom: 0;
  }

  .template_text_style {
    width: 60%;
  }

  .template_img_style {
    width: 40%;
  }

  .template_right,
  .template_flashback {
    display: none;
  }
  .template_img_style > div {
    width: 100%;
  }

  .selected-cases .selected_carousel_chart .logo_style img {
    width: calc((100% - 72px) / 3);
    margin: 0 auto 15px;
  }

  .found_left_style {
    flex-direction: column;
    align-items: center;
    justify-content: content;
  }
  .found-activity .container .found_text,
  .found-activity .container .create_text {
    text-align: center;
  }

  /* .found-activity .container .text-center .found_left_style {
    display: flex !important;
    justify-content: content !important;
    width: 100%;
  } */
}

/* .configuration_img_style img:nth-child(2),
.configuration_img_style img:nth-child(5),
.configuration_img_style img:nth-child(8) {
  padding: 0 0px 20px;
} */

/* 会前、中、后  */
.pre-meeting-mid-meeting-and-post-meeting {
  padding: 0px 0 0px;
}

.top_blue {
  width: 100%;
  height: 10px;
  background-color: var(--themcolor);
}
.pre_div {
  margin: 50px auto 0;
  padding-bottom: 50px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /* width: 300px; */
  cursor: pointer;
  transition: transform 0.5s ease;
}
.pre_div:hover {
  transform: translateY(-10px) scale(1.01);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.pre_top_title {
  font-size: 22px;
  font-weight: 500;
  color: var(--themcolor);
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  background: linear-gradient(200deg, #0b34ff10 0%, transparent 100%);
}
.pre_small_ico {
  display: flex;
  justify-content: space-between;
  padding: 0 35px;
  width: 100%;
}
.pre_ico_text {
  font-size: 13px;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.pre_ico_text img {
  margin-right: 10px;
  width: 25px;
}
@media (max-width: 991px) {
  .mobile-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
  }
  .pre-meeting-mid-meeting-and-post-meeting .pre_div {
    display: none;
  }
  .pre-meeting-mid-meeting-and-post-meeting .col-lg-4 {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.four_small_pieces {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.pieces_div {
  margin-top: 15px;
  padding: 60px 20px;
  width: 300px;
  height: 360px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(181, 181, 181, 0.6);
  background-color: #fff;
}

@media (max-width: 1400px) {
  .four_small_pieces {
    flex-wrap: nowrap;
  }
  .pieces_div {
    transform: scale(0.8);
  }
}

@media (max-width: 991px) {
  .four_small_pieces {
    flex-wrap: wrap;
    justify-content: center;
  }
  .pieces_div {
    transform: scale(0.8);
  }
}

.pieces_title {
  font-size: 18px;
  font-weight: 500;
}
.pieces_ico {
  margin: 40px 0;
}
.pieces_ico img {
  width: 40px;
  height: 40px;
}
.pieces_content {
  font-size: 13px;
  color: #858585;
}
/* ------------------------------------------------产品优势，会前、会中、会后--结束------------------------------------------------ */

/* ------------------------------------------------活动点滴 轻松搞定--开始------------------------------------------------ */
.activity-management {
  /* background: linear-gradient(to top left, #fff6f2, #ffffff); */
  background-size: cover;
}

.activity-content-area {
  position: relative;
  min-height: 500px;
}

.activity-content-item {
  display: none;
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.5s ease-in-out;
}

.activity-content-item.active {
  display: flex;
  opacity: 1;
  transform: translateX(0);
  align-items: center;
  gap: 30px;
}

.content-image {
  flex: 0 0 45%;
}

.content-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.content-image img:hover {
  transform: scale(1.02);
}

.content-text {
  flex: 1;
  padding-left: 20px;
}

.content-text h3 {
  font-size: 28px;
  color: #062e5f;
  font-weight: 600;
  margin-bottom: 15px;
}

.content-text p {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}

.content-text ul {
  list-style: none;
  padding: 0;
}

.content-text ul li {
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
  padding-left: 0;
}

.activity-cards-area {
  position: relative;
  width: 250px;
  height: 400px;
  margin: 0 auto;
}

.activity-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
  overflow: hidden;
}

/* 弧形排布 - 每个卡片的具体位置 */
.activity-card:nth-child(1) {
  top: 50px;
  right: 80px;
}

.activity-card:nth-child(2) {
  top: 140px;
  right: 40px;
}

.activity-card:nth-child(3) {
  top: 230px;
  right: 50px;
}

.activity-card:nth-child(4) {
  top: 320px;
  right: 90px;
}

.activity-card:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.activity-card.active {
  transform: translateY(-8px) scale(1.1);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  z-index: 10;
}

/* 橙色卡片 - 互动类 */
.orange-card {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
}

/* 青色卡片 - 抽奖类 */
.cyan-card {
  background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

/* 紫色卡片 - 报名类 */
.purple-card {
  background: linear-gradient(135deg, #a8e6cf 0%, #88d8c0 100%);
}

/* 红色卡片 - 问卷类 */
.red-card {
  background: linear-gradient(135deg, #ffb6c1 0%, #ff69b4 100%);
}

.card-icon {
  margin-bottom: 4px;
}

.card-icon i {
  font-size: 18px;
  color: #fff;
  transition: transform 0.3s ease;
}

.activity-card:hover .card-icon i {
  transform: scale(1.2);
}

.card-text h4 {
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  margin: 0;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.left_card_style {
  position: relative;
  top: 70px;
}

/* 活动优势展示样式 */
.activity-advantages-section {
  /* 增加一个从左下到右上的渐变背景 */
  background: linear-gradient(to top right, #fff6f2, #ffffff);
  padding: 80px 0;
  position: relative;
}

.activity-advantages-section .title-img {
  text-align: center;
  margin-bottom: 30px;
}

.activity-advantages-section .title-img img {
  max-width: 100%;
  height: auto;
}

.advantage-card {
  padding: 50px 30px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  margin-bottom: 30px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 20px;
  position: relative;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.advantage-card:hover {
  transform: translateY(-8px) scale(1.02);
}

.advantage-icon {
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);
  transition: all 0.3s ease;
}

.advantage-card:hover .advantage-icon {
  transform: scale(1.1);
  box-shadow: 0 15px 40px rgba(255, 107, 53, 0.5);
}

.advantage-icon i {
  font-size: 36px;
  color: white;
}

.advantage-content h4 {
  font-size: 22px;
  font-weight: 700;
  color: #2d3436;
  margin-bottom: 20px;
  line-height: 1.3;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
}

.advantage-content p {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  margin: 0;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
}

/* 移动端适配 */
@media (max-width: 768px) {
  .activity-advantages-section {
    padding: 50px 0;
  }

  .activity-advantages-section .title-img {
    margin-bottom: 25px;
  }

  .advantage-card {
    padding: 40px 25px;
    margin-bottom: 25px;
    min-height: 320px;
  }

  .advantage-card:hover {
    transform: translateY(-5px) scale(1.01);
  }

  .advantage-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
  }

  .advantage-icon i {
    font-size: 30px;
  }

  .advantage-content h4 {
    font-size: 19px;
    margin-bottom: 15px;
  }

  .advantage-content p {
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  .activity-advantages-section {
    padding: 40px 0;
  }

  .advantage-card {
    padding: 35px 20px;
    min-height: 300px;
  }

  .advantage-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }

  .advantage-icon i {
    font-size: 28px;
  }

  .advantage-content h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .advantage-content p {
    font-size: 14px;
    line-height: 1.5;
  }

  .unified_top_margin {
    margin-top: 30px;
  }
}

/* 额外的视觉优化 */
.advantage-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  transition: all 0.3s ease;
  opacity: 0;
}

.advantage-card:hover::before {
  opacity: 1;
}

/* 为图标添加额外的动画效果 */
@keyframes iconFloat {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}

.advantage-icon:hover {
  animation: iconFloat 2s ease-in-out infinite;
}

/* 移动端适配 */
@media (max-width: 991px) {
  .activity-content-item.active {
    flex-direction: column;
    text-align: center;
  }

  .content-image {
    flex: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .content-text {
    padding-left: 0;
  }

  .activity-cards-area {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
  }

  .activity-card {
    position: static;
    width: 65px;
    height: 65px;
    border-radius: 12px;
    transform: none !important;
  }

  .activity-card:hover,
  .activity-card.active,
  .activity-card:nth-child(1):hover,
  .activity-card:nth-child(1).active,
  .activity-card:nth-child(2):hover,
  .activity-card:nth-child(2).active,
  .activity-card:nth-child(3):hover,
  .activity-card:nth-child(3).active,
  .activity-card:nth-child(4):hover,
  .activity-card:nth-child(4).active {
    transform: translateY(-5px) scale(1.05) !important;
  }

  .card-icon i {
    font-size: 16px;
  }

  .card-text h4 {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .content-text h3 {
    font-size: 24px;
  }

  .content-text p {
    font-size: 14px;
  }

  .content-text ul li {
    font-size: 13px;
  }
}
/* ------------------------------------------------活动点滴 轻松搞定--结束------------------------------------------------ */

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0);
}

.preloader .icon {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../picture/preloader.svg");
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.page-loaded .preloader .icon {
  opacity: 0;
}

.preloader:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 51%;
  height: 100%;
  background: #ffffff;
  z-index: 0;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}

.page-loaded .preloader:before {
  -webkit-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  transform: translateX(-101%);
}

.preloader:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 51%;
  height: 100%;
  background: #ffffff;
  z-index: 2;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}

.page-loaded .preloader:after {
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

/* ------------------------------------------------解决方案--开始------------------------------------------------ */
section.solution-page {
  padding: 30px 0 60px;
  background: url("../picture/bg31.png");
  background-size: cover;
}
.solution_one_third {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.solution_hover {
  position: relative;
  cursor: pointer;
}
.solution_hover img {
  position: relative;
  top: 0;
  left: 0;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.5s ease;
}

.solution_hover:hover img {
  transform: scale(1.02);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.solution_hover:hover .upper_left_corner_text {
  transform: scale(1.05);
}
.upper_left_corner_text {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
  background: linear-gradient(90deg, #fe6044 0%, transparent 90%);
  color: #fff;
  padding: 5px 25px;
  border-radius: 10px 6px 6px 6px;
}
@media (max-width: 991px) {
  .upper_left_corner_text {
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .upper_left_corner_text {
    display: none;
  }
}

.solution-box:last-child .solution_div {
  margin-top: 20px;
}

.solution_div img {
  width: 100%;
}
.solution_up_down {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* ------------------------------------------------解决方案--结束------------------------------------------------ */

/* ------------------------------------------------精选案例--开始------------------------------------------------ */
section.selected-cases {
  /* padding: 30px 0 60px; */
  /* background: url("../picture/bg4.png"); */
  background-size: cover;
}
.selected_title {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.selected_note {
  padding-right: 20px;
  height: 30px;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.selected_carousel_chart .brand2-thumb .selected_bottom_text {
  padding: 0 !important;
}
.selected_bottom_timer {
  padding-bottom: 5px;
}

.selected-cases .selected_carousel_chart img {
  margin-top: 50px;
  width: 100%;
}
.selected-cases .brand2-thumb img {
  border-radius: 7px 7px 0 0;
}

.selected-cases .selected_carousel_chart .selected-shadow div,
.selected-cases .selected_carousel_chart .article-shadow div {
  padding-left: 20px;
}
.selected-cases .selected_carousel_chart .selected-shadow img,
.selected-cases .selected_carousel_chart .article-shadow img {
  width: 100%;
  height: 226px;
  object-fit: cover;
}
.selected-cases .selected_carousel_chart .selected-shadow,
.selected-cases .selected_carousel_chart .article-shadow {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  min-height: 240px;
  cursor: pointer;
  font-size: 14px;
}
.selected-cases .selected_carousel_chart .article-shadow {
  padding-bottom: 5px;
}
.indexNews_title {
  font-size: 16px;
}
.indexNews_smile {
  font-size: 12px;
  color: #666;
}

.selected-cases .selected_carousel_chart .brand2-thumb img {
  margin-bottom: 15px;
}

.index_news_chart .selected-shadow .indexNews_bottom img,
.index_news_chart .article-shadow .indexNews_bottom img {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.indexNews_bottom {
  display: flex;
  justify-content: space-between;
  padding: 0 20px 0 0 !important;
}

/* ------------------------------------------------精选案例--结束------------------------------------------------ */

/* 互动分类---开始 */
.interactive_classification {
  display: flex;
  justify-self: center;
  align-items: center;
}

.screen_wen_zi {
  display: flex;
  justify-self: center;
  align-items: center;
  width: 120px;
}
.ml-5px {
  margin-left: 5px;
}

/* 互动分类---结束 */

/* 产品服务---开始 */

.service_area {
  background: linear-gradient(to top left, #fff6f2, #ffffff);
  padding: 50px 0 30px;
}

/* 产品服务---结束 */

/* 关于我们---开始 */

.top_navigation_bar_item {
  display: flex;
  justify-content: space-between;
  height: 90px;
  line-height: 90px;
}

.top_navigation_bar_item a {
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.top_navigation_bar_item a:hover {
  color: var(--themcolor);
  background-color: #fff6f2;
}
.about_img_style {
  position: relative;
  top: 70px;
}
/* 关于我们---结束 */

/* 案例---开始 */
.w-full {
  width: 100%;
}
.banner-slider1 {
  background: linear-gradient(to top right, #fff6f2, #ffffff);
}
.case_banner_row {
  height: 360px;
}
.object-fit-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.banner-slider1 .banner-bg {
  height: auto;
}
.selected_cases_style {
  background: linear-gradient(to top left, #fff6f2, #ffffff);
}
/* 案例---结束 */

/* ------------------------------------------------案例详情--开始------------------------------------------------ */
.case-details-page {
  padding: 40px 0 60px;
  background: url("../picture/bg4.png");
  background-size: cover;
}

.details-left-style {
  padding-left: 20px;
}

.brand-logo {
  width: 100%;
}
.brand-logo img {
  /* width: 200px; */
  height: 60px;
  object-fit: cover;
}
.case-details-line {
  width: 100%;
  height: 2px;
  background-color: var(--themcolor);
  margin: 20px 0 0 0px;
}
.brand-name {
  width: 100%;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 500;
}
.brand-introduction {
  margin-top: 20px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #837f7f;
}
.case-details-qrCode-img {
  margin-top: 10px;
}
.case-details-qrCode-img img {
  width: 130px;
  height: 130px;
}
.view-details {
  width: 100%;
  margin-top: 1px;
  letter-spacing: 2.6px;
  font-size: 13px;
  color: #837f7f;
}
.caseQrCodeDom {
  padding: 12px;
  /* background-color: #0b34ff10; */
  background-color: #a9b4ec10;
  border-radius: 12px;
}

.carousel-container {
  position: relative;
  top: 10px;
  left: 10px;
  /* transform: scaleX(1.2); */
  width: 95%;
  max-width: 900px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .carousel-container {
    left: 7px;
  }
}
@media (max-width: 767px) {
  .carousel-container {
    left: 13px;
  }
  .right-card-page {
    margin-top: 20px;
  }
}
.carousel {
  overflow: hidden;
  width: 100%;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.carousel-track img {
  width: auto;
  /* height: 150px; */
  object-fit: cover;
}

.carousel img {
  width: calc((100% / 3) - 20px); /* Adjust width to account for margin */
  flex-shrink: 0;
  margin: 0 10px; /* Add margin for spacing between images */
  object-fit: cover;
  border: 1px solid #d7e5fe;
}

.case-details-page button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.prev-btn {
  left: -25px;
}

.next-btn {
  right: -25px;
}
.case-details-page .right-card-page {
  padding: 20px 20px 40px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-radius: 7px;
  /* transform: scale(0.7) !important; */
  margin-top: 30px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
}
.case-details-page .left-card-page {
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
  text-align: center;
}
.case-details-page .left-card-page img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/* ------------------------------------------------案例详情--结束------------------------------------------------ */

/* ------------------------------------------------精选模板--开始------------------------------------------------ */
section.selected-templates {
  position: relative;
  padding: 30px 0 60px;
  background: url("../picture/bg32.png");
  background-size: cover;
}

.selected-templates .selected_carousel_chart img {
  margin-top: 50px;
  width: 100%;
}
/* @media (min-width: 500px) {
  .selected-templates .slick-slide {
    transform: scale(0.2);
  }
} */

/* ------------------------------------------------精选模板--结束------------------------------------------------ */

section.latest-news-section {
  background: url("../picture/bg1.png");
  background-size: cover;
}
.create-activity {
  font-size: 36px;
  color: #000;
  font-weight: 500;
  margin-top: 100px;
}
.create_activity_adverb {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
}
.create_activity_btn {
  width: 20%;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 100px;
  color: #fff;
  border-radius: 7px;
  background-color: var(--themcolor);
  padding: 10px 50px;
}
.margin_top_bottom {
  margin-top: 70px;
  margin-bottom: 85px;
}

/* 
  我们注重专业和高效
*/

.service-and-support {
  padding: 100px 0;
  background-color: #f3f8ff;
}
.service_and_support_text {
  font-size: 16px;
  color: #777;
  line-height: 26px;
  text-align: justify;
  text-align-last: center;
  text-justify: inter-ideograph;
  padding: 0 15%;
}
.service_and_support_row {
  padding: 0 180px;
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .service_and_support_row {
    padding: 0px;
  }
}
.service_and_support_div {
  background: url("../picture/bordef_img.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 260px;
  height: 160px;
  padding: 0 20px;
}
.service_and_support_div_left_text {
  text-align: left;
}
.service_and_support_div_left_text_title {
  font-size: 18px;
  font-weight: 600;
}

.service_and_support_div_left_text_service {
  font-size: 14px;
}
.service_and_support_div_right_img img {
  width: 50px;
}

@media (max-width: 767px) {
  .service_and_support_row .col-md-6 {
    display: flex;
    justify-content: center;
  }
  .service_and_support_text {
    text-align: justify;
    text-align-last: left;
    text-justify: inter-ideograph;
  }
}

/* 
  我们注重专业和高效
*/

/* 
企业资质开始
*/
.enterprise-qualification .scroll-bar-style-customized {
  width: 100%;
  border-radius: 7px;
  padding: 2px 15px;
}

.enterprise-qualification .notice {
  overflow: hidden;
}

.enterprise-qualification .notice-content {
  display: flex;
}

.enterprise-qualification .notice-item {
  margin-right: 30px;
  width: fit-content;
  white-space: nowrap;
  animation: move 10s linear infinite;
}
.customized_span img {
  padding: 0 10px;
}

/* 
企业资质结束
*/

/* 
  定制合作开始
*/
section.customized-cooperation {
  box-sizing: border-box;
  text-align: center;
  padding: 30px 0 80px;
  background: url("../picture/bg13.png");
  background-size: 100% 100%;
}

.customized_cooperation_werChat {
  margin-top: 40px;
}
.customized_cooperation_werChat img {
  width: 300px;
}

.customized-cooperation .title_img_style img {
  height: 80px;
}

@media (max-width: 530px) {
  .customized-cooperation .title_img_style img {
    height: 70px !important;
  }
}
.fa-angle-up {
  display: none;
}

/* 
定制合作结束
*/

/* ---------------------------------------------------------------------------------------------------- */

/* 
无忧会务开始
*/
.worry-free-meeting-services {
  background: url("../picture/bg10.png");
  background-size: 100% 100%;
  /* background-size: cover; */
}

/* 
无忧会务结束
*/

/* 
------------------------------------------------------------------------------------------------------------------------
*/

/* 
帮助中心开始
*/
/* 设置树的样式 */
#tree {
  font-family: Arial, sans-serif;
  text-align: left;
}

/* 隐藏嵌套列表 */
.nested {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out; /* 添加过渡效果 */
}

/*插入符号/箭头样式 */
.caret {
  display: inline-block;
  cursor: pointer;
  user-select: none; /* 防止文本选择 */
  width: 100%;
}

/* 指示当前状态的插入符号 */
.caret::before {
  content: "\25B8"; /* '▸' */
  color: black;
  display: inline-block;
  margin-right: 6px;
  /* transform: rotate(0deg); */
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

/* 激活时旋转插入符号 */
.caret.active::before {
  transform: rotate(90deg);
}

/* 缩进嵌套列表 */
.help_tree_style ul {
  list-style-type: none;
}
.help_tree_style li {
  padding: 5px 0;
}

.help_tree_style ul li {
  height: 40px;
  line-height: 30px;
  padding-left: 20px;

  cursor: pointer;
}

/* 缩进嵌套列表选中的嵌套列表项 */
.nested li.selected {
  background-color: #e9effe;
}
.nested li.selected a {
  color: var(--themcolor);
}
.help_center_page {
  width: 276px;
  min-height: calc(100vh - 62px);
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #a1b1ff10;
  border-radius: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.help_center_right {
  padding: 24px;
  width: calc(100% - 276px);
  border-radius: 6px;
  background-color: #fff;
}
.help_center_right img {
  max-width: 100%;
}
.help_center_title {
  text-align: left;
  margin-bottom: 20px;
}

.help_upDate_timer {
  margin: 20px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
}
.help_thead_tr_style th {
  font-weight: 400 !important;
}
.custom-table {
  width: 100%;
  /* border-collapse: separate; */
  border-spacing: 5px;
}

.custom-table th,
.custom-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  background-color: #fff;
}

.custom-table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

/* 这是单数的css 样式 */
/* .custom-table tr:nth-child(even) td {
  background-color: #f9f9f9;
} */

/* .custom-table tr:hover td {
  background-color: #f1f1f1;
} */

.custom-table a {
  color: #007bff;
  text-decoration: none;
}

.custom-table a:hover {
  text-decoration: underline;
}

/* 登录-首页样式 */
.home-page-help-center {
  text-align: left;
}
.all-title-style {
  margin: 15px 0 10px;
}
.update-time-style {
  color: #9a9a9a;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.content-subject-style {
  text-align: left;
  margin-bottom: 20px;
}
.content-subject-style h5 {
  font-weight: 500;
  font-size: 22px;
  margin-top: 20px;
}

.specific-operating-steps {
  text-align: left;
  font-size: 18px;
}
.specific-operating-steps p {
  color: #000;
}
.change_description {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}
.close-button {
  font-family: Arial, sans-serif;
  font-size: 26px;
  color: #fff;
  background-color: #0b34ff90;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.close-button:hover {
  background-color: var(--themcolor);
}

.close-button:focus {
  outline: none;
}
.file_span {
  color: var(--themcolor);
  cursor: pointer;
}
.change_div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 40%;
  height: 50%;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.close_change_div {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
  font-size: 14px;
}
.update_title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 102%;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  border-bottom: 1px dashed #ccc;
}
.change_content {
  height: 90%;
  width: 100%;
  color: #000;
  text-align: left;
  overflow-y: scroll;
}
.change_content::-webkit-scrollbar {
  background-color: transparent;
}
.change_content p {
  color: #000;
}
.help-center-image {
  margin: 20px 0;
}
.help-center-image img {
  width: 100%;
}
.help_center_login {
  min-height: 100vh;
  display: none;
}
.help_center_login .help-title a {
  color: #505050;
}
.help_center_login:first-child {
  display: block;
}

/* 
帮助中心结束
*/

/* ------------- 嘉会动态-开始------------ */

section.news-content-page {
  background: url("../picture/bg20.png");
  background-size: 100% 100%;
  padding: 30px 60px;
}
section.news-content-page p {
  color: #000;
}
.incident_meter_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  border-radius: 3px;
  width: 100%;
  height: 41px;
  background-color: #fff;
}
.incident_meter_header > div {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 23px;
  color: #151515;
  font-size: 14px;
  border-radius: 7px;
  cursor: pointer;
}

.incident_meter_header a {
  transition: all 0s;
}
.incident_meter_header div:hover {
  background-color: var(--themcolor);
  color: #fff;
}
.incident_meter_header div:hover a {
  color: #fff;
}

.incident_meter_header > div:first-child {
  /* background-color: var(--themcolor);
  color: #fff; */
}
.incident_content {
  margin-top: 20px;
  padding: 0px 0px 20px;
  border-radius: 3px;
}
.incident_img {
  width: 100%;
  height: 100%;
  text-align: center;
}
.incident_img img {
  width: 400px;
  margin-top: 100px;
}

.div-news-style {
  display: flex;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 3px;
  width: 100%;
  height: 240px;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.5s;
}
.div-news-style:hover {
  /* transform: scale(1.003); */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.div-news-style:hover .news_title {
  color: var(--themcolor);
}

.news_image {
  padding: 7px 0;
  width: 40%;
  height: 100%;
}
.news_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news_right {
  position: relative;
  width: 60%;
  padding: 0 20px;
}
.news_title {
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  /*将对象作为弹性伸缩盒子模型显示*/
  display: -webkit-box;
  /*设置子元素排列方式*/
  -webkit-box-orient: vertical;
  /*设置显示的行数，多出的部分会显示为...*/
  -webkit-line-clamp: 2;

  font-style: 18px;
  font-weight: 500;
}

.news_keyword {
  color: #999999;
  font-size: 14px;
  margin: 10px 0;
}
.span_spot + .span_spot::before {
  content: "、";
}
.span_kong + .span_kong::before {
  content: "   ";
}

.news_original {
  border: 1px solid #fe6044;
  background-color: #eff2ff;
  color: var(--themcolor);
  border-radius: 11px;
  font-size: 10px;
  padding: 3px 6px;
}
.news_tag {
  border: 1px solid #fe6044;
  background-color: #eff2ff;
  color: var(--themcolor);
  border-radius: 11px;
  font-size: 10px;
  padding: 3px 6px;
}

.news_line {
  margin: 10px 0;
  width: 100%;
  height: 2px;
  background-color: #bbbdbf;
}

.news_timer_ci {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
  color: #9a9a9a;
}
.news_timer_ci div:last-child {
  display: flex;
  align-items: center;
  margin-right: 37px;
  color: var(--themcolor);
}
.news_ellipsis {
  width: 100%;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis !important;
}

.news_right_heng {
  width: 100%;
}
.news_right_heng img {
  width: 100%;
}
.news_right_popular_tags {
  font-size: 18px;
  font-weight: 500;
}
.margin_top_80 {
  margin-top: 80px;
}
.news_product_services {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 180px;
}

.news_product_services .news_yuan_style {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #fe6044;
  background-color: transparent;
}
.right_news_style {
  padding: 20px 20px 100px;

  background-color: #fff;
  border-radius: 3px;
}
.news_product_services > a {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 80px;
  cursor: pointer;
  /* background-size: 100% 100%; */
  font-size: 12px;
  color: #333333;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1220px) {
  .news_product_services > a {
    font-size: 8px;
  }
}
@media (max-width: 991px) {
  .left_news_content_page {
    width: 100%;
  }
  .right_news_content_page {
    display: none;
  }
}

@media (max-width: 767px) {
  section.news-content-page {
    padding: 30px 0;
  }

  .incident_meter_header {
    display: flex;
    flex-wrap: wrap;
    height: max-content;
    justify-content: flex-start;
  }
  .incident_meter_header > div {
    width: 33%;
    white-space: nowrap;
    text-align: center;
  }
  .incident_meter_header > div span {
    width: 100%;
  }

  .div-news-style {
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
  }

  .news_title {
    overflow: hidden;
    display: -webkit-box;
    /*设置子元素排列方式*/
    -webkit-box-orient: vertical;
    /*设置显示的行数，多出的部分会显示为...*/
    -webkit-line-clamp: 1;
  }

  .news_image {
    height: 78%;
    width: 100%;
  }

  .news_right {
    width: 100%;
    height: 22%;
    padding: 0;
  }
  .news_keyword {
    display: none;
  }
  .news_original {
    display: none;
  }
  .news_tag {
    display: none;
  }
  .news_timer_ci {
    margin-top: 3px;
  }

  .news_timer_ci div:last-child {
    margin-right: 0px;
  }
}

.news_ico_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fff;
  background-color: #f9f9f9;
}
.news_ico_text:hover {
  background-color: #eff3fe;
  border-color: var(--themcolor);
}
.news_ico_text img {
  width: 25px;
  height: 25px;
}
.news_product_services > a:nth-child(2) {
  border-radius: 0 0 12px 0;
}
.news_product_services > a:nth-child(3) {
  border-radius: 0 0 0 12px;
}
.news_product_services > a:nth-child(4) {
  border-radius: 0 12px 0 0;
}
.news_product_services > a:nth-child(5) {
  border-radius: 12px 0 0 0;
}
.news_line_style {
  margin: 10px 0 25px;
  width: 37px;
  height: 4px;
  background-color: var(--themcolor);
}
.keyword_page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 28%;
  margin-left: 13px;
  margin-top: 10px;
  padding: 3px 6px;
  white-space: nowrap;
  border: 1px solid #ececec;
  background-color: #ececec;
  color: #333333;
  border-radius: 11px;
  cursor: pointer;
  font-size: 10px;
}
@media (max-width: 1400px) {
  .keyword_page {
    width: 27%;
  }
}
@media (max-width: 1200px) {
  .keyword_page {
    width: 43%;
    font-size: 10px;
  }
}
@media (max-width: 1081px) {
  .keyword_page {
    width: 42%;
    font-size: 10px;
  }
}
.keyword_page a {
  transition: all 0s;
}
.keyword_page:hover {
  color: #fff;
  background-color: var(--themcolor);
}
.keyword_page:hover a {
  color: #fff;
}

.news_right_label {
  display: flex;
  flex-wrap: wrap;
  margin-left: -13px;
}
.news_right_label div {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

.index-selected-articles {
  cursor: pointer;
  /* padding-left: 15px; */
}

.index-selected-articles + .index-selected-articles::before {
  content: "、";
}
.selected_articles_details {
  list-style-type: square;
  display: block;
  padding-left: 10px;
  margin-top: 5px;
  height: 100%;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.span_hover:hover {
  border-bottom: 1px solid #fe6044;
  color: var(--themcolor);
}
.selected_articles_details:first-child {
  margin-top: 0;
}
.news_right_small_ico {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.news_right_small_ico img {
  width: 20px;
  height: 20px;
}
.news_right_small_ico div {
  padding-left: 10px;
  color: var(--themcolor);
}
.breadcrumbs {
  font-size: 14px;
}
.breadcrumbs span {
  font-weight: 500;
}
.breadcrumbs a:hover {
  color: var(--themcolor);
}
.incident_details_title {
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0;
}
.incident_details_sub_label {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  font-size: 12px;
  color: #bababa;
}
.incident_details_keyword {
  width: 80%;
}
.incident_details_source,
.incident_details_keyword {
  margin-right: 25px;
}
.incident_details_keyword {
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.incident_details_line {
  margin: 20px 0 20px;
  width: 100%;
  height: 1px;
  background-color: #bababa;
}
.incident_border {
  padding: 40px 60px 20px;
  background-color: #ffffff90;
}
.incident_border img {
  max-width: 100% !important;
}
.incident_bottom_up_down {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
}
.incident_bottom_up_down span {
  color: var(--themcolor);
}
.incident_bottom_up_down > div a {
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  width: 277px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.incident_bottom_up_down > div a:hover {
  color: var(--themcolor);
}

@media (max-width: 991px) {
  .incident_bottom_up_down {
    display: block;
    margin-bottom: 20px;
    padding: 10px 0;
  }
}

.incident_line_style {
  margin: 20px 0 0px;
  width: 100%;
  height: 1px;
  background-color: #bababa;
}

/* ------------- 嘉会动态-结束------------ */

/*<!-- ============================================================== -->
 <!-- 关于从这里开始 -->
<!-- ============================================================== -->*/

section.banner-inner-section {
  position: relative;
  overflow: hidden;
  height: 450px;
  display: flex;
  align-items: center;
}

video.banner-inner-bg {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
  z-index: -1;
}

.banner-inner-title h1 {
  font-size: 70px;
  font-weight: 800;
  line-height: 80px;
  color: #fff;
  text-shadow: 0 0 3px black;
}

.banner-inner-link {
  margin-top: 14px;
}

.banner-inner-link ul li {
  display: inline-block;
  margin-right: 30px;
}

.separator {
  position: relative;
}

.separator i {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: -20px;
  left: -16px;
}

.banner-inner-link a {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: 500;
  font-family: "Nunito";
  transition: 0.5s;
  text-shadow: 0 0 2px black;
}

.banner-inner-link a:hover {
  color: #fe8931;
  filter: hue-rotate(360deg);
}

.banner-inner-link a i {
  padding-right: 6px;
}

/*<!-- ============================================================== -->
 <!-- 关于内页的结束在这里 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!--服务内页从这里开始 -->
<!-- ============================================================== -->*/

section.working-process-section.style2 {
  padding: 100px 0 70px;
}

/*<!-- ============================================================== -->
 <!-- 服务内页到此结束 -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- 我们是内页从这里开始 -->
<!-- ============================================================== -->*/

section.rely-section.style2 {
  background: #f7f7f7;
}

/*<!-- ============================================================== -->
 <!-- 我们是内页从这里结束 -->
<!-- ============================================================== -->*/

/*<!--==============================================================-->
 <!-- 猫店内页从这里开始 -->
<!--==============================================================-->*/

section.shop-details-section {
  padding: 100px 0;
}

.thumb-tabs {
  background: #fff;
  padding: 50px;
  border-radius: 5px;
  filter: drop-shadow(0 0 15px rgba(218, 218, 218, 0.3));
}

.tab-content {
  display: none;
  -webkit-animation: move 0.4s ease-in;
  animation: FadeInUp 0.5s ease-in;
}

.tab-content.active {
  display: block;
}

.shop-details-thumb {
  position: relative;
}

.shop-details-thumb img {
  width: 100%;
  border-radius: 4px;
  filter: drop-shadow(0 0 15px rgba(218, 218, 218, 0.3));
}

.add-to-favourite {
  position: absolute;
  top: 30px;
  right: 30px;
}

.add-to-favourite a {
  width: 50px;
  height: 50px;
  border-radius: 28px;
  background-color: #282828;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
  overflow: hidden;
  display: inline-block;
}

.add-to-favourite a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff791f;
  transform: scale(0);
  z-index: -1;
  transition: 0.4s;
  border-radius: 30px;
}

.add-to-favourite a:hover:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

.tab-btn button {
  width: 120px;
  height: 100px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #062e5f7c;
  margin-top: 30px;
  overflow: hidden;
  padding: 0;
}

.tab-btn button:focus {
  outline: none;
}

.tab-btn button.active {
  border: 1px solid #ff791f;
  padding: 2px;
}

.tab-btn img {
  width: 100%;
  height: 100%;
}

.shop-details-title h2 {
  font-size: 30px;
  line-height: 36px;
  color: #282828;
}

.rate-left ul li {
  display: inline-block;
  color: #ff791f;
  font-size: 16px;
  margin: 16px 4px 16px 0;
}

.shop-details-rate {
  display: flex;
  gap: 16px;
  align-items: center;
}

.rate-right p {
  font-size: 17px;
  line-height: 28px;
  color: #616161;
  font-weight: 400;
  margin: 0;
}

.shop-details-price h5 {
  font-size: 20px;
  line-height: 28px;
  color: #ff791f;
  font-weight: 500;
  margin: 0 0 20px 0;
}

.shop-details-price h5 span {
  opacity: 0.502;
  text-decoration: line-through;
  color: #26272c;
  padding-left: 10px;
}

.quantity {
  float: left;
  margin-right: 30px;
}

.category-count-button {
  display: inline-flex;
  padding: 8px 0 30px;
}

.quantity-with_btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
}

.quantity .cart-plus-minus {
  position: relative;
  width: 150px;
  text-align: left;
  height: 54px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ff791f;
}

.quantity .cart-plus-minus > .ctnbutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  width: 38px;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #ff791f;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
  border: 0;
  height: 54px;
  text-align: center;
  width: 150px;
  font-size: 16px;
  font-weight: 600;
  color: #062461;
  background-color: #fff !important;
  background-size:
    6px 2px,
    6px 2px,
    2px 6px,
    2px 7px;
  background-position:
    0 0,
    0 100%,
    0 0,
    100% 0;
}

.quantity .cart-plus-minus > .ctnbutton.dec {
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  border-radius: 0 30px 30px 0;
}

.quantity .cart-plus-minus > .ctnbutton.inc {
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  border-radius: 30px 0 0 30px;
}

.add-to-cart-btn a {
  width: 143px;
  height: 54px;
  line-height: 54px;
  border-radius: 4px;
  background-color: #ff791f;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
}

.add-to-cart-btn a:hover {
  filter: hue-rotate(360deg);
}

.shop-features {
  margin-top: 26px;
}

.shop-details-color h5 {
  font-size: 16px;
  line-height: 28px;
  color: #26272c;
  font-weight: 500;
  margin: 0 0 22px;
}

.shop-details-color h5 span {
  color: #616161;
  padding-left: 6px;
}

.shop-features td {
  font-size: 16px;
  line-height: 36px;
  font-weight: 500;
}

.table-title {
  color: #282828;
}

section.shop-related .shop-cart-thumb::before {
  clip-path: polygon(0 0, 200% 0%, 0% 200%);
}

section.shop-related .shop-content {
  background-color: #fff;
  text-align: left;
  filter: drop-shadow(0 0 20px rgba(228, 228, 228, 0.5));
  padding: 22px 30px 6px;
}

section.shop-related .shop-title h3 {
  color: #0d0e13;
  font-size: 18px;
  margin: 5px 0 0px;
}

section.shop-related .shop-price del {
  color: #616161;
  font-weight: 400;
  margin-right: 8px;
}

section.shop-related .shop-rating li {
  font-size: 14px;
}

section.shop-related .shop-cart-btn a {
  border: transparent;
  color: #fff;
  display: none;
}

.info-tab-btn button {
  padding: 14px 30px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  font-size: 16px;
  line-height: 28px;
  color: #1f1f1f;
  font-weight: 400;
  float: left;
  margin-right: 20px;
  width: auto;
  height: auto;
}

.info-desc {
  margin-top: 34px;
}

.info-tab-btn button.active {
  background-color: #ff791f;
  color: #fff;
}

.tab-contents {
  margin-top: 30px;
  margin-bottom: 40px;
  -webkit-animation: move 0.4s ease-in;
  animation: FadeInUp 0.5s ease-in;
  display: none;
}

.tab-contents.active {
  display: block;
}

.additional-info {
  border-top: 1px solid rgba(223, 223, 223, 0.55);
  border-bottom: 1px solid rgba(223, 223, 223, 0.55);
}

.additional-info table {
  width: 100%;
}

tr.table-bg {
  background-color: rgba(223, 223, 223, 0.2);
}
tr td:first-child {
  /* color: red; */
}

td.table_title {
  font-size: 16px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  width: 180px;
  height: 68px;
  padding: 0 40px;
}

.profile-icon i {
  font-size: 66px;
  color: #dfdfdf;
}

.shop-review {
  display: flex;
  align-items: center;
  gap: 24px;
}

.review-rate li {
  display: inline-block;
  letter-spacing: 4px;
  color: #ff791f;
}

.profile-name {
  position: relative;
  display: flex;
  gap: 38px;
}

.profile-name h5 {
  font-size: 17px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.review-date h5 {
  position: relative;
  opacity: 0.8;
  font-size: 15px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
}

.review-date h5:before {
  position: absolute;
  content: "";
  top: 14px;
  left: -28px;
  background: #282828;
  width: 20px;
  height: 1px;
}

.reply button {
  border: none;
  background: transparent;
  font-size: 14px;
  color: #282828;
}

.add-review-title h3 {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.your-rate {
  display: flex;
  gap: 26px;
  align-items: center;
}

.rate-right li {
  font-size: 15px;
  letter-spacing: 5px;
  line-height: 28px;
  color: #ff791f;
  font-family: "Font Awesome";
  display: inline-block;
}

.rate-left h5 {
  opacity: 0.8;
  font-size: 16px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin: 0;
}

.review-form-top {
  display: flex;
  gap: 28px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.form-top-left,
.form-top-right {
  width: 100%;
}

form.review-form label {
  display: block;
  opacity: 0.902;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin-bottom: 6px;
}

form.review-form input {
  width: 100%;
  height: 54px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
}

form.review-form textarea {
  width: 100%;
  height: 156px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
  resize: none;
}

form.review-form input::placeholder,
form.review-form textarea::placeholder {
  opacity: 0.702;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
}

.form-btn {
  margin-top: 20px;
}

section.shop-related {
  margin: 0 0 70px;
}

.shop-related-title h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 30px;
}

/*<!-- ============================================================== -->
 <!-- 商店详情内页结束在这里 -->
<!-- ============================================================== -->*/

/* PRELOADER CSS */
.loading-screen {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
}

.loading-screen .bar {
  position: absolute;
  height: 100%;
  width: 50%;
  background: linear-gradient(180deg, #dcedfe 0%, #005aec90 100%);
}

.loading-screen .top-bar {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

.loading-screen .down-bar {
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
}

.loading-screen .animation-preloader {
  z-index: 1000;
  position: relative;
}

.animation-preloader h3 {
  position: absolute;
  top: 0;
  left: 50%;
  text-shadow: 2px 2px 0px #062e5f;
  transform: translate(-50%, 56px);
  color: #fff;
}

.loading-screen .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 4px solid #cde0fd;
  border-top-color: #005aec;
  width: 150px;
  height: 150px;
  margin: 0 auto 3.5em auto;
}

.loading-screen .animation-preloader .txt-loading {
  font:
    bold 5em "Nunito",
    sans-serif;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loading-screen .animation-preloader .txt-loading .letters-loading {
  /* color: #e2dfdd; */
  color: #bad3fc;
  position: relative;
}

.loading-screen .animation-preloader .txt-loading .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  /* color: #062e5f; */
  color: #005aec;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Nunito", sans-serif;
  position: absolute;
  top: -3px;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .loading-screen .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }

  .loading-screen .animation-preloader .txt-loading {
    font:
      bold 3.5em "Nunito",
      sans-serif;
  }
}

@media screen and (max-width: 500px) {
  .loading-screen .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }

  .loading-screen .animation-preloader .txt-loading {
    font:
      bold 2em "Nunito",
      sans-serif;
  }
}

.load-text {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #5d96ff;
}

@media (max-width: 768px) {
  .logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -15%);
    width: 70px !important;
  }
  .load-text {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .logo_center {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px !important;
  }

  .load-text {
    font-size: 12px;
  }
}

/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/

.prgoress_indicator {
  position: fixed;
  right: 70px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(24, 24, 24, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}

@media (max-width: 500px) {
  .prgoress_indicator {
    right: 30px;
    bottom: 65px;
  }
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
  background: transparent;
}

.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  /* color: #0052ee90; */
  color: var(--themcolor);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: #2871ff;
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
  /* stroke: #ff791f; */
  stroke: var(--themcolor);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}

/* curser Animation */

.curser {
  position: fixed;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 999;
  transition: 0.2s;
}

.curser2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translate(-50%, -0%);
  z-index: 9999;
  transition: 0.1s;
}

/* curser Animation */

/*<!-- ============================================================== -->
 <!-- 动画从这里开始 -->
<!-- ============================================================== -->*/

@keyframes loader {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes zoomIn {
  from {
    -webkit-transform: scale(0.7) translateY(100px);
    transform: scale(0.7) translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes ZoomIn {
  from {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes FadeInUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes rotate {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate3 {
  0% {
    transform: rotateX(-150deg) rotateY(-235deg) rotateZ(0deg);
    -webkit-transform: rotateX(-150deg) rotateY(-235deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(-150deg) rotateY(-235deg) rotateZ(360deg);
    -webkit-transform: rotateX(-150deg) rotateY(-235deg) rotateZ(360deg);
  }
}

@keyframes rotate4 {
  0% {
    transform: rotateX(220deg) rotateY(20deg) rotateZ(0deg);
    -webkit-transform: rotateX(220deg) rotateY(20deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(220deg) rotateY(20deg) rotateZ(360deg);
    -webkit-transform: rotateX(220deg) rotateY(20deg) rotateZ(360deg);
  }
}

@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }

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

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

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

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

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@-webkit-keyframes play-btn {
  0% {
    -webkit-box-shadow:
      0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3);
    box-shadow:
      0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3);
  }
  100% {
    -webkit-box-shadow:
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3),
      0 0 0 30px rgba(254, 254, 254, 0);
    box-shadow:
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3),
      0 0 0 30px rgba(254, 254, 254, 0);
  }
}

@keyframes play-btn {
  0% {
    -webkit-box-shadow:
      0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3);
    box-shadow:
      0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3);
  }
  100% {
    -webkit-box-shadow:
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3),
      0 0 0 30px rgba(254, 254, 254, 0);
    box-shadow:
      0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3),
      0 0 0 30px rgba(254, 254, 254, 0);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}

@keyframes shine {
  100% {
    left: 100%;
  }
}

.dance {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes Dance {
  0% {
    -webkit-transform: translateY(0px);
  }

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

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

.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
  animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}

@keyframes Rotateme {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateme {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes Ripple {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lqt {
  0%,
  100% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% 0px;
  }
  50% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% 40px;
  }
  50.1% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% -40px;
  }
}

@keyframes lqb {
  0% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0 40px;
  }
  100% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0 -40px;
  }
}

@keyframes spinx {
  0%,
  49% {
    transform: rotate(0deg);
    background-position: 50% 36px;
  }
  51%,
  98% {
    transform: rotate(180deg);
    background-position: 50% 4px;
  }
  100% {
    transform: rotate(360deg);
    background-position: 50% 36px;
  }
}

.bilingual_version_style {
  background-color: #8e44ad;
}

.bilingual_purple {
  color: #8e44ad;
}

/* 优化适用场景和分类样式 - 简约大气设计 */
.applicable-scenarios {
  margin-bottom: 20px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(240, 243, 248, 0.8);
}

.applicable-scenarios:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.applicable-scenarios h3 {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  margin-bottom: 12px;
  position: relative;
  padding-left: 10px;
  letter-spacing: 0.3px;
}

.applicable-scenarios h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 14px;
  background: linear-gradient(135deg, #fe6044 0%, #ff8a65 100%);
  border-radius: 2px;
}

.scenario-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.scenario-tags .tag {
  padding: 2px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  cursor: default;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.2px;
  position: relative;
  overflow: hidden;
}

.scenario-tags .tag::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(254, 96, 68, 0.15),
    transparent
  );
  transition: left 0.6s;
}

.scenario-tags .tag:hover::before {
  left: 100%;
}

.scenario-tags .tag:hover {
  background: #ffffff;
  border-color: #fe6044;
  color: #2d3748;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(254, 96, 68, 0.2);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .applicable-scenarios {
    margin-bottom: 16px;
    padding: 14px 0;
  }

  .applicable-scenarios h3 {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .scenario-tags {
    gap: 6px;
    margin-top: 10px;
  }

  .scenario-tags .tag {
    padding: 4px 10px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .applicable-scenarios {
    padding: 12px 0;
  }

  .scenario-tags .tag {
    padding: 3px 8px;
    font-size: 10px;
  }
}

/* 价格方案页面样式 */
.pricing-section {
  padding: 80px 0;
  background-color: #f8f9fa;
}

.pricing-info {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 50px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.pricing-info h3 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  border-left: 4px solid var(--themcolor);
  padding-left: 15px;
}

.pricing-info p {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.product-item {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  position: relative;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
}

.product-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.product-item.featured {
  border: 2px solid var(--themcolor);
  transform: scale(1.05);
}

.product-item.featured .featured-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: linear-gradient(135deg, var(--themcolor), var(--hovercolor));
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.product-image {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  position: relative;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff9a9e, #fecfef);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-image img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 50%;
}

.product-info h4 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.price {
  color: var(--themcolor);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.currency {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}

.rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.stars {
  color: #ffd700;
  font-size: 16px;
}

.rating-text {
  color: #999;
  font-size: 12px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .products-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
  }
}

@media (max-width: 768px) {
  .pricing-section {
    padding: 50px 0;
  }

  .pricing-info {
    padding: 20px;
    margin-bottom: 30px;
  }

  .pricing-info h3 {
    font-size: 18px;
  }

  .products-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }

  .product-item {
    padding: 20px;
  }

  .product-item.featured {
    transform: none;
  }

  .product-image {
    width: 70px;
    height: 70px;
  }

  .product-image img {
    width: 50px;
    height: 50px;
  }

  .price {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .products-grid {
    grid-template-columns: 1fr;
  }

  .pricing-info h3 {
    font-size: 16px;
  }

  .pricing-info p {
    font-size: 13px;
  }
}

/* 价格方案页面样式 */
.prize-section {
  /* display: flex; */
  padding: 20px;
  background-color: #fff;
}

/* 左侧菜单样式 */
.prize-menu {
  position: fixed;
  width: 200px;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.prize-menu-item {
  cursor: pointer;
  padding: 12px 20px;
  margin-bottom: 10px;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.prize-menu-item:last-child {
  margin-bottom: 0;
}

.prize-menu-item:hover {
  background: #f5f5f5;
}

.prize-menu-item.active {
  background: #1890ff;
  color: #fff;
}

.prize-content-box {
  margin-left: 160px; /* 给左侧菜单留出空间 */
  flex: 1;
}

.prize_draw_title {
  scroll-margin-top: 100px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin: 30px 0;
  padding-left: 15px;
  position: relative;
  display: inline-block;
}

.prize_draw_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background: var(--themcolor);
  border-radius: 2px;
}

.prize_draw_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, var(--themcolor), transparent);
}

/* 右侧内容区域样式 */
.prize-content {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 20px 20px 20px 40px;
}

.prize-item {
  margin: 0 20px 40px;
}

.prize-title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  color: #333;
}

.prize-title-bar {
  width: 2px;
  height: 16px;
  background: #ff4e50;
  margin-right: 8px;
}

.prize-card {
  width: 240px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  background: #fff7f7;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.prize-card img {
  width: 100%;
  height: 160px;
  object-fit: contain;
  background: #fff7f7;
  padding: 20px;
}

.prize-info {
  padding: 12px 15px;
  background: #fff;
}

.prize-name {
  font-size: 13px;
  color: #333;
  margin-bottom: 4px;
}

.prize-price {
  display: flex;
  align-items: baseline;
}

.current-price {
  font-size: 16px;
  color: #ff4e50;
  font-weight: normal;
}

.price-unit {
  font-size: 12px;
  color: #ff4e50;
}

.original-price {
  font-size: 11px;
  color: #999;
  margin-left: auto;
}

/* 价格方案页面样式 */
.prize-section {
  padding: 20px;
  background-color: #fff;
}

/* 顶部提示文字样式 */
.price-tips {
  margin-bottom: 30px;
  padding: 15px;
  padding-left: 150px;
  background: #fff;
  border-radius: 4px;
}

.tips-item {
  margin-bottom: 10px;
}

.tips-item:last-child {
  margin-bottom: 0;
}

.tips-title {
  font-size: 13px;
  color: #333;
  margin-bottom: 5px;
}

.tips-content {
  font-size: 12px;
  color: #666;
  line-height: 1.6;
}

/* 左侧菜单样式 */
.prize-menu {
  width: 120px;
  padding: 20px 0;
  background: #fff;
}

/* 价格方案页面样式 */
.prize-wrapper {
  padding: 20px;
  background-color: #fff;
}

/* 顶部提示文字样式 */
.price-tips {
  margin-bottom: 20px;
}

.tips-item {
  margin-bottom: 8px;
}

.tips-title {
  font-size: 13px;
  color: #333;
  margin-bottom: 4px;
}

.tips-content {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}

/* 主要内容区样式 */
.prize-section {
  /* display: flex; */
}

/* 左侧菜单样式 */
.prize-menu {
  width: 130px;
  padding: 0;
}

.prize-menu-item {
  padding: 10px 15px;
  font-size: 13px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}

.prize-menu-item.active {
  background-color: var(--themcolor);
  color: #fff;
}

/* 右侧内容区域样式 */
.prize-content {
  flex: 1;
  padding-left: 20px;
}

.prize-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.prize-item {
  margin-bottom: 20px;
}

.prize-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}

.prize-title-bar {
  width: 2px;
  height: 14px;
  background: #ff4e50;
  margin-right: 8px;
}

.prize-card {
  width: 220px;
  background: #fff7f7;
  border-radius: 8px;
  overflow: hidden;
}

.prize-card img {
  width: 100%;
  height: 140px;
  object-fit: contain;
  padding: 15px;
}

.prize-info {
  padding: 10px 12px;
  background: #fff;
}

.prize-name {
  font-size: 13px;
  color: #333;
  margin-bottom: 4px;
}

.prize-price {
  display: flex;
  align-items: baseline;
}

.current-price {
  font-size: 16px;
  color: #ff4e50;
  font-weight: normal;
}

.price-unit {
  font-size: 12px;
  color: #ff4e50;
}

.original-price {
  font-size: 11px;
  color: #999;
  margin-left: auto;
}

/* 互动分类tab选中样式 */
.caseTab .tabBox {
  background: #f6f8fc;
  color: #222;
  border-radius: 20px;
  transition: all 0.2s;
  display: inline-block;
  min-width: 180px;
  min-height: 100px;
  margin: 0 20px 20px 0;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  border: none;
  font-size: 22px;
  font-weight: 500;
  position: relative;
}

.caseTab .tabBox .isSelectedIcon {
  display: block;
}
.caseTab .tabBox .selectedIcon {
  display: none;
}

/* 选中态 */
.caseTab .tabBox.selected {
  background: var(--themcolor);
  color: #fff;
  box-shadow: 0 4px 16px rgba(34, 83, 246, 0.1);
}
.caseTab .tabBox.selected .isSelectedIcon {
  display: none;
}
.caseTab .tabBox.selected .selectedIcon {
  display: block;
}

/* 互动分类tab整体容器样式 */
.caseTab {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 30px 0;
}

/* 单个tab卡片样式 */
.caseTab .tabBox {
  background: #f6f8fc;
  border-radius: 8px;
  padding: 20px;
  width: 15%;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 图标容器样式 */
.caseTab .tabBox .tabBoxIcon {
  width: 28px;
  height: 28px;
}

/* 图标样式 */
.caseTab .tabBox .tabBoxIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 文字样式 */
.caseTab .tabBox span {
  font-size: 16px;
  color: #333;
  margin-top: 8px;
}

/* 默认状态下显示未选中图标 */
.caseTab .tabBox .selectedIcon {
  display: none;
}

.caseTab .tabBox .isSelectedIcon {
  display: block;
}

/* 选中状态样式 */
.caseTab .tabBox.selected {
  background: var(--themcolor);
  box-shadow: 0 4px 12px rgba(var(--themcolor), 0.2);
}

/* 选中状态文字颜色 */
.caseTab .tabBox.selected span {
  color: #fff;
}

/* 选中状态显示选中图标 */
.caseTab .tabBox.selected .selectedIcon {
  display: block;
}

.caseTab .tabBox.selected .isSelectedIcon {
  display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
  .caseTab {
    gap: 10px;
  }

  .caseTab .tabBox {
    min-width: 100px;
    padding: 15px;
  }

  .caseTab .tabBox .tabBoxIcon {
    width: 26px;
    height: 26px;
  }

  .caseTab .tabBox span {
    font-size: 14px;
  }
}

/* 卡片样式 */
.caseBox {
  position: relative;
  width: calc(33.33% - 20px);
  margin: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #f4f4f9;
}

.Cbox {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.Cbox img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}

.caseqrImageBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px 8px 0 0;
}

.caseqrImage {
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}

.caseqrImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.caseqrImageBox span {
  color: #fff;
  font-size: 14px;
}

/* 鼠标悬停效果 */
.Cbox:hover .caseqrImageBox {
  opacity: 1;
}

.Cbox:hover img {
  transform: scale(1.05);
}

/* 卡片文字样式 */
.caseText {
  padding: 15px 10px;
}

.caseTitle {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: block;
  margin-bottom: 10px;
}

.caseTime {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 14px;
}

.caseTime img {
  margin-right: 5px;
}

/* 响应式布局 */
@media (max-width: 992px) {
  .caseBox {
    width: calc(50% - 20px);
  }
}

@media (max-width: 576px) {
  .caseBox {
    width: calc(100% - 20px);
  }
}