@charset "utf-8";



/* 公共样式 - start */

body,

input,

textarea {

  font-family: "DingTalk-JinBuTi", "PingFang SC", "Microsoft YaHei" !important;

}



/* wow弹窗字体引入 */

.altumcode {

  --fontFamily: "DingTalk-JinBuTi", "PingFang SC", "Microsoft YaHei" !important;

}



@font-face {

  font-family: "DingTalk-JinBuTi";

  src: url("../fonts/DingTalk-JinBuTi.ttf");

  src:

    url("../fonts/DingTalk-JinBuTi.woff2") format("woff2"),

    url("../fonts/DingTalk-JinBuTi.woff") format("woff");

}



html {

  font-size: 100px;

}



/* a[href=""],a[href='']{

    cursor:default

} */

.mod-form input:-webkit-autofill,

.mod-form input:-webkit-autofill:hover,

.mod-form input:-webkit-autofill:focus,

.mod-form input:-webkit-autofill:active {

  -webkit-text-fill-color: #333 !important;

}



:root {

  /* 字号 */

  --font100: 1rem;

  --font98: 0.98rem;

  --font96: 0.96rem;

  --font94: 0.94rem;

  --font92: 0.92rem;

  --font90: 0.9rem;

  --font88: 0.88rem;

  --font86: 0.86rem;

  --font84: 0.84rem;

  --font82: 0.82rem;

  --font80: 0.8rem;

  --font78: 0.78rem;

  --font76: 0.76rem;

  --font74: 0.74rem;

  --font72: 0.72rem;

  --font70: 0.7rem;

  --font68: 0.68rem;

  --font66: 0.66rem;

  --font64: 0.64rem;

  --font62: 0.62rem;

  --font60: 0.6rem;

  --font58: 0.58rem;

  --font56: 0.56rem;

  --font54: 0.54rem;

  --font52: 0.52rem;

  --font50: 0.5rem;

  --font48: 0.48rem;

  --font46: 0.46rem;

  --font44: 0.44rem;

  --font42: 0.42rem;

  --font40: 0.4rem;

  --font38: 0.38rem;

  --font36: 0.36rem;

  --font34: 0.34rem;

  --font32: 0.32rem;

  --font30: 0.3rem;

  --font28: 0.28rem;

  --font26: 0.26rem;

  --font24: 0.24rem;

  --font22: 0.22rem;

  --font20: 0.2rem;

  --font18: 0.18rem;

  --font16: 0.16rem;

  --font14: 0.14rem;

  --font12: 0.12rem;

  /* 间距 */

  --space250: 2.5rem;

  --space240: 2.4rem;

  --space230: 2.3rem;

  --space220: 2.2rem;

  --space210: 2.1rem;

  --space200: 2rem;

  --space190: 1.9rem;

  --space180: 1.8rem;

  --space170: 1.7rem;

  --space160: 1.6rem;

  --space150: 1.5rem;

  --space140: 1.4rem;

  --space130: 1.3rem;

  --space120: 1.2rem;

  --space110: 1.1rem;

  --space100: 1rem;

  --space90: 0.9rem;

  --space80: 0.8rem;

  --space70: 0.7rem;

  --space60: 0.6rem;

}



:root {

  /* 行高 */

  --line12: 1.2;

  --line13: 1.3;

  --line14: 1.4;

  --line15: 1.5;

  --line16: 1.6;

  --line175: 1.75;

  --line18: 1.8;

  /* 导航-高度 */

  --headh: 80px;

  /* 颜色 */

  --color000: #000;

  --color333: #333;

  --color666: #666;

  --color999: #999;

  --colorfff: #fff;

  --color5c2: #5c2b7d;

  --color461: #461e61;

  --color52a: #52a36b;

  --colormain: #6b41ff;

  --colorbj: ;

  /* 板块间距 */

  --space40: 0.4rem;

  /* 段落间距 */

  --parpspace16: 0.16rem;

  --parpspace12: 0.12rem;

  --parpspace10: 0.1rem;

  /* 特殊字体或粗细 */

  --bold: "";

  --transition: all 0.4s ease;

  --transition1: all 0.8s var(--bezier1);

  --transition2:

    transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2),

    opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);

  --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);

  /* 等于gsap的sine.out */

  --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);

  /* 等于gsap的expo.inOut */

  --bezier2: cubic-bezier(0.38, 0, 0, 1);

}



.std-font64,

.std-font64 p {

  font-size: var(--font64);

  color: var(--color333);

  line-height: var(--line15);

}



.std-font48,

.std-font48 p,

.yxedr-active h2 {

  font-size: var(--font48);

  color: var(--color333);

  line-height: var(--line15);

}



.std-font40,

.std-font40 p,

.yxedr-active h3 {

  font-size: var(--font40);

  color: var(--color333);

  line-height: var(--line15);

}



.std-font32,

.std-font32 p,

.yxedr-active h4 {

  font-size: var(--font32);

  color: var(--color333);

  line-height: var(--line15);

}



.std-font24,

.std-font24 p,

.yxedr-active h5 {

  font-size: var(--font24);

  color: var(--color333);

  line-height: var(--line15);

}



.std-text18,

.std-text18 p {

  font-size: var(--font18);

  color: var(--color333);

  line-height: var(--line15);

}



.std-text16,

.std-text16 p {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line175);

}



.yxedr-active,

.yxedr-active p {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line175);

}



.yxedr-active p {

  margin-bottom: 0.75em;

}



.yxedr-active > p:last-child {

  margin-bottom: 0;

}



.std-padding120t {

  padding-top: var(--space120);

}



.std-padding120 {

  padding-bottom: var(--space120);

}



.std-padding100t {

  padding-top: var(--space100);

}



.std-padding100 {

  padding-bottom: var(--space100);

}



.std-margin40 {

  margin-bottom: var(--space40);

}



.std-padding40 {

  padding-bottom: var(--space40);

}



.yxedr-active h2,

.yxedr-active h3 {

  margin-bottom: var(--parpspace16);

}



.yxedr-active h4 {

  margin-bottom: var(--parpspace12);

}



.yxedr-active h5 {

  margin-bottom: var(--parpspace10);

}



.search-main {

  --colormain1: var(--colormain) !important;

}



/*分享翻译*/

.ys-wechat-cont-parga p::before {

  content: "分享到 - 微信";

  /* content: 'Share the - WeChat'; */

}



/* yongsy样式 */

a[href="https://www.yongsy.com"] {

  color: rgba(255, 255, 255, 0.2) !important;

  white-space: nowrap;

}



/*导航默认选中*/

.yxnav-active1 {

}



.yxnav-active2 {

}



/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child) {

  display: none;

}



/* 省略号 */

.line-clamp {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



/* 侧边锚点隐藏 */

.mod-anchor {

  opacity: 0;

  transform: translateX(-50%);

  transition: all 0.4s ease;

  position: fixed;

  z-index: 20;

}



.mod-anchor.on1 {

  opacity: 1;

  transform: translateX(0%);

}



.mod-anchor ul {

  transition: all 0.4s ease;

}



.mod-anchor:not(.act) ul {

  opacity: 1;

  transform: translateX(0%);

}



.mod-anchor.act ul {

  opacity: 0;

  transform: translateX(-50%);

}



/* 轮播箭头 */

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled,

.slick-arrow.slick-disabled {

  pointer-events: none !important;

  opacity: 0.5 !important;

}



.mod-arrows1 .swiper-button-next,

.mod-arrows1 .swiper-button-prev,

.mod-arrows1 .slick-prev,

.mod-arrows1 .slick-next {

}



/* 载入 */

.ys-upfade1 {

  opacity: 0;

  transform-origin: 0% 50%;

  -webkit-transform: translate3d(0, 60px, 0);

  transform: translate3d(0, 60px, 0);

  transition: var(--transition2);

  will-change: transform, opacity;

}



.ys-upfade1.ys-fade-true {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0px, 0);

}



/* 首页banner载入 */

.ys-ban-li.act .ys-ban-title {

  animation: ysfadeInUp 0.8s ease-in-out both;

  animation-delay: 0.4s;

}



.head-nav {

  display: flex;

  align-items: center;

}



.head-nav-item-title {

  font-size: var(--font14);

  color: var(--colorfff);

  line-height: var(--line18);

  margin: 0 0.16rem;

  padding: 6px;

  display: flex;

  align-items: center;

  transition: var(--transition);

}



.head-other-link {

  display: flex;

  align-items: center;

  padding: 0 0.14rem 0 0.2rem;

  border-radius: 100px;

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: var(--transition);

}



.head-other-link-le {

  font-size: var(--font16);

  color: var(--color5c2);

  line-height: 48px;

  margin-right: 4px;

  transition: var(--transition);

}



.hnit-ri {

  margin-left: 4px;

  width: 16px;

}



.hnit-ri svg {

  width: 100%;

  height: auto;

}



.head-other-link-ri {

  width: 16px;

}



.head-other-link-ri svg {

  width: 100%;

  height: auto;

}



.head-logo {

  width: 252px;

}



.hull-le {

  width: 43px;

  margin-right: 0.09rem;

}



.hull-le img {

  width: 100%;

}



.hull-ri-tit {

  font-size: var(--font14);

  color: var(--color333);

  line-height: 1.45;

  margin-bottom: 1px;

}



.hull-ri-par {

  font-size: var(--font12);

  color: var(--color999);

  line-height: 1.45;

}



.hnid-ul-li-link {

  display: flex;

  align-items: center;

  padding: 0.09rem 0.11rem;

  border-radius: 8px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: var(--transition);

}



.head-nav-item-down {

  width: 340px;

  border-radius: 10px;

  background: #fff;

  padding: 0.22rem 0.1rem;

  box-shadow: 0 0 32.3px 0 rgba(120, 124, 132, 0.25);

}



.head-nav-item {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hnid-ul-li {

  margin-bottom: 10px;

}



.hnid-ul-li:last-child {

  margin-bottom: 0;

}



.head-nav {

  display: flex;

  align-items: stretch;

}



.head-nav-item-nub::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 30px;

  background-color: transparent;

}



.hnit-le {

  transition: var(--transition);

}



.head-other-link-ri svg path {

  transition: var(--transition);

}



.hnit-ri svg path {

  transition: var(--transition);

}



.ys-hd-pc.isfixed .head-other-link {

  background-color: var(--colormain);

}



.ys-hd-pc.isfixed .head-other-link-le {

  color: var(--colorfff);

}



.ys-hd-pc.isfixed .head-other-link-ri svg path {

  stroke: var(--colorfff);

}



.ys-hd-pc.isfixed .hnit-ri svg path {

  stroke: var(--color333);

}



.ys-hd-pc.ishover .head-other-link {

  background-color: var(--colormain);

}



.ys-hd-pc.ishover .head-other-link-le {

  color: var(--colorfff);

}



.ys-hd-pc.ishover .head-other-link-ri svg path {

  stroke: var(--colorfff);

}



.ys-hd-pc.ishover .hnit-ri svg path {

  stroke: var(--color333);

}



.ftbu-li-pic {

  width: 62px;

  padding: 0.11rem;

  border-radius: 12px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);

}



.ftbu-li-pic img {

  width: 100%;

}



.ftbu-li:nth-child(2n + 1) .ftbu-li-pic {

  transform: rotate(-3deg);

}



.ftbu-li:nth-child(2n) .ftbu-li-pic {

  transform: rotate(3deg);

}



.footer-top-box-ul {

  display: flex;

}



.footer-top-box {

  margin-bottom: 0.32rem;

}



.footer-top {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  margin-bottom: var(--space130);

  padding-bottom: 0;

}



.footer-top-tit {

  font-size: var(--font64);

  color: var(--colorfff);

  line-height: var(--line16);

  margin-bottom: 0.08rem;

  text-align: center;

}



.footer-top-par,

.footer-top-par p {

  font-size: var(--font32);

  color: var(--colorfff);

  line-height: 1.45;

}



.footer-top-par {

  margin-bottom: 0.48rem;

}



.ftpu-li-link-le {

  font-size: var(--font16);

  color: var(--color461);

  line-height: 52px;

  transition: var(--transition);

  margin-right: 0.08rem;

}



.ftpu-li-link-ri {

  width: 16px;

}



.ftpu-li-link-ri svg {

  width: 100%;

  height: auto;

}



.ftpu-li-link {

  border-radius: 100px;

  background: #fff;

  padding: 0 0.16rem 0 0.24rem;

  display: flex;

  align-items: center;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: var(--transition);

}



.ftpu-li-ri .ftpu-li-link {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: 52px;

  padding: 0 0.24rem;

  border-radius: 100px;

  background: rgba(255, 255, 255, 0.3);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}



.footer-top-par-ul {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 -8px;

}



.footer-cent-le {

  width: 240px;

}



.footer-cent-le a {

  width: 100%;

}



.footer-cent-le a img {

  width: 100%;

}



.fcru-li-link {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line175);

}



.fcru-li {

  padding: 0 0.54rem;

}



.footer-cent-ri-ul {

  display: flex;

  align-items: center;

  margin: 0 -0.54rem;

}



.footer-cent {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 0.2rem;

}



.footer-bot {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding: 0.4rem 0 0.1rem 0;

  display: flex;

  justify-content: space-between;

}



.footer-text {

  display: flex;

  align-items: center;

}



.footer-share-li-link {

  width: 24px;

}



.footer-share-li-link img {

  width: 1005px;

}



.footer-share-btn .ys-imgbox-cover {

  width: 24px;

}



.footer-share-code {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  width: var(--codew);

  top: auto;

  bottom: calc(100% + 10px);

  background: #fff;

  border-radius: 4px;

  padding: 6px;

  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);

  display: none;

  z-index: 10;

}



.footer-share-code::before {

  content: "";

  border-bottom: 8px solid var(--colorfff);

  left: 44%;

  transform: translateX(-50%);

  bottom: -8px;

  top: auto;

  position: absolute;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  transform: rotate(180deg);

}



.ftpu-li {

  padding: 0 8px;

}



/* 公共样式 - end */

.home-text-tit {

  font-size: var(--font72);

  color: var(--colorfff);

  line-height: var(--line12);

  margin-bottom: 0.24rem;

  text-align: center;

}



.home-text {

  position: static;

  left: 0;

  transform: translateX(0%);

  top: 128px;

  z-index: 10;

  padding-top: 1.28rem;

  min-height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: inherit;

}



.home-text .ys-cont1200 {

  position: relative;

}



.ys-ban-imgbox.home-text-pcide {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.ys-ban-imgbox img {

  width: 100%;

  height: calc(100% + 500px);

  object-fit: cover;

}



.home-text-aboust-sticky {

  position: sticky !important;

  bottom: 20px;

  min-height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-bottom: var(--space80);

}



.home-text-advent {

  padding-bottom: 1.15rem;

  position: relative;

  z-index: 1;

}



.home-text-advent-bj {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 51.5%;

  z-index: -1;

}



.home-text-advent-bj img {

  width: 100%;

}



.htau-li {

  height: 150vh;

}



.home-main .ys-banner {

  overflow: visible !important;

}



.htcp-tit {

  font-size: var(--font16);

  color: var(--color333);

  line-height: 1.45;

  margin-bottom: 0.15rem;

  text-align: center;

}



.htcp-pic {

  width: 100%;

  position: relative;

}



.htcp-pic img {

  width: 100%;

}



.htcp-num {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  position: relative;

  z-index: 20;

  margin-top: -25px;

}



.htcp-num.on .htcp-num-ri {

  opacity: 1;

}



.htcp-num-le {

  font-size: var(--font40);

  color: var(--color000);

  line-height: 1.45;

}



.htcp-num-ri {

  margin-bottom: 9px;

  opacity: 0;

  display: flex;

  align-items: center;

}



.htcp-num-ri-le,

.htcp-num-ri-ri {

  font-size: var(--font20);

  color: rgba(0, 166, 103);

  line-height: var(--line12);

}



.htcp-pic img:last-child {

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%) rotate(-45deg);

  transition: all 1s;

}



.htcp-pic.act1 img:last-child {

  transform: translateX(-50%) rotate(0deg);

}



.htcp-pic.act2 img:last-child {

  transform: translateX(-50%) rotate(60deg);

}



.home-text-aboust {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.htcd-li-lin {

  width: 0;

  height: 100%;

  background-color: var(--colorfff);

}



.htcd-li.act {

  width: 80px;

}



.htcd-li.act .htcd-li-lin {

  width: 100%;

  transition: width 2s linear;

}



.home-text-cont-pointer {

  padding: 0.23rem 0.5rem 0.15rem 0.5rem;

  border-radius: 24px;

  background: rgba(255, 255, 255, 0.94);

  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);

  width: 20.5%;

  position: absolute;

  right: 0.54rem;

  top: -18%;

  z-index: 10;

}



.home-text-cont-pointer {

  animation: homemove 0.8s ease-in-out both;

  animation-delay: 0.7s;

}



@-webkit-keyframes homemove {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -60px, 0);

    transform: translate3d(0, -60px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes homemove {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -60px, 0);

    transform: translate3d(0, -60px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.home-text-tit-icon {

  width: 58px;

  height: 58px;

  padding: 6px;

  border-radius: 10px;

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  overflow: hidden;

  display: inline-block;

}



.home-text-tit-icon .htti-slick {

  width: 100%;

  height: 100%;

}



.htti-slick-item {

  height: 58px !important;

  margin-top: -5px;

}



.htti-slick-item .ys-imgbox-cover {

  width: 100%;

  height: 100%;

}



.htti-slick-item .ys-imgbox-cover img {

  width: 100%;

  height: 100%;

}



.htti-slick .slick-track {

  display: block !important;

}



.ys-footer {

  position: relative;

  z-index: 1;

  padding-top: var(--space120);

}



.ys-footer-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.ys-footer-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.home-text-par,

.home-text-par p {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: var(--line15);

  text-align: center;

}



.home-text-par {

  width: 75.5%;

  margin: 0 auto;

  margin-bottom: 0.56rem;

}



.home-text-but {

  margin-bottom: 0.88rem;

}



.htcu-li-box {

  padding: 0.16rem;

  border-radius: 32px;

  background-color: rgba(255, 255, 255, 0.2);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}



.htcu-li-box-cont {

  border-radius: 32px;

  background: #fff;

  padding: 0.32rem 0.42rem 0.46rem 0.4rem;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.hlbc-seri {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line175);

  padding: 0.06rem 0.12rem;

  border-radius: 8px;

  background: #eaeaea;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  margin-bottom: 0.08rem;

}



.hlbc-tit {

  font-size: var(--font20);

  color: var(--color333);

  line-height: var(--line15);

  margin-bottom: 0.4rem;

}



.hlbc-box-le {

  padding: 0.24rem 0.25rem;

  border-radius: 16px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  width: 51%;

}



.hlbc-box-le-tit {

  font-size: var(--font18);

  color: var(--color333);

  line-height: var(--line16);

  margin-bottom: 0.16rem;

}



.hblu-li-le {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line16);

  width: calc(100% - 77%);

  padding-right: 0.1rem;

}



.hblu-li-ri {

  width: 77%;

  border-radius: 6px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  height: 30px;

  position: relative;

  overflow: hidden;

}



.hblu-li.green .hblu-li-ri {

  background: #daf2d3;

}



.hblu-li.green .hblu-li-ri-lin {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 100%;

  visibility: hidden;

  background-color: #5cbe41;

  transition: all 2s;

  border-radius: 6px;

}



.hblu-li.blue .hblu-li-ri-lin {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  visibility: hidden;

  height: 100%;

  background-color: #b1d3fe;

  transition: all 2s;

  border-radius: 6px;

}



.hblu-li.orange .hblu-li-ri-lin {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  visibility: hidden;

  height: 100%;

  background-color: #ea914c;

  transition: all 2s;

  border-radius: 6px;

}



.hblu-li.blue .hblu-li-ri {

  background: #eff6ff;

}



.hblu-li.orange .hblu-li-ri {

  background: #fbebde;

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translate(-100%, 0);

  }



  100% {

    opacity: 1;

    transform: translate(0, 0);

  }

}



.hblu-li.act .hblu-li-ri-lin {

  animation: fadeInLeft 2s ease both 0.5s;

  visibility: visible;

}



.hblu-li.slick-current .hblu-li-ri-lin {

  animation: fadeInLeft 2s ease both 0.5s;

  visibility: visible;

}



.hblu-li {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 0.28rem;

}



.hblu-li:last-child {

  margin-bottom: 0;

}



.hlbc-box-ri {

  width: 47%;

}



.hbru-li-box {

  padding: 0.16rem;

  border-radius: 16px;

  border: 1px solid rgba(0, 0, 0, 0.1);

}



.hlbl-icon {

  width: 48px;

  padding: 4px;

  border-radius: 12px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}



.hlbl-icon img {

  width: 100%;

}



.hlbl-text {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line16);

  margin-left: 0.16rem;

}



.hbru-li-box-le {

  display: flex;

  align-items: center;

}



.hbru-li-box-ri {

  font-size: var(--font20);

  color: var(--color333);

  line-height: var(--line16);

}



.hbru-li-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.hbru-li {

  margin-bottom: 0.08rem;

}



.hbru-li:last-child {

  margin-bottom: 0;

}



.hlbc-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  width: 100%;

}



.hbul-box {

  padding: 0.17rem 0.12rem;

  background-color: rgba(255, 255, 255, 0.8);

  border: 1px solid #ebebeb;

  border-radius: 12px;

  overflow: hidden;

  transition: var(--transition);

}



.hbul-box-le-icon {

  position: relative;

  width: 50px;

  margin-right: 0.12rem;

  flex-shrink: 0;

}



.hbul-box-le-icon img {

  width: 100%;

  transition: var(--transition);

  pointer-events: none;

}



.hbul-box-le-icon img:last-child {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: var(--transition);

  pointer-events: none;

}



.hbul-box-le-icon svg {

  width: 100%;

  height: auto;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: var(--transition);

  /* pointer-events: none; */

}



.hbul-box-ri-defau {

  font-size: var(--font16);

  color: var(--color000);

  line-height: 40px;

  width: 120px;

  text-align: center;

  background-color: rgba(247, 247, 247, 1);

  border-radius: 10px;

  border: 1px solid rgba(235, 235, 235, 1);

  transition: var(--transition);

}



.hbul-box-ri-load {

  font-size: var(--font16);

  color: var(--colorfff);

  background-color: #eeb733;

  line-height: 40px;

  width: 120px;

  border-radius: 10px;

  border: 1px solid #eeb733;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: var(--transition);

  text-align: center;

  pointer-events: none;

}



.hbul-box-ri-leted {

  font-size: var(--font16);

  color: var(--colorfff);

  background-color: #00ad73;

  line-height: 40px;

  width: 120px;

  border-radius: 10px;

  border: 1px solid #00ad73;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: var(--transition);

  text-align: center;

  pointer-events: none;

}



.hbul-box-ri {

  position: relative;

}



.hlbc-box-ul {

  width: 100%;

}



.hbul-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.hbul-box-le {

  display: flex;

  align-items: center;

}



.hblt-tit {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line16);

}



.hblt-par {

  font-size: var(--font14);

  color: #7f7f7f;

  line-height: var(--line18);

}



.hlbc-box-ul-li {

  margin-bottom: 0.12rem;

}



.hlbc-box-ul-li:last-child {

  opacity: 0.3;

}



.hlbc-box-ul-anima:last-child {

  opacity: 0.78;

}



.hlbc-box-ul-li:last-child {

  margin-bottom: 0;

}



.htcu-li2 .htcu-li-box-cont {

  padding: 0.21rem 0.22rem 0 0.22rem;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box-le-icon img:first-child {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box-le-icon svg {

  opacity: 1;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box-le-icon svg .cliar-svg {

  animation: rotate 2s linear infinite;

  transform-origin: center center;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box-ri-defau {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box-ri-load {

  opacity: 1;

}



.htcu-li2.an .hlbc-box-ul-anima.act .hbul-box {

  background-color: rgba(238, 183, 51, 0.2);

  border: 1px solid #eeb733;

}



/* 手机端-start */

.htcu-li2.slick-current

  .hlbc-box-ul-anima.act

  .hbul-box-le-icon

  img:first-child {

  opacity: 0;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act .hbul-box-le-icon svg {

  opacity: 1;

}



.htcu-li2.slick-current

  .hlbc-box-ul-anima.act

  .hbul-box-le-icon

  svg

  .cliar-svg {

  animation: rotate 2s linear infinite;

  transform-origin: center center;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act .hbul-box-ri-defau {

  opacity: 0;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act .hbul-box-ri-load {

  opacity: 1;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act .hbul-box {

  background-color: rgba(238, 183, 51, 0.2);

  border: 1px solid #eeb733;

}



.htcu-li2.slick-current

  .hlbc-box-ul-anima.act2

  .hbul-box-le-icon

  img:first-child {

  opacity: 0;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act2 .hbul-box-le-icon svg {

  opacity: 0;

}



.htcu-li2.slick-current

  .hlbc-box-ul-anima.act2

  .hbul-box-le-icon

  img:last-child {

  opacity: 1;

}



.htcu-li2.slick-current

  .hlbc-box-ul-anima.act2

  .hbul-box-le-icon

  svg

  .cliar-svg {

  animation: rotate 2s linear infinite;

  transform-origin: center center;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act2 .hbul-box-ri-defau {

  opacity: 0;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act2 .hbul-box-ri-load {

  opacity: 0;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act2 .hbul-box-ri-leted {

  opacity: 1;

}



.htcu-li2.slick-current .hlbc-box-ul-anima.act2 .hbul-box {

  background-color: rgba(0, 173, 115, 0.2);

  border: 1px solid #00ad73;

}



/* 手机端-end */

@keyframes rotate {

  from {

    transform: rotate(0deg);

  }



  to {

    transform: rotate(360deg);

  }

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-le-icon img:first-child {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-le-icon svg {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-le-icon img:last-child {

  opacity: 1;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-le-icon svg .cliar-svg {

  animation: rotate 2s linear infinite;

  transform-origin: center center;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-ri-defau {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-ri-load {

  opacity: 0;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box-ri-leted {

  opacity: 1;

}



.htcu-li2.an .hlbc-box-ul-anima.act2 .hbul-box {

  background-color: rgba(0, 173, 115, 0.2);

  border: 1px solid #00ad73;

}



.htcu-li3 .htcu-li-box-cont {

  padding: 0.21rem 0.22rem 0.5rem 0.22rem;

}



.htcu-li3.an .hclu-li.pink .hclu-li-pillar {

  height: 100px;

}



.htcu-li3.an .hclu-li.green .hclu-li-pillar {

  height: 160px;

}



.hlbc-cont-le {

  width: 57%;

  padding: 0.2rem 0.2rem 0.12rem 0.2rem;

  border-radius: 18px;

  background: #f4f4f4;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.hlbc-cont-ri {

  width: 41%;

}



.hlbc-cont-le-tit {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line16);

  margin-bottom: 0.24rem;

  text-align: center;

}



.hlbc-cont {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.hclu-li-num {

  font-size: var(--font32);

  color: var(--color000);

  line-height: 1.45;

}



.hclu-li-time {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line175);

}



.hclu-li {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.hlbc-cont-le-ul {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  margin: 0 -0.1rem;

}



.hclu-li {

  padding: 0 0.1rem;

}



.hclu-li-pillar {

  border-radius: 10px;

  width: 100%;

  transition: all 2s ease;

  height: 0;

}



.hclu-li.pink .hclu-li-pillar {

  background: #d65082;

}



.hclu-li.green .hclu-li-pillar {

  background: #77c34a;

  transition-delay: 1.5s;

  /* 延迟2秒执行 */

}



.hcru-li-box {

  padding: 0.17rem 0.3rem;

  border-radius: 13px;

  border: 1px solid #d9d9d9;

  background: rgba(255, 255, 255, 0.5);

}



.hcru-li-box-top {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line16);

  margin-bottom: 0.02rem;

}



.hcru-li-box-btm {

  font-size: var(--font32);

  color: var(--color000);

  line-height: 1.45;

}



.hcru-li-box-btm span {

  font-size: var(--font18);

  color: var(--color52a);

  line-height: inherit;

}



.hcru-li-box-btm span img {

  width: 16px;

}



.hcru-li {

  margin-bottom: 0.12rem;

}



.hcru-li:last-child {

  margin-bottom: 0;

}



.hcru-li.act .hcru-li-box {

  border-radius: 13px;

  border: 1px solid #52a36b;

  background: rgba(82, 163, 107, 0.2);

}



.home-text-cont-ul {

  position: relative;

  overflow: hidden;

  padding-bottom: 0.2rem;

  margin-bottom: 0.2rem;

}



.htcu-li:not(:first-child) {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  opacity: 1;

  pointer-events: all;

  transform: translateY(110%);

}



.htcd-li {

  width: 18px;

  height: 8px;

  border-radius: 50px;

  background: #dae4f9;

  cursor: pointer;

  transition: all 0.3s ease;

  position: relative;

  overflow: hidden;

  border: none;

  outline: none;

  margin-right: 6px;

  transition: var(--transition);

}



.htcd-li:last-child {

  margin-right: 0;

}



.home-text-cont-dost {

  display: flex;

  align-items: center;

  justify-content: center;

}



.home-text-cont {

  /* margin-bottom: var(--space130); */

  position: relative;

}



.home-text-adv-le {

  width: 35.5%;

  padding-top: var(--space100);

}



.home-text-adv-ri {

  width: 58%;

}



.htal-tit {

  font-size: var(--font46);

  color: var(--color333);

  line-height: var(--line12);

  margin-bottom: 0.4rem;

}



.htal-par,

.htal-par p {

  font-size: var(--font18);

  color: var(--color666);

  line-height: var(--line15);

}



.htal-par {

  margin-bottom: 1.16rem;

}



.htal-pic {

  width: 57.5%;

  border-radius: 20px;

  overflow: hidden;

  transform: translateY(100px);

}



.htal-pic img {

  width: 100%;

}

.ftpu-li-link-bot.ftpu-li-link-line::after {

  top: 45%;

}

.home-text-adv-ri {

  padding: 0.6rem 0.3rem;

  border-radius: 40px;

  background: #f1edff;

  box-shadow: 0 0 80px 0 #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}



.htar-ul-li-box {

  padding: 0.22rem 0.2rem;

  border-radius: 13px;

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: var(--transition);

}



.hylb-top-icon {

  width: 35px;

  margin-right: 0.24rem;

}



.hylb-top-icon img {

  width: 100%;

}



.hylb-top-tit {

  font-size: var(--font20);

  color: var(--color333);

  line-height: var(--line15);

}



.hylb-top {

  display: flex;

  align-items: center;

}



.hylb-btm,

.hylb-btm p {

  font-size: var(--font16);

  color: var(--color666);

  line-height: var(--line175);

}



.hylb-btm {

  padding-left: 0.6rem;

  display: none;

  margin-top: 0.05rem;

}



.htar-ul-li {

  margin-bottom: 0.2rem;

}



.htar-ul-li:last-child {

  margin-bottom: 0;

}



.home-text-adv {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}



.home-logo-tit {

  font-size: var(--font24);

  color: var(--color333);

  line-height: var(--line12);

  margin-bottom: 0.6rem;

  text-align: center;

}



.home-logo-tit span {

  font-size: inherit;

  color: #f58034;

  line-height: inherit;

}



.home-logo-ul-li {

  width: 25%;

  border-bottom: 1px solid #d5dbe5;

  border-right: 1px solid #d5dbe5;

}



.home-logo-ul-li:nth-child(4n) {

  border-right: none;

}



.home-logo-ul-li:nth-last-child(-n + 4) {

  border-bottom: none;

}



.home-logo-ul {

  display: flex;

  flex-wrap: wrap;

  border: 1px solid #d5dbe5;

  border-radius: 20px;

  overflow: hidden;

}



.hlul-box {

  padding: 0.08rem 0.62rem;

  height: 100px;

  overflow: hidden;

  position: relative;

}



.hlul-box img {

  width: 100%;

  height: 100px;

  object-fit: contain;

  position: absolute;

  top: 0;

  left: 0;

  /* transform: translateY(80px); */

  /* 初始在下方隐藏 */

  /* animation: slideInOut 9s infinite; */

}

.hlul-box.act img {

  transform: translateY(80px);

  animation: slideInOut 9s infinite;

}

.home-logo {

  background: linear-gradient(

    180deg,

    #f6f3ff 3.83%,

    rgba(246, 243, 255, 0) 100%

  );

  padding: 1.35rem 0 var(--space120) 0;

  position: relative;

  z-index: 1;

}



.home-logo::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 40%;

  background: linear-gradient(

    180deg,

    rgba(255, 251, 248, 0) -14.18%,

    #fff9f5 62.46%

  );

  z-index: -1;

}



.home-logo-top {

  margin-bottom: var(--space120);

}



@keyframes slideInOut {

  0% {

    transform: translateY(80px);

    /* 从下方进入 */

  }



  10% {

    transform: translateY(0);

    /* 完全显示 */

  }



  33.33% {

    transform: translateY(0);

    /* 保持显示 */

  }



  43.33% {

    transform: translateY(-80px);

    /* 向上移出 */

  }



  100% {

    transform: translateY(-80px);

    /* 保持在上方 */

  }

}



.home-logo-cent-tit {

  font-size: var(--font46);

  color: var(--color333);

  line-height: var(--line12);

  text-align: center;

  margin-bottom: 0.6rem;

}



.home-logo-cent-tit span {

  font-size: inherit;

  color: var(--colormain);

  line-height: inherit;

}



.home-logo-cent {

  margin-bottom: var(--space150);

}



.hlbl-ul-li {

  width: 50%;

  padding: 0 0.12rem;

  height: auto;

}



.hlbl-ul-li-box {

  padding: 0.2rem 0.24rem 0.26rem 0.24rem;

  border-radius: 20px;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  transition: var(--transition);

}



.hlbl-ul-li.blue .hlbl-ul-li-box {

  background: #d3e7fc;

}



.hlbl-ul-li.blue .hulb-top-num {

  color: #2f81d5;

}



.hlbl-ul-li.blue .hulb-top-par {

  color: #2f81d5;

}



.hlbl-ul-li.orange .hlbl-ul-li-box {

  background: #fddfbd;

}



.hlbl-ul-li.orange .hulb-top-num {

  color: #ee8207;

}



.hlbl-ul-li.orange .hulb-top-par {

  color: #ee8207;

}



.hlbl-ul-li.pink .hlbl-ul-li-box {

  background: #f6d1ea;

}



.hlbl-ul-li.pink .hulb-top-num {

  color: #dd50af;

}



.hlbl-ul-li.pink .hulb-top-par {

  color: #dd50af;

}



.hlbl-ul-li.purple .hlbl-ul-li-box {

  background: #dfcbfd;

}



.hlbl-ul-li.purple .hulb-top-num {

  color: #8c44f8;

}



.hlbl-ul-li.purple .hulb-top-par {

  color: #8c44f8;

}



.hlbl-ul {

  display: flex;

  justify-content: space-between;

  margin: 0 -0.12rem;

  height: 100%;

}



.hulb-top-num {

  font-size: var(--font40);

  line-height: var(--line12);

  margin-bottom: 0.08rem;

}



.hulb-top-par {

  font-size: var(--font18);

  line-height: var(--line12);

}



.hulb-btm {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.hulb-btm-le {

  width: 55%;

}



.hulb-btm-ri {

  width: 20px;

  opacity: 0;

}



.hulb-btm-ri img {

  width: 100%;

}



.hulb-btm-le img {

  width: 100%;

}



.hlcu-li-box-ri {

  width: 51%;

  padding: 0.16rem;

  border-radius: 20px;

  background: #fff;

  border: 1px solid #dedee3;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  display: flex;

  justify-content: space-between;

  transition: var(--transition);

}

.htar-ul-li.act .htar-ul-li-box {

  border: 1px solid rgba(107, 65, 255, 0.4);

}



.hlbr-link {

  display: flex;

  justify-content: space-between;

}



.hlcu-li-box-le {

  width: 47%;

}



.hlbr-ri-btm-ri {

  width: 50%;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.hrbr-ri {

  width: 20px;

  opacity: 0;

  position: absolute;

}



.hrbr-ri img {

  width: 100%;

}



.hlbr-le {

  width: 31%;

  border-radius: 20px;

  overflow: hidden;

  height: auto;

}



.hlbr-le img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.hlbr-ri-top {

  font-size: var(--font18);

  color: var(--color333);

  line-height: 1.65;

}



.hrbl-name {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line12);

}



.hrbl-post {

  font-size: var(--font14);

  color: var(--color999);

  line-height: var(--line18);

}



.hlbr-ri {

  width: 61%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.hrbr-le {

  width: 78%;

}



.hrbr-le img {

  width: 100%;

}



.hlbr-ri-btm {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



.hlcu-li-box {

  display: flex;

  justify-content: space-between;

}



.hlcu-li:nth-child(2n) .hlcu-li-box {

  display: flex;

  flex-direction: row-reverse;

}



.hlcu-li {

  margin-bottom: 0.32rem;

}



.hlcu-li:last-child {

  margin-bottom: 0;

}



.home-logo-bot-tit {

  font-size: var(--font46);

  color: var(--color333);

  line-height: var(--line12);

  margin-bottom: 0.2rem;

  text-align: center;

}



.home-logo-bot-tit span {

  color: #f58034;

  font-size: inherit;

  line-height: inherit;

}



.home-logo-bot-par,

.home-logo-bot-par p {

  font-size: var(--font16);

  color: var(--color666);

  line-height: var(--line175);

  text-align: center;

}



.home-logo-bot-par {

  margin-bottom: 0.6rem;

}



.hlbs-item-box {

  padding: 0.56rem 0.57rem 0.36rem 0.57rem;

  border-radius: 20px;

  background: #fff;

  box-shadow: 0 0 60px 0 #fbeadd;

}



.hibt-tit {

  font-size: var(--font24);

  color: var(--color333);

  line-height: var(--line12);

  margin-bottom: 0.1rem;

  text-align: center;

}



.hibt-par,

.hibt-par p {

  font-size: var(--font16);

  color: var(--color999);

  line-height: var(--line175);

  text-align: center;

}



.hlbs-item-box-icon {

  width: 80px;

  margin: 0 auto;

  margin-bottom: 0.35rem;

}



.hlbs-item-box-icon svg {

  width: 100%;

  height: auto;

  overflow: visible !important;

}



.hlbs-item {

  padding: 0 0.15rem;

}



.home-logo-bot-slick {

  margin: 0 -0.15rem;

}



/* @keyframes inner-wave {



    0%,

    100% {

        opacity: 0.3;

        fill: #6B41FF;

    }



    25%,

    75% {

        opacity: 1;

        fill: #A584FF;

    }

}



.dost-bright path {

    transition: opacity 0.5s ease, fill 0.5s ease;

}





.dost-bright4 {

    animation: inner-wave 3s infinite;

}



.dost-bright3 {

    animation: inner-wave 3s infinite 0.75s;

}



.dost-bright2 {

    animation: inner-wave 3s infinite 1.5s;

}



.dost-bright1 {

    animation: inner-wave 3s infinite 2.25s;

}



@keyframes rotate {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



.hibi-svg {

    animation: rotate 8s linear infinite;

    transform-origin: center center;

} */



/* 基础样式 */

.dost-bright {

  opacity: 0.3;

  fill: #6b41ff;

  transition:

    opacity 0.5s ease,

    fill 0.5s ease;

}



.dost-bright.active {

  opacity: 1;

  fill: #a584ff;

}



/* 旋转动画 */

@keyframes rotate {

  from {

    transform: rotate(0deg);

  }



  to {

    transform: rotate(360deg);

  }

}



.hibi-svg.rotating {

  animation: rotate 8s linear forwards;

  transform-origin: center center;

}



/* 第二组svg-start */

/* 基础样式 */

.hibi-disp {

  transform-origin: center;

}



/* 第一个元素的动画 */

.hibi-disp1 {

  animation: move1 10s infinite;

}



/* 第二个元素的动画 */

.hibi-disp2 {

  animation: move2 10s infinite;

}



/* 第一个元素的动画关键帧 */

@keyframes move1 {

  /* 初始位置 */

  0% {

    transform: translateX(0) translateY(0);

  }



  /* 向前移动阶段：2秒 */

  20% {

    transform: translateX(0px) translateY(20px);

  }



  /* 停顿3秒：20%-50% */

  20.1%,

  50% {

    transform: translateX(0px) translateY(20px);

  }



  /* 返回原位阶段：2秒 */

  70% {

    transform: translateX(0) translateY(0);

  }



  /* 停顿3秒：70%-100% */

  70.1%,

  100% {

    transform: translateX(0) translateY(0);

  }

}



/* 第二个元素的动画关键帧 */

@keyframes move2 {

  /* 初始位置 */

  0% {

    transform: translateX(0) translateY(0);

  }



  /* 向后移动阶段：2秒 */

  20% {

    transform: translateX(0px) translateY(-20px);

  }



  /* 停顿3秒：20%-50% */

  20.1%,

  50% {

    transform: translateX(0px) translateY(-20px);

  }



  /* 返回原位阶段：2秒 */

  70% {

    transform: translateX(0) translateY(0);

  }



  /* 停顿3秒：70%-100% */

  70.1%,

  100% {

    transform: translateX(0) translateY(0);

  }

}



/* 添加平滑过渡效果 */

.hibi-disp1,

.hibi-disp2 {

  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

}



/* 第二组svg-end */

.hibi-circle {

  transform-origin: center;

  transform-box: fill-box;

  opacity: 1;

  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);

  transform: translateX(0) translateY(0);

}



/* 向外扩散状态 */

.spread .hibi-circle1 {

  transform: translateX(-25px) translateY(0);

}



.spread .hibi-circle2 {

  transform: translateX(0) translateY(-25px);

}



.spread .hibi-circle3 {

  transform: translateX(0) translateY(25px);

}



.spread .hibi-circle4 {

  transform: translateX(25px) translateY(0);

}



/* 返回状态 */

.returned .hibi-circle {

  transform: translateX(0) translateY(0);

}



/* 第三组svg-start */

/* 圆圈基础样式 */

.hibi-circle {

  transform-origin: center;

  transform-box: fill-box;

  opacity: 1;

  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);

  transform: translateX(0) translateY(0);

}



/* 初始状态：第四个圆透明度0.4 */

.hibi-circle4 {

  opacity: 0.4;

}



/* 向外扩散 */

.spread .hibi-circle1 {

  transform: translateX(-10px) translateY(0);

}



.spread .hibi-circle2 {

  transform: translateX(0) translateY(-10px);

}



.spread .hibi-circle3 {

  transform: translateX(0) translateY(10px);

}



.spread .hibi-circle4 {

  transform: translateX(10px) translateY(0);

}



/* 第三组svg-end */

.home-logo-bot-slick {

  display: flex;

  flex-wrap: wrap;

}



.hlbs-item {

  width: 33.3333%;

}



.home-ques-tit {

  font-size: var(--font46);

  color: var(--color333);

  line-height: var(--line12);

  margin-bottom: 0.2rem;

  text-align: center;

}



.home-ques-tit span {

  color: #0940f1;

  font-size: inherit;

  line-height: inherit;

}



.home-ques-par,

.home-ques-par p {

  font-size: var(--font16);

  color: var(--color666);

  line-height: var(--line175);

  text-align: center;

}



.home-ques-par {

  margin-bottom: 0.5rem;

}



.hqsi-box {

  padding: 0.14rem;

  border-radius: 24px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

}



.hqsi-box-pic {

  width: 100%;

  border-radius: 16px;

  overflow: hidden;

  margin-bottom: 0.18rem;

}



.hqsi-box-pic img {

  width: 100%;

}



.hbtu-li span {

  display: inline-block;

  padding: 0 0.08rem;

  font-size: var(--font12);

  color: var(--colormain);

  line-height: var(--line18);

  border-radius: 100px;

  background: rgba(107, 65, 255, 0.1);

}



.hqsi-box-text-tit {

  font-size: var(--font20);

  color: var(--color333);

  line-height: var(--line15);

  margin-bottom: 0.24rem;

  flex-grow: 1;

}



.hqsi-box-text-ul {

  margin-bottom: 0.08rem;

}



.hbtt-pic {

  width: 28px;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 0.08rem;

}



.hbtt-pic img {

  width: 100%;

}



.hbtt-name {

  font-size: var(--font12);

  color: var(--color333);

  line-height: var(--line18);

  margin-right: 0.22rem;

  position: relative;

}



.hbtt-name::after {

  content: "";

  position: absolute;

  right: -0.11rem;

  top: 50%;

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: rgba(153, 153, 153, 1);

  border-radius: 50%;

}



.hbtt-time,

.hbtt-read {

  font-size: var(--font12);

  color: var(--color999);

  line-height: var(--line18);

}



.hbtt-time {

  margin-right: 0.22rem;

  position: relative;

}



.hbtt-time::after {

  content: "";

  position: absolute;

  right: -0.11rem;

  top: 50%;

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: rgba(153, 153, 153, 1);

  border-radius: 50%;

}



.hqsi-box-text-time {

  display: flex;

  align-items: center;

}



.home-ques-slick-item {

  height: auto !important;

  padding: 0 0.12rem;

}



.home-ques-slick {

  margin: 0 -0.12rem;

  margin-bottom: 0.5rem;

}



.hqsi-box-text {

  flex-grow: 1;

  display: flex;

  flex-direction: column;

}



.home-ques-but-arrow {

  width: 40px;

  padding: 0.12rem;

  border: 1px solid #dedee3;

  background: #fff;

  border-radius: 50%;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: var(--transition);

  cursor: pointer;

}



.home-ques-but-arrow svg {

  width: 100%;

  height: auto;

}



.home-ques-but {

  display: flex;

  align-items: center;

  justify-content: center;

}



.home-ques-but-le {

  margin-right: 0.05rem;

}



.home-ques-but-ri {

  margin-left: 0.05rem;

}



.home-ques {

  padding: var(--space130) 0 0.85rem 0;

  background: linear-gradient(

    180deg,

    rgba(255, 255, 255, 0.8) 0%,

    rgba(233, 227, 255, 0.8) 40.69%,

    rgba(255, 255, 255, 0.8) 100%

  );

}



.home-ques-but-arrow svg path {

  transition: var(--transition);

}



/* b1-start */

.from-cont {

  position: relative;

  padding: 1.48rem 0 1.65rem 0;

}



.from-cont .ys-nyban-img {

  position: absolute;

  left: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  z-index: -1;

}



.from-cont .ys-nyban-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.fctl-tit {

  font-size: var(--font46);

  color: var(--colorfff);

  line-height: var(--line175);

  width: 85.5%;

  margin-bottom: 0.16rem;

}



.from-page .fctl-tit {

  line-height: var(--line12);

}



.from-cont-text-le {

  width: 40.5%;

}



.fctl-par,

.fctl-par p {

  font-size: var(--font20);

  color: var(--colorfff);

  line-height: var(--line12);

}



.fctl-par {

  margin-bottom: 0.32rem;

}



.from-cont-text-ri {

  width: 48%;

  padding: 8px;

  background-color: rgba(255, 255, 255, 0.4);

  border-radius: 16px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  overflow: hidden;

  height: 100%;

}



.from-cont-text-ri .fctr-from {

  background-color: var(--colorfff);

  border-radius: 16px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  padding: 0.24rem;

}



.fctr-from-tit {

  font-size: var(--font24);

  color: var(--color333);

  line-height: var(--line15);

  margin-bottom: 0.04rem;

}



.fctr-from-par,

.fctr-from-par p {

  font-size: var(--font16);

  color: var(--color333);

  line-height: var(--line175);

}



.fctr-from-par {

  margin-bottom: 0.24rem;

}



.from-cont-text-ri .ys-fii-name {

  font-size: var(--font14);

  line-height: var(--line18);

  color: var(--color333);

  margin-bottom: 4px;

}



.from-cont-text-ri .ys-fii-input {

  border-radius: 8px;

  border: 1px solid #cbd6e2;

  background: #f5f8fa;

  transition: var(--transition);

}



.from-cont-text-ri .ys-form-inof-item {

  padding: 0 0.16rem;

  margin-bottom: 0.18rem;

}



.from-cont-text-ri .ys-form-inof-item.ys-form-inof-code {

  margin-bottom: 0.25rem;

}



.from-cont-text-ri .ys-form-inof-item.ys-form-inof-agree {

  margin-bottom: 0.25rem;

}



.from-cont-text-ri .ys-form-inof {

  margin: 0 -0.16rem;

}



.from-cont-text-ri .ys-fii-input {

  height: 40px;

}



.from-cont-text-ri .ys-form-inof-text .ys-fii-input {

  height: 142px;

}



.from-cont-text-ri .ys-fic-auth {

  align-items: center;

}



.from-cont-text-ri .ys-fic-auth .ys-fii-input {

  width: calc(50% - 14px) !important;

  flex-grow: 0;

  align-items: center;

}



.from-cont-text-ri .ys-fic-auth-img {

  height: 38px;

  margin-left: 0.08rem;

  cursor: pointer;

}



.from-cont-text-ri .ys-fia-text-btn::before {

  border-radius: 4px;

}



.from-cont-text-ri .ys-fia-text-btn {

  top: 1px;

}



.from-cont-text-ri .ys-fia-text-word {

  width: calc(100% - 18px);

  flex-grow: 1;

  padding-left: 10px;

  font-size: var(--font12);

  line-height: var(--line18);

  color: var(--color666);

}



.from-cont-text-ri .ys-fia-text-word a {

  font-size: inherit;

  line-height: inherit;

  color: #415aff;

}



.ys-fii-submit {

  height: 45px;

  line-height: 45px;

  font-size: var(--font16);

  border-radius: 100px;

  background: #415aff;

}



.from-cont-text {

  display: flex;

  justify-content: space-between;

}



.from-cont-text-ri .ys-form-inof-item:last-child {

  margin-bottom: 0;

}



.fctl-par-pci {

  width: 100%;

}



.fctl-par-pci-img {

  width: 100%;

  border-radius: 16px;

  overflow: hidden;

  position: relative;

  cursor: pointer;

  margin-bottom: 0.4rem;

}



.fctl-par-pci-img img {

  width: 100%;

}



.fppi-icon {

  position: absolute;

  left: 0.29rem;

  bottom: 0.24rem;

  width: 40px;

}



.fppi-icon img {

  width: 100%;

}



.fctl-par-pers,

.fctl-par-pers p {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: var(--line12);

}



.from-page .fctl-par-pers {

  margin-bottom: 0.4rem;

}



.fctl-par-ul-li {

  width: 25%;

  margin-bottom: 0.16rem;

}



.fctl-par-ul-li img {

  width: 100%;

}



.fctl-par-ul {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: -0.16rem;

}



.ftpu-li-link-ri svg path {

  transition: var(--transition);

}



.from-cont-text-ri .ys-fii-input input,

.from-cont-text-ri .ys-fii-input textarea {

  width: 100%;

  height: 100%;

  font-size: var(--font14);

  line-height: var(--line18);

  color: var(--color333);

  padding: 0 0.12rem;

}



.from-cont-text-ri .ys-fii-tips {

  font-size: var(--font12);

  color: #f53434;

  line-height: var(--line18);

}



.from-cont-text-ri .ys-form-inof-item.ys-form-empty .ys-fii-input {

  border: 1px solid #e77171;

}



.footer-bot-cont {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-privacy {

  margin-right: 0.87rem;

}



.footer-text-pic {

  width: 20px;

  margin-left: 0.16rem;

  margin-right: 0.08rem;

}



.footer-text-pic img {

  width: 100%;

}



.footer-share > li {

  padding: 0 0.1rem;

}



.footer-share {

  margin: 0 -0.1rem;

}



.foot-tran .ys-footer-bj {

  display: none;

}



.foot-tran .ys-footer {

  background: linear-gradient(180deg, #fff 0%, #e9e3ff 40.69%, #fff 100%);

}



.foot-tran .footer-top-tit {

  color: var(--color333);

}



.foot-tran .footer-top-par,

.foot-tran .footer-top-par p {

  color: var(--color333);

}



.foot-tran .ftpu-li-le .ftpu-li-link-le {

  color: var(--colorfff);

}



.foot-tran .ftpu-li-le .ftpu-li-link {

  background: #415aff;

}



.foot-tran .ftpu-li-le .ftpu-li-link-ri svg path {

  stroke: #fff;

}



.foot-tran .ftpu-li-ri .ftpu-li-link {

  border: 1px solid #415aff;

  background-color: transparent;

  color: #415aff;

}

.foot-tran .ftpu-li-ri .ftpu-li-link .ftpu-li-link-le {

  color: #415aff;

}

.foot-tran .ftpu-li-ri .ftpu-li-link .ftpu-li-link-ri svg path {

  stroke: #415aff;

}

.foot-tran .ftpu-li-ri .ftpu-li-link-pur::after {

  background-color: #415aff;

  top: 45%;

}

.ys-hd-pc-core-le {

  display: flex;

}



.head-logo {

  margin-right: var(--space100);

}



.ys-fia-text-btn::after {

  content: "";

  width: 50%;

  height: 50%;

  transform: translate(-50%, -50%);

  position: absolute;

  width: 18px;

  height: 18px;

  opacity: 0;

  transition: var(--transition);

  background: url(../images/b_icon_cb01.svg) no-repeat center;

  background-size: contain;

}



.ys-fia-text-btn::before {

  border: 1px solid var(--color333);

}



.footer-top-par {

  width: 53.5%;

  text-align: center;

}



.head-other-link-ri {

  position: relative;

}



.head-other-link-ri::after {

  content: "";

  position: absolute;

  right: 4px;

  top: 46%;

  transform: translateY(-50%);

  width: 0;

  transition: var(--transition);

  height: 1px;

  background-color: #fff;

  opacity: 0;

}



.ftpu-li-link-line {

  position: relative;

}



.ftpu-li-link-line::after {

  content: "";

  position: absolute;

  right: 4px;

  top: 41%;

  transform: translateY(-50%);

  width: 0;

  transition: var(--transition);

  height: 1px;

  background-color: #fff;

  opacity: 0;

}



.ftpu-li-link-pur {

  position: relative;

}



.ftpu-li-link-pur::after {

  content: "";

  position: absolute;

  right: 4px;

  top: 41%;

  transform: translateY(-50%);

  width: 0;

  transition: var(--transition);

  height: 1px;

  background-color: #461e61;

  opacity: 0;

}



.hlbr-ri-btm-le {

  width: 50%;

}



/* b1-end */



/*鼠标效果*/

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

  .head-nav-item-title:hover .hnit-le {

    color: var(--colormain);

  }



  .head-nav-item-title:hover .hnit-ri svg path {

    stroke: var(--colormain);

  }



  .hnid-ul-li-link:hover {

    background: #f5f5f7;

  }



  .hlbl-ul-li-box:hover {

    box-shadow:

      0 16px 32.3px 0 rgba(120, 124, 132, 0.25),

      0 4px 6.6px 0 rgba(110, 136, 175, 0.25);

  }



  .hlcu-li-box-ri:hover {

    box-shadow:

      0 16px 32.3px 0 rgba(120, 124, 132, 0.25),

      0 4px 6.6px 0 rgba(110, 136, 175, 0.25);

    border: 1px solid transparent;

  }



  .home-ques-but-arrow:hover {

    background-color: #6b41ff;

    border: 1px solid #6b41ff;

  }



  .home-ques-but-arrow:hover svg path {

    stroke: #fff;

  }



  .ftpu-li-link:hover {

    background-color: #6b41ff;

  }



  .ftpu-li-link:hover .ftpu-li-link-le {

    color: var(--colorfff);

  }



  .ftpu-li-link:hover .ftpu-li-link-ri svg path {

    stroke: #fff;

  }



  .ftpu-li-ri .ftpu-li-link:hover {

    background-color: #e6e6e633;

  }



  .head-other-link:hover .head-other-link-ri::after {

    width: 8px;

    opacity: 1;

  }



  .head-other-link:hover .head-other-link-ri svg path {

    transform: translateX(2px);

  }



  .ftpu-li-link:hover .head-other-link-ri::after {

    width: 8px;

    opacity: 1;

  }



  .ftpu-li-link:hover .head-other-link-ri svg path {

    transform: translateX(2px);

  }



  .ftpu-li-link:hover .ftpu-li-link-line::after {

    width: 8px;

    opacity: 1;

  }



  .ftpu-li-link:hover .ftpu-li-link-line svg path {

    transform: translateX(2px);

  }



  .foot-tran .ftpu-li-link:hover .ftpu-li-link-line::after {

    width: 10px !important;

    opacity: 1;

  }



  .ftpu-li-link:hover .ftpu-li-link-pur::after {

    width: 8px;

    opacity: 1;

  }



  .ftpu-li-link:hover .ftpu-li-link-pur svg path {

    transform: translateX(2px);

    stroke: #461e61;

  }



  .foot-tran .ftpu-li-link:hover .ftpu-li-link-pur::after {

    width: 10px !important;

    opacity: 1;

  }



  .ftpu-li-pur:hover .ftpu-li-link-le {

    color: var(--color461);

  }

  .ftpu-li-riwirt .ftpu-li-link:hover .ftpu-li-link-pur svg path {

    stroke: #fff;

  }

}



/* 2026.1.30-leo-satrt */

.hblu-li .hblu-li-ri-lin {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 100%;

  visibility: hidden;

  transition: all 2s;

  border-radius: 6px;

}

.ftpu-li-ri-text {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: 52px;

}

.ftpu-li-riwirt .ftpu-li-link-pur::after {

  background-color: #fff;

}

/* 2026.1.30-leo-end */

/* 2026.2.2-leo-start */

.htcu-li3.an .hclu-li1 .hclu-li-pillar {

  height: 100px;

}



.htcu-li3.an .hclu-li2 .hclu-li-pillar {

  height: 160px;

}

.ftpu-li-le {

  position: relative;

}

.ftpu-li-le-code {

  top: auto;

  bottom: calc(100% + 16px);

  width: 140px;

}

.ftpu-li-le-code::before {

  bottom: -8px;

  top: auto;

}

.footer-top-par-ul {

  position: relative;

  z-index: 10;

}

.ftpu-li-le .ftpu-li-link {

  cursor: pointer;

}

/* 2026.2.2-leo-end */

/* 2026.3.3-leo-satrt */

.hnit-le {

  font-size: var(--font16);

}

.hull-ri-tit {

  font-size: var(--font16);

}

.home-text-par,

.home-text-par p {

  font-size: var(--font18);

}

/* 2026.3.3-leo-end */

/* 2026.3.5-leo-satrt */

.footer-text {

  flex-wrap: wrap;

}

.footer-text span {

  font-size: 12px !important;

}

.footer-text a{

    font-size: 12px !important;

    margin-right: 0.06rem;

}

.footer-privacy a {

  font-size: var(--font12);

}

.footer-privacy {

  margin-right: 0.2rem;

}

.footer-bot-cont{

    width: 14%;

}

.footer-text{

    width: 86%;

}

a[href="https://www.yongsy.com"] {

    color: rgba(102, 102, 102, 0.2) !important;

    white-space: nowrap;

}

.footer-text-pic {

    width: 18px;

    margin-left: 0.1rem;

    margin-right: 0.08rem;

}

.hbtt-pic.none{

    display: none;

}

.hull-le.none{

    display: none;

}

/* 2026.3.5-leo-end */

/* 2026.3.19-leo-satrt */

.hqsi-box-text-ul{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin: 0 -0.05rem;

  margin-bottom: 0.08rem;

}

.hbtu-li{

  padding: 0 0.05rem;

}

/* 2026.3.19-leo-end */