:root {
  --head: 5.208vw;
  --color: #E74E46;
  --primary: #070707;
  --secondary: #C9FF85;
  --light-bg: #FAFBF9;
  --card-radius: 1.041vw;
  --btn-radius: 1.458vw;
  --wrap: 89.583vw;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
  pointer-events: none
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete
}

.co-w {
  color: #fff;
}

.co-m {
  color: var(--color);
}

.lh15 {
  line-height: 1.5;
}

::-moz-selection {
  /* background-color: var(--secondary); */
  background-color: transparent;
}

::selection {
  /* background-color: var(--secondary); */
  background-color: transparent;
}

.pb_100 {
  padding: 0 0 4.166vw;
}

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

/* 首页样式 */
.home {
  background-color: #fff;
  overflow-x: hidden;
}

/* 头部导航 */
.head1 {
  width: 100%;
  padding: 0 5.208vw;
  height: var(--head);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(0.52vw);
  -webkit-backdrop-filter: blur(0.52vw);
  -webkit-transition: all ease 1s;
  -o-transition: all ease 1s;
  -moz-transition: all ease 1s;
  transition: all ease 1s;
  will-change: transform;
}

.isback .head1 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.white-head .head1 {
  background: none;
}

.white-head .nav .menu li a {
  color: #fff;
}

.head-zhanwei {
  height: var(--head);
}

.logo a {
  font-family: 'Nasalization', sans-serif;
  color: var(--primary);
  font-weight: 400;
}

.logo .pic {
  width: 20.677vw;
}

.nav {
  height: 100%;
}

.nav .menu {
  margin-right: 2.604vw;
  height: 100%;
}

.nav .menu li {
  position: relative;
  margin: 0 1.875vw;
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 2em;
}

.nav .menu li .magnetic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.nav .menu li a {
  color: var(--primary);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.nav .menu li a::after {
  content: '';
  display: block;
  width: 0.416vw;
  height: 0.416vw;
  border-radius: 100%;
  background: var(--primary);
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 0.468vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  will-change: transform;
}

.white-head .nav .menu li a::after {
  background: #fff;
}

.nav .menu li:hover .magnetic a::after,
.nav .menu li.on .magnetic a::after {
  opacity: 1;
}

.nav .menu li a:hover {
  opacity: 0.7;
}

.nav .menu li a .icon {
  width: 24px;
  margin-right: 10px;
}

.hoverImg img:nth-child(2) {
  display: none;
}

.white-head .hoverImg img:nth-child(1) {
  display: none;
}

.white-head .hoverImg img:nth-child(2) {
  display: block;
}

.navdown {
  position: fixed;
  left: 0;
  top: var(--head);
  height: calc(100% - var(--head));
  width: 100%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(0.416vw);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.navdown.on {
  opacity: 1;
  pointer-events: visible;
}

.navdown .navdown-list {
  border-bottom: 1px solid #D9D9D9;
}

.navdown .navdown-item {
  border-top: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  background: #FFF;
  width: 25%;
  height: 18.75vw;
  padding: 2.083vw 0 0 5.208vw;
  transition: all ease .3s;
}

.navdown .navdown-item:nth-child(3n-2) {
  width: 50%;
}

.navdown .navdown-item:hover {
  background: #FAF9FB;
}

.navdown .navdown-item a {
  display: block;
  margin-bottom: 1.25vw;
}

.navdown .navdown-item a:hover span {
  text-decoration: underline;
}

.navdown .navdown-item a sup {
  font-size: 0.729vw;
  margin-left: 0.208vw;
}

.isback .navdown {
  transform: translate(0, -200%);
}

.navdown .t4 {
  color: #696969;
  margin: 0.208vw 0 0.833vw;
}

.navdown .nav-qr {
  width: 7.604vw;
}

.navdown .t5 {
  margin-top: 0.937vw;
}

.navdown .t5 span {
  /* color: var(--secondary); */
}










.signup-btn {
  padding: 0.833vw 1.041vw;
  border-radius: 200px;
  border: 1px solid #000;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  will-change: transform;
  overflow: hidden;
  position: relative;
}

.signup-btn .arrow-icon {
  margin-left: 0.625vw;
  position: relative;
  z-index: 2;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  will-change: transform;
}

.white-head .signup-btn {
  border: 1px solid #fff;
  color: #fff;
}

.white-head .signup-btn .arrow-icon {
  background-image: var(--bg-w);
}

.item:hover .arrow-icon {
  animation: jttx 1s ease forwards;
}

@keyframes jttx {
  0% {
    transform: rotate(-45deg) translate(-5px, 0);
  }

  100% {
    transform: rotate(-45deg) translate(5px, 0);
  }
}

@keyframes jttx2 {
  0% {
    transform: translate(-5px, 5px);
  }

  100% {
    transform: translate(5px, -5px);
  }
}

/* 主区域 */
.main-section {
  padding: 5.208vw 0 5.9375vw;
  width: 100%;
}

.content-wrapper {
  width: 83.125vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.979vw;
}

.hero-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.51vw;
  flex: 1;
}

.title-area {
  width: 100%;
  gap: 0.625vw;
  overflow: hidden;
  position: relative;
}

.main-title {
  font-size: 9.375vw;
  font-weight: 800;
  line-height: 1.05;
  color: var(--primary);
  font-family: "Poppins ExtraBold";
}

.future-text {
  font-weight: 700;
  font-size: 5.104vw;
  line-height: 0.9;
  background: -webkit-linear-gradient(358deg, #000 2.7%, rgba(0, 0, 0, 0.33) 99.36%);
  background: -moz-linear-gradient(358deg, #000 2.7%, rgba(0, 0, 0, 0.33) 99.36%);
  background: -o-linear-gradient(358deg, #000 2.7%, rgba(0, 0, 0, 0.33) 99.36%);
  background: linear-gradient(358deg, #000 2.7%, rgba(0, 0, 0, 0.33) 99.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}

.future-text p::selection {
  /* color: #fff; */
}

.title-area::before {
  content: '';
  display: block;
  width: 10%;
  height: 200%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
  transform: translate(-100%, 0) rotate(35deg);
  position: absolute;
  left: -20%;
  top: -50%;
  z-index: 5;
  animation: shanguang 4s 1s infinite;
}

@keyframes shanguang {
  0% {
    left: -20%;
  }

  50%,
  100% {
    left: 150%;
  }
}

.hero-desc {
  font-size: 0.833vw;
  line-height: 2;
  color: #696969;
}

.button-area {
  gap: 1.041vw;
}

.button-area .btn {
  width: 28.12vw;
  border-radius: var(--btn-radius);
  padding: 1.875vw 1.666vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
  background-color: transparent;
  border: 1px solid var(--primary);
}

.button-area .btn:hover {
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
}

.btn-t {
  gap: 0.729vw;
}

.arrow-icon {
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  --bg-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --bg-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-image: var(--bg-b);
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrow-icon.theme2 {
  width: 1.041vw;
  height: 1.041vw;
  background-image: var(--bg-w);
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.app-btn .arrow-icon {
  background-image: var(--bg-w);
}

.app-btn:hover .arrow-icon {
  background-image: var(--bg-b);
}

.app-btn.theme2 .arrow-icon {
  background-image: var(--bg-b);
}

.app-btn.theme2:hover .arrow-icon {
  background-image: var(--bg-w);
}

.app-btn.theme3 .arrow-icon {
  background-image: var(--bg-b);
}


.signup-btn:hover .arrow-icon {
  background-image: var(--bg-w);
}

.white-head .signup-btn:hover .arrow-icon {
  background-image: var(--bg-b);
}

/* 商业画布区域 */
.business-canvas {
  /* padding: 0 0 1.041vw; */
}

.canvas-wrapper {
  width: var(--wrap);
  height: 31.51vw;
  margin: 0 auto;
  background-color: #FAF9FB;
  border-radius: 52px;
  position: relative;
  padding: 3.854vw 3.229vw;
  overflow: hidden;
  isolation: isolate;
}

.canvas-wrapper .controls-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}

.canvas-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  /* transition: transform 0.2s ease; */
  transform-origin: center center;
}

.canvas-wrapper h2 {
  position: relative;
  z-index: 5;
  font-weight: normal;
  pointer-events: none;
  padding: 10px;
  line-height: 1;
  transform: translate(-10px, -10px);
  border-radius: 10px;
  background: rgba(231, 231, 231, 0.5);
  width: max-content;
}


.icon-group {
  position: absolute;
  right: 4.166vw;
  bottom: 3.645vw;
  z-index: 5;
}

.icon-group .icon {
  width: 2.083vw;
  height: 2.083vw;
  margin-bottom: 0.52vw;
  border-radius: 100%;
  transition: all ease .3s;
  cursor: pointer;
  --iconfill: #070707;
  --iconstroke: #fff;
}

.icon-group .icon:hover {
  --iconfill: #C9FF85;
  --iconstroke: #070707;
}

.icon-group .icon:active {
  transform: scale(0.8);
}

.icon-group .icon svg {
  width: 100%;
  height: 100%;
}

.icon-group .icon svg rect {
  transition: all ease .3s;
}

.icon-group .icon svg path {
  transition: all ease .3s;
}

/* 卡片区域 */
.card-section {
  padding: 0 0 4.166vw;
  width: var(--wrap);
  margin: 0 auto;
  gap: 1.041vw;
}

.card-section .card {
  display: block;
  border-radius: var(--card-radius);
  position: relative;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

.card-section .card .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* .card-section .card .bg img {
  transition: all ease 1s;
}

.card-section .card:hover .bg img {
  transform: scale(1.1);
} */

.card-section .card .intr {
  padding: 2.083vw;
  height: 27.604vw;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); */
  position: relative;
  z-index: 2;
}

.card-section .card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card-section .card-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.card-section .card-title {
  color: #fff;
}

.card-section .card-from {
  color: #fff;
  line-height: 2;
}

.card-section .card-tag {
  position: absolute;
  bottom: 1.562vw;
  left: 1.562vw;
  z-index: 2;
  gap: 0.5vw;
  display: flex;
  flex-wrap: wrap;
}

.card-section .card-tag span {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(1.145vw);
  backdrop-filter: blur(1.145vw);
  padding: 0.208vw 0.729vw;
  border-radius: 500px;
}

.arrow-icon2 {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url('/img/icon-arr.svg');
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: contain;
  background-size: contain;
}

.card-section .card .arrow-icon2 {}

.card-section .card:hover .arrow-icon2 {
  animation: jttx2 1s ease forwards;
}

/* APP区域 */
.app-section {
  padding: 11.854vw 8.333vw 7.291vw;
  position: relative;
  /* margin-bottom: 4.791vw; */
}

.app-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.app-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 44.427vw;
  position: relative;
  z-index: 2;
}

.app-content h2 {
  font-weight: 400;
  color: var(--primary);
}

.app-content .qrbox {
  align-items: flex-end;
  margin: 2.5vw 0;
}

.app-content .qrzuo {
  width: 8.333vw;
}

.app-content .qryou {
  flex: 1;
  margin-left: 1.458vw;
}

.app-content p {
  color: var(--primary);
}

.app-buttons {
  gap: 1.25vw;
}

.app-btn {
  height: 2.5vw;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625vw;
  padding: 0.52vw 1.041vw 0.677vw 1.145vw;
  position: relative;
  background-color: var(--primary);
  color: #fff;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  will-change: transform;
}

.app-btn .arrow-icon {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}

.app-btn:hover {
  background-color: var(--secondary);
  color: var(--primary);
}

/* 绿->黑 */
.app-btn.theme2 {
  background-color: var(--secondary);
  color: var(--primary);
}

.app-btn.theme2:hover {
  color: #fff;
  background-color: var(--primary);
}

/* 绿->白 */
.app-btn.theme3 {
  background-color: var(--secondary);
  color: var(--primary);
}

.app-btn.theme3:hover {
  color: var(--primary);
  background-color: var(--light-bg);
}

.app-image {
  margin-left: 2.604vw;
  position: absolute;
  right: 2.083vw;
  bottom: 0;
  z-index: 1;
  width: 41.979vw;
}

.app-image img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

.app-image::before,
.app-image::after {
  content: '';
  position: absolute;
  height: 0.078vw;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, #000), color-stop(90%, #000), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.4;
  z-index: 1;
}

.app-image::before {
  width: 52.604vw;
  bottom: 3.229vw;
  right: 15.625vw;
}

.app-image::after {
  width: 16.145vw;
  bottom: -2.604vw;
  right: 24.27vw;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.footer-buttons {
  position: fixed;
  right: 0;
  bottom: 5.208vw;
  z-index: 40;
}

.footer-btn {
  background-color: transparent;
  border: 1px solid var(--primary);
  border-right: none;
  padding: 0.416vw 1.77vw 0.416vw 0.416vw;
  border-radius: 100px 0 0 100px;
  color: var(--primary);
  gap: 0.52vw;
  margin-top: 0.833vw;
  background: var(--light-bg);
}

.footer-btn .icon {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
  border-radius: 50%;
}

.footer-btn .icon img,
.footer-btn .icon svg {
  width: 1.041vw;
}

.footer-btn:hover {
  color: var(--light-bg);
  background: var(--primary);
}

/* 策略页面样式 */
.strategy {
  background-color: #fff;
  overflow-x: hidden;
}

/* 策略英雄区域 */
.strategy-hero {
  position: relative;
  color: #fff;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
}

.strategy-hero.on {
  z-index: 500;
}

.strategy-hero::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.63);
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
}

.strategy-hero .mask .m {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  background: #000;
  z-index: -1;
}

.strategy-hero .mask .top {
  bottom: 90%;
  border-radius: 50vh 50vh 0 0;
}

.strategy-hero .mask .bottom {
  top: 90%;
  border-radius: 0 0 50vh 50vh;
}

.strategy-hero .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
}

.strategy-hero .content {
  position: relative;
  z-index: 2;
  width: 63.541vw;
  margin: 0 auto;
  text-align: center;
  padding: 6.406vw 0;
}

.strategy-hero h1 {
  font-weight: 400;
  line-height: 1.5;
  margin: 0 auto 1.25vw;
  max-width: 690px;
  text-align: center;
}

.strategy-hero .t2 {
  max-width: 690px;
  margin: 0 auto 2.5vw;
  opacity: 0.85;
  line-height: 2;
}

.strategy-hero .info .ev:nth-child(1) h1 {
  max-width: 100%;
}

.strategy-hero .info .ev:nth-child(1) .t2 {
  max-width: 882px;
}

.strategy-hero .info .ev {
  display: none;
}

.strategy-hero .info .ev.on {
  display: block;
}

.strategy-form {
  width: 100%;
  max-width: 63.541vw;
  margin: 0 auto;
}

.form-content {
  background-color: #FAFBF9;
  border-radius: 8px 8px 12px 12px;
  padding: 0.625vw 0.885vw;
}

.input-group {
  margin-bottom: 1.041vw;
  display: none;
}

.input-group.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group textarea {
  height: 8.437vw;
  border: none;
  resize: none;
  background: transparent;
  color: #696969;
  font-size: 0.833vw;
  line-height: 1.5;
  outline: none;
  padding: 0;
}

.input-group #tcontent {
  width: 100%;
}

.input-group #gpt4 {
  width: 100%;
}

.form-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.model-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.572vw;
}

.model-select {
  gap: 0.312vw;
  padding: 0.41vw 1.041vw;
  border-radius: 8px;
  font-size: 0.729vw;
  background-color: var(--secondary);
  color: var(--primary);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.model-select select {
  background: transparent;
  appearance: none;
  display: block;
  flex: 1;
}

.model-select .jt {
  width: 0.833vw;
  display: block;
}

.model-btn {
  gap: 0.312vw;
  padding: 0.41vw 1.041vw;
  border-radius: 8px;
  font-size: 0.729vw;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
  display: none;
}

.model-btn {
  background-color: #E5E5E5;
  color: rgba(0, 7, 20, 0.62);
}

.model-btn .icon {
  width: 0.833vw;
  display: block;
}

.model-btn.on {
  display: flex;
  background-color: var(--secondary);
  color: var(--primary);
}

.submit-btn {
  width: 2.76vw;
  height: 2.76vw;
  border-radius: 26px;
  background-color: var(--secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
}

.icon-send {
  width: 1.041vw;
  height: 1.041vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 策略内容区域 */
.hashlist {
  padding: 40px 0;
  position: sticky;
  left: 0;
  z-index: 10;
  top: calc(var(--head) - 30px);
  transition: all ease 1s;
}

.isback .hashlist {
  top: 0;
}

.hashlist-zhanwei {
  height: 40px;
}

.k2 {
  width: 100%;
}

/* img.lazy,
.bg video {
  background: url('/img/loading.gif') no-repeat center /cover;
} */

.bg video {
  background: #000;
}

img.loaded {
  opacity: 1;
  transition: all ease .3s;
}

.strategy-content {
  padding: 2.083vw 0 0;
}

.strategy-content .content-wrapper {
  border-bottom: 1px solid #D9D9D9;
}

.content-wrapper {
  width: var(--wrap);
  margin: 0 auto;
}

.content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.354vw;
  padding-bottom: 5.208vw;
  position: relative;
  width: 100%;
}

.content-header .lasttime {
  line-height: 2.28;
  position: absolute;
  bottom: 0.9375vw;
  left: auto;
  right: 0;
  line-height: 1;
  padding: 0.8333vw 1.875vw;
  border-radius: 50px;
  background: #C9FF85;
  animation-delay: 0.6s;
}

.content-header h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 6.666vw;
  line-height: 1;
  text-transform: capitalize;
  color: var(--primary);
  margin-right: 1.041vw;
}

.content-header p {
  width: 41.875vw;
  line-height: 1.5;
  color: #696969;
  max-width: 52.083vw;
  opacity: 0;
  will-change: transform;
  text-align: right;
}

.content-header p.on {
  opacity: 1;
}

/* 品牌指南区域 */
.guide-wrapper {
  width: var(--wrap);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.083vw;
}

.tabs-box {
  width: 100%;
}

.tabs-box .C-tabs1:not(:last-child) {
  margin-bottom: 1.041vw;
}

.tab-group {}

.tab-group-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.625vw;
  flex: 1;
}

.tab-group .tab {
  height: 2.083vw;
  border-radius: 100px;
  padding: 0 1.197vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: 1.4px solid rgba(0, 0, 0, 0.02);
  background-color: #E7E7E7;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
}

.tab-group .tab.on {
  background-color: var(--secondary);
}

.tab-group .tab:hover {
  background-color: var(--secondary);
}

.tab-group .tab span {
  line-height: 1.5;
  color: var(--primary);
}

.strategy2 .C-list1 {
  display: none;
}

.strategy2 .C-list1.on {
  display: grid;
}

.C-list1 {
  width: 100%;
  gap: 1.041vw;
}

.C-list1 .item {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
}

.C-list1 .item .bg {
  width: 100%;
  height: 13.489vw;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.C-list1 .item .bg img {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  will-change: transform;
  border-radius: 20px;
  overflow: hidden;
}

.C-list1 .item:hover .bg img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.C-list1 .item .intr {
  margin-top: 0.833vw;
}

.C-list1 .item .intr .t1 {
  position: relative;
  max-width: 80%;
  margin-right: 1em;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.tool2 .card .bg {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.tool2 .card:hover .bg {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.tool3 .sec3 .list .item .t2::before,
.tool3 .sec2 .list .item .t1::before,
.tool3 .sec1 .list .item .t1::before,
.C-list1 .item .intr .t1::before {
  content: '';
  display: block;
  width: 100%;
  height: 0.052vw;
  background: #000;
  -webkit-transition: all ease-in .4s;
  -o-transition: all ease-in .4s;
  -moz-transition: all ease-in .4s;
  transition: all ease-in .4s;
  will-change: transform;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
  position: absolute;
  left: 0;
  bottom: 0;
}

.tool3 .sec3 .list .item:hover .t2::before,
.tool3 .sec2 .list .item:hover .t1::before,
.tool3 .sec1 .list .item:hover .t1::before,
.C-list1 .item:hover .intr .t1::before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.C-list1 .item .bg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); */
  z-index: 1;
}

.card-tags {
  gap: 0.625vw;
  z-index: 2;
  margin-top: 0.416vw;
}

.card-tags .tag {
  background: transparent;
  border: 1px solid #D0D0D0;
  border-radius: 500px;
  padding: 0.156vw 0.63vw;
  font-size: 0.729vw;
  line-height: 1.5;
  color: #696969;
}

/* 观点区域 */
.opinion-wrapper {
  width: var(--wrap);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875vw;
}

.C-list2 {
  width: 100%;
  gap: 1.041vw;
}

.C-list2 .item {
  border-radius: 20px;
  background: #FAF9FB;
  padding: 1.562vw;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
}

.C-list2 .item:hover {
  background: #EDFBEC;
}

.C-list2 .item .card-footer {
  display: none;
}

.C-list2 .item .bg {
  /* height: 7.708vw; */
  height: 9.635vw;
  /* margin: 0.416vw 0 3.541vw; */
  margin: 0.416vw 0 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  will-change: transform;
}

/* .C-list2 .item:hover .bg {
  height: 9.635vw;
} */

.C-list2 .item .learn-more {
  opacity: 0.3;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  will-change: opacity;
}

.C-list2 .item:hover .learn-more {
  opacity: 1;
}

.C-list2 .item .card-label {
  margin-bottom: 1.302vw;
}

.C-list2 .item .card-label span {
  display: block;
  border-radius: 4px;
  line-height: 1;
  padding: 4px 8px;
  font-weight: 300;
  font-size: 0.729vw;
  background: var(--secondary);
}

.C-list2 .item .t2 {
  line-height: 2;
}

.C-list2 .item .t1 {
  color: #636363;
  line-height: 2;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.C-list2 .item .card-footer .icon {
  width: 0.52vw;
}

.C-list2 .item .card-footer .icon path {
  transition: all ease .3s;
}

.C-list2 .item:hover .card-footer .icon path {
  opacity: 1;
}

.C-list3 {
  gap: 2.083vw 1.041vw;
}

.C-list3 .item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  will-change: transform;
}

.C-list3 .item .bg {
  overflow: hidden;
}

.C-list3 .item .bg img {
  -webkit-transition: all linear .6s;
  -o-transition: all linear .6s;
  -moz-transition: all linear .6s;
  transition: all linear .6s;
  will-change: transform;
}

.C-list3 .item:hover .bg img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.C-list3 .item .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.562vw;
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(-11.78%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.44)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%); */
}

.C-list3 .item .intr .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.C-list3 .item .intr .info .t1 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.C-list3 .item .intr .info .t2 {
  margin-top: 0.416vw;
}

.C-list3 .item .intr .icon {
  /* padding: 1.041vw; */
  padding: 0.2vw 1.041vw;
}

.C-list3 .item .intr .card-label {
  margin-top: auto;
  gap: 0.364vw;
}

.C-list3 .item .intr .card-label span {
  display: block;
  border-radius: 500px;
  background: rgba(255, 255, 255, 0.40);
  -webkit-backdrop-filter: blur(0.572vw);
  backdrop-filter: blur(0.572vw);
  padding: 0.364vw 0.833vw;
  font-size: 0.833vw;
}

.C-tabs1 {
  width: 100%;
}

.C-tabs1 .name {
  margin-right: 2.083vw;
}

.C-tabs1 .tab-group {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tutorial2 .C-list3 {
  display: none;
}

.tutorial2 .C-list3.on {
  display: grid;
}

/* -----------------------------------------注释-------------------------------------- */
.tool3 {
  position: relative;
}

.tool3 .k2 {
  margin-bottom: 2.083vw;
}

.tool3 .zuo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: var(--head);
  padding-bottom: 4.166vw;
}

.tool3 .zuo .tab-group-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tab-content {
  width: 100%;
}

.tool3 .you {
  width: 66.145vw;
}

.tool3 .you .k1 {
  margin-bottom: 2.083vw;
}

.tool3-section {
  padding-bottom: 4.166vw;
}

.tool3 .sec1 .list {
  gap: 2.083vw 1.041vw;
}

.tool3 .sec1 .list .item {
  display: block;
}

.tool3 .sec1 .list .item .bg {
  height: 14.791vw;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.tool3 .sec1 .list .item .bg::after {
  /* content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(45.77%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.44)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%); */
}

.tool3 .sec1 .list .item .card-content {
  margin: 0.416vw 0;
}

.tool3 .sec1 .list .item .t1 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  position: relative;
  max-width: 80%;
  margin-right: 1em;
}

.tool3 .sec2 .list {
  gap: 2.083vw 1.041vw;
}

.tool3 .sec2 .list .item .bg {
  height: 22.5vw;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.tool3 .sec2 .list .item .card-content {
  margin: 0.416vw 0;
}

.tool3 .sec2 .list .item .t1 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  position: relative;
}

.tool3 .sec3 .list {
  gap: 2.083vw 1.041vw;
}

.tool3 .sec3 .list .item .icon-box {
  border-radius: 20px;
  background: #FAFBF9;
  padding: 1.666vw 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0.416vw;
}

.tool3 .sec3 .list .item .icon-box .icon {
  width: 3.958vw;
}

.tool3 .sec3 .list .item .t2 {
  margin-top: 0.52vw;
  position: relative;
}

.tool4 {
  padding: 5.208vw;
  /* background: #FAFBF9; */
}

.tool4 .t2 {
  margin: 1.25vw 0;
}

.sbtn1 {
  width: 2.76vw;
  height: 2.76vw;
  background: url('/img/tool/icon-left.svg') no-repeat center/0.625vw;
  background-color: var(--secondary);
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  will-change: transform;
}

.sbtn1.prev {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.sbtn1.next {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  right: 0;
}

.sbtn1.swiper-button-disabled {
  background-color: #fff;
}

.tool4 .sbtn1 {
  margin: 0 2.708vw;
}

.tool4 .swiper {
  margin-top: 2.083vw;
  border-radius: 20px;
}

.tool4 .swiper img {
  width: 100%;
  height: 41.666vw;
  object-fit: cover;
}

.tool4 .swiper-father {
  position: relative;
  padding-bottom: 2.708vw;
}

.tool4 .swiper-pagination {
  bottom: 0;
  --swiper-pagination-bullet-size: 0.625vw;
  --swiper-pagination-bullet-inactive-color: #D9D9D9;
  --swiper-pagination-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 1;
}

.tool4 .tab-group {
  margin: 2.083vw 0;
}

.tool4 .C-list1 {
  display: none;
}

.tool4 .C-list1.on {
  display: grid;
}

.scaleImgList .bg {
  overflow: hidden;
}

.scaleImgList .bg img {
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  transition: all ease 0.6s;
  will-change: transform;
}

.scaleImgList .item:hover .bg img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.magnetic {
  will-change: transform;
}

.btn-text {
  will-change: transform, color;
  position: relative;
  z-index: 2;
}

/* -----------------------------------------注释-------------------------------------- */
/* html::-webkit-scrollbar {
  display: none;
}

html {
  -ms-overflow-style: none;
  scrollbar-width: none;
} */

.cursor {
  pointer-events: none;
}

.cursor__ball--big {
  opacity: 0;
}

.cursor__ball--small {
  opacity: 0;
}

.cursor__ball {
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  z-index: 99999;
}

.cursor__ball circle {
  fill: #f7f8fa;
}

#minder-view {
  position: absolute;
  border: 1px solid #ccc;
  left: 0.52vw;
  top: 0.52vw;
  bottom: 0.52vw;
  right: 0.52vw;
}

.btn-fill {
  background: #000;
  position: absolute;
  width: 150%;
  height: 200%;
  border-radius: 50%;
  top: -50%;
  left: -25%;
  -webkit-transform: translate3d(0, -76%, 0);
  -moz-transform: translate3d(0, -76%, 0);
  transform: translate3d(0, -76%, 0);
  will-change: transform;
  -webkit-transition: background-color ease-in-out .25s;
  -o-transition: background-color ease-in-out .25s;
  -moz-transition: background-color ease-in-out .25s;
  transition: background-color ease-in-out .25s;
  will-change: transform;
}

.white-head .btn-fill {
  background: #fff;
}

.app-home5 {
  padding: 2.083vw 8.333vw;
  /* background: #FAF9FB; */
  background: #000;
  color: #fff;
  position: relative;
  z-index: 4;
}

.app-home5 .app-btn {
  width: auto;
  padding: 0 1.041vw;
}

.foot2 {
  padding: 1.25vw 5.208vw;
  border-top: 1px solid #E7E7E7;
  color: #A1A1A1;
  background: #fff;
}

.foot2 .you a {
  margin-left: 2.083vw;
}

.spline1 {
  padding: 0 13.802vw 2.083vw;
  margin-top: -4vw;
  position: relative;
  z-index: -1;
}

/* -----------------------------------------注释-------------------------------------- */
.loadmore {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.loadmore.theme2 {
  margin-top: 2.083vw;
}

.loadmore .app-btn {
  margin: 0 1.875vw;
  padding: 0.52vw 1.4vw;
}

.loadmore .arrow-icon {
  display: none;
  --bg-w: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgNkw4IDEwTDQgNiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4=");
  --bg-b: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgNkw4IDEwTDQgNiIgc3Ryb2tlPSIjMDAwIi8+Cjwvc3ZnPg==");
}

.loadmore::before,
.loadmore::after {
  content: '';
  display: block;
  flex: 0;
  height: 0.052vw;
  background: #D9D9D9;
  transition: all ease-out .3s .3s;
}

.loadmore.wowShow::before,
.loadmore.wowShow::after {
  flex: 1;
}

.C-index {
  width: 3.333vw;
  height: 3.333vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 0.26vw 0.677vw;
  font-size: 0.833vw;
  line-height: 2;
  color: #000;
  font-weight: 300;
  /* -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #C9FF85; */
  transform: scale(1) translate(-1px, -1px);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAwSDY0TDAgNjRWMFoiIGZpbGw9IiNDOUZGODUiLz4KPC9zdmc+');
  background-repeat: no-repeat;
  background-position: left top;
  -o-background-size: contain;
  background-size: contain;

}

.foot3 {
  width: 22.916vw;
  padding: 0.781vw 1.25vw;
  border-radius: 35px;
  background: #FFF;
  box-shadow: 0vw 0.208vw 1.041vw 0vw rgba(0, 0, 0, 0.05);
  position: fixed;
  left: 50%;
  bottom: 5.364vw;
  transform: translateX(-50%);
  display: none;
  z-index: 48;
}

.foot3.on {
  display: flex;
}

.foot3 .zuo {
  color: rgba(25, 27, 29, 0.50);
}

.foot3 .zuo a {
  color: #191B1D;
}

.foot3 .tongyi {
  line-height: 1;
  padding: 0.416vw 1.041vw;
  border-radius: 41px;
  background: #070707;
  color: #fff;
  cursor: pointer;
}

.yinsizhengce {
  padding: 0 5.208vw 2.083vw;
  color: #696969;
  line-height: 2;
}

/* -----------------------------------------注释-------------------------------------- */
.infopage1 .guide-wrapper {
  padding: 3.125vw 0 1.041vw;
  border-bottom: 1px solid #D9D9D9;
}

.infopage1 .t1 {
  width: 100%;
  color: #696969;
}

.C-paging {
  width: 100%;
  margin-top: 1vw;
}

.C-paging a {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 0.104vw;
  color: #000;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.C-paging a.on,
.C-paging a:hover {
  background: #C9FF85;
}

.visual2 .C-tabs1 .name {
  width: 3em;
}


.visual2 .tab-tag-content .gdbox {
  overflow: auto;
  flex: 1;
}

.visual2 .tab-tag-content .card-tags {
  margin-top: 0;
  transition: all ease .3s;
}

.visual2 .tab-tag-content .card-tags .tag:hover,
.visual2 .tab-tag-content .card-tags .tag.on {
  background: #C9FF85;
  border: 1px solid #C9FF85;
}

.visual2 .tab-tag-content {
  display: none;
}

.visual2 .tab-tag-content.on {
  display: block;
}

.infopage3 .page-info-text {
  width: 50vw;
  margin: 0 auto;
}

.infopage3 .title .t2 {
  margin-top: 0.625vw;
  line-height: 2;
}

.infopage3 .prview {
  margin: 4.166vw 0 1.25vw;
  position: relative;
  background: #000;
}

.infopage3 .prview::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNzQ4NDk4MTkyMTc4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMjgwMSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik01MTIgMTcxLjI4MzY5MmMtMjU1LjA1NDc2OSAwLTQ4NS45MjczODUgMzEyLjQzODE1NC00OTYuNzk3NTM4IDMyNy4zMjU1MzhsMCAwLjYzMDE1NEMyNi4wNzI2MTUgNTE0LjEyNjc2OSAyNTYuOTQ1MjMxIDgyNi40ODYxNTQgNTEyIDgyNi40ODYxNTRjMjU1LjAxNTM4NSAwIDQ4NS44ODgtMzEyLjM5ODc2OSA0OTYuNzk3NTM4LTMyNy4zMjU1MzhsMC0wLjYzMDE1NEM5OTcuOTI3Mzg1IDQ4My42ODI0NjIgNzY3LjAxNTM4NSAxNzEuMjgzNjkyIDUxMiAxNzEuMjgzNjkyTDUxMiAxNzEuMjgzNjkyek01MTIgMjkxLjIwOTg0NmMxMTQuNTY5ODQ2IDAgMjA3Ljc1Mzg0NiA5My4xMDUyMzEgMjA3Ljc1Mzg0NiAyMDcuNjc1MDc3UzYyNi41Njk4NDYgNzA2LjYzODc2OSA1MTIgNzA2LjYzODc2OWMtMTE0LjUzMDQ2MiAwLTIwNy43NTM4NDYtOTMuMTg0LTIwNy43NTM4NDYtMjA3Ljc1Mzg0NlMzOTcuNDY5NTM4IDI5MS4yMDk4NDYgNTEyIDI5MS4yMDk4NDZNNTEyIDM5NS4yMjQ2MTVjLTU3LjI2NTIzMSAwLTEwMy42NjAzMDggNDYuNDM0NDYyLTEwMy42NjAzMDggMTAzLjY2MDMwOHM0Ni4zOTUwNzcgMTAzLjY2MDMwOCAxMDMuNjYwMzA4IDEwMy42NjAzMDhjNTcuMjI1ODQ2IDAgMTAzLjYyMDkyMy00Ni40MzQ0NjIgMTAzLjYyMDkyMy0xMDMuNjYwMzA4UzU2OS4yMjU4NDYgMzk1LjIyNDYxNSA1MTIgMzk1LjIyNDYxNXoiIGZpbGw9IiNmZmYiIHAtaWQ9IjI4MDIiPjwvcGF0aD48L3N2Zz4=');
  background-size: 13.02vw;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.6);
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
}

.infopage3 .prview:hover::after {
  opacity: 1;
  pointer-events: visible;
}

.infopage3 .empty {
  color: #696969;
  line-height: 2;
}

.infopage3 .empty * {
  max-width: 100%;
  white-space: normal !important;
}

.infopage4 {
  padding: 0 0 2.083vw;
}

.txLayer {
  background: rgba(0, 0, 0, 0.80);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  user-select: none;
  display: none;
  backdrop-filter: blur(0.26vw);
}

.txLayer.open {
  display: flex;
}

.txLayer .txLayer-wrap {
  position: relative;
  width: 43.437vw;
}

.txLayer .video-box {
  position: relative;
}

.txLayer video {
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
  background: url('/img/loading.gif') no-repeat center /cover;
}

.txLayer .intr {
  margin-top: 2.291vw;
}

.txLayer .intr .more {
  padding: 0.468vw 1.041vw;
  border-radius: 8px;
  background: #C9FF85;
  color: #070707;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.txLayer .intr .more svg {
  width: 0.885vw;
  margin-left: 0.625vw;
}

.txLayer .switch-btn .btn5 {
  width: 2.5vw;
  margin: 0 4.166vw;
  opacity: 0.4;
  transition: all ease .3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
}

.txLayer .switch-btn .btn5.next {
  left: 100%;
  right: auto;
}

.txLayer .switch-btn .btn5:hover {
  opacity: 1;
}

.txLayer .txLayer-close-btn {
  width: 2.5vw;
  position: absolute;
  left: 100%;
  margin-left: 2.083vw;
  top: 0;
}

.txLayer svg {
  width: 100%;
}

/* -----------------------------------------注释-------------------------------------- */
.aigc2 {
  padding: 0 0 4.166vw;
}

.aigc2 .aigc2-list {
  width: 100%;
  gap: 2.083vw;
  padding: 5px;
}

.aigc2 .aigc2-list .item {
  width: 20.8333vw;
  padding: 0.833vw 0.833vw 0.625vw;
  border-radius: 18px;
  background: #FFF;
  border: 1px solid #000;
  box-shadow: 0vw 0vw 0.416vw 0vw rgba(0, 0, 0, 0.25);
}

.aigc2 .aigc2-list .item .bg {
  width: 100%;
  height: 14.375vw;
  border-radius: 18px;
  overflow: hidden;
}

.aigc2 .aigc2-list .item .bg img {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  will-change: transform;
  border-radius: 20px;
  overflow: hidden;
}

.aigc2 .aigc2-list .item:hover .bg img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.aigc2 .aigc2-list .item .intr {
  margin-top: 0.625vw;
}

.aigc2 .aigc2-list .item .t1 {
  position: relative;
  max-width: 80%;
  margin-right: 1em;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.aigc3 {
  padding: 0 0 4.166vw;
}

.aigc3-list {
  gap: 2.083vw;
  margin: 2.083vw 0;
  width: 100%;
}

.aigc3-list .item {
  padding: 0.833vw;
  gap: 0.625vw;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #000;
  background: #FFF;
}

.aigc3-list .item .bg {
  width: 100%;
  height: 11.979vw;
  border-radius: 22px;
  overflow: hidden;
}

.aigc3-list .item .bg img {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  will-change: transform;
  border-radius: 20px;
  overflow: hidden;
}

.aigc3-list .item:hover .bg img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.aigc3-list .item .intr {
  gap: 0.625vw;
  display: flex;
  flex-direction: column;
}

.aigc3-list .item .openAll {
  padding: 0.416vw 1.354vw 0.416vw 0.416vw;
  background: #FAF9FB;
  border-radius: 10px;
}

.aigc3-list .item .openAll .icon {
  width: 1.4583vw;
  height: 1.6667vw;
  margin-right: 0.833vw;
  background: url('/img/home/ss.png') no-repeat center/contain;
}

.aigc3-list .item .openAll .te {
  max-width: 10.416vw;
}

.aigc3-list .item .openAll .t4 {
  color: #696969;
}

.aigc3-list .item .openAll .arrow-icon {
  margin-left: auto;
}

.aigc3-list .item .iconlist {
  gap: 1.406vw;
}

.aigc3-list .item .iconlist .icon {
  width: 2.6042vw;
}

.aigc4 {
  padding: 0 0 4.166vw;
}

.aigc4 .main {
  width: 100%;
}

.aigc4 .zuo {
  width: 13.958vw;
}

.aigc4 .zuo .item {
  width: 13.958vw;
  height: 3.125vw;
  margin-bottom: 1.25vw;
  border-radius: 60px;
  padding: 0.572vw 6.562vw 0.572vw 0.833vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all ease .3s;
}

.aigc4 .zuo .item.on {
  background: #C9FF85;
}

.aigc4 .zuo .item:hover {
  background: #C9FF85;
}

.aigc4 .zuo .item .icon {
  width: 1.979vw;
  margin-right: 0.416vw;
}

.aigc4 .you {
  width: 71.77vw;
  gap: 1.041vw 1.666vw;
  height: 100%;
  margin-top: 1.145vw;
}

.aigc4 .you .item {
  padding: 0.729vw 0.52vw;
  border-radius: 20px;
  background: #FAFBF9;
  display: block;
}

.aigc4 .you .item .sec1 .icon {
  width: 5vw;
}

.aigc4 .you .item .sec1 .intr {
  padding-left: 0.625vw;
  flex: 1;
  padding-top: 0.625vw;
  display: flex;
  flex-direction: column;
}

.aigc4 .you .item .sec1 .intr .t1 {
  color: #070707;
}

.aigc4 .you .item .sec1 .intr .card-tags {
  margin-top: 1.354vw;
}

.aigc4 .you .item .t2 {
  margin-top: 0.625vw;
  color: #696969;
  font-weight: 400;
}

/* -----------------------------------------注释-------------------------------------- */
.im1 {
  padding: 5.208vw 0 1.354vw;
  border-bottom: 1px solid #D9D9D9;
}

.C-mbx a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.C-mbx a:not(:last-child)::after {
  content: '';
  display: block;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9Im5vbmUiPgogIDxwYXRoIGQ9Ik02LjU4NjA1IDQuMDAwMjZMMy4yOTI4OSA3LjI5MzQyTDQgOC4wMDA1M0w4LjAwMDI2IDQuMDAwMjZMNCAwTDMuMjkyODkgMC43MDcxMDdMNi41ODYwNSA0LjAwMDI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+') no-repeat center/contain;
  width: 0.416vw;
  height: 0.416vw;
  margin: 0 0.833vw;
}

.im1 .t1 {
  margin-top: 1.458vw;
  font-weight: normal;
}

.im1 .t2 {
  margin-top: 0.625vw;
}

.im1 .t2 span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.im1 .t2 span:not(:last-child)::after {
  content: '';
  display: block;
  background: #000;
  width: 0.052vw;
  height: 0.833vw;
  margin: 0 0.833vw;
}

.im1-tags {
  gap: 1.25vw;
  margin-top: 1.041vw;
}

.im1-tags .tag {
  color: #696969;
  text-align: center;
  border-radius: 10px;
  background: #F7F7F7;
  padding: 0.364vw 0.625vw;
}

.im2 {
  padding: 2.083vw 0 5.208vw;
  position: relative;
  border-bottom: 1px solid #D9D9D9;
}

.im2 .main {
  width: 39.062vw;
  margin: 0 auto;
}

.im2 .empty {
  color: #525252;
  line-height: 1.7;
}

.im2 .empty img {
  border-radius: 10px;
  max-width: 100% !important;
  margin: 1.041vw auto;
}

.im2 .empty * {
  max-width: 100%;
  white-space: normal !important;
}

.im2 .empty2 {
  color: #525252;
  line-height: 1.7;
  margin: 1.875vw 0;
}

.im2 .empty2>p {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.083vw 1.458vw;
}

.im2 .empty2 img {
  border-radius: 10px;
  max-width: 100% !important;
}

.im2 .empty2 * {
  max-width: 100%;
  white-space: normal !important;
}

.im2 .previewpdf {
  width: 100%;
  height: 24.479vw;
  border-radius: 10px;
  margin: 1.041vw 0 1.875vw;
}

.goto-download {
  position: absolute;
  right: 0;
  top: 2.0833vw;
}

.goto-download .app-btn {
  width: 8.3333vw;
}

.goto-download svg {
  width: 1.1458vw;
}

.goto-download svg path {
  fill: #070707;
}

.goto-download .app-btn:hover svg path {
  fill: #fff;
}

.file-info .td {
  flex: 1;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.file-info .thead {
  border-radius: 10px 10px 0 0;
  background: #E5E5E5;
  color: #070707;
  padding: 0.52vw 0;
}

.file-info .tbody {
  border-radius: 0 0 10px 10px;
  background: #F5F6F7;
  color: #696969;
}

.file-info .tbody .tr {
  padding: 0.625vw 0;
}

.file-info .tbody .file-type {
  width: 1.916vw;
}

.file-info .tbody .downbtn {
  padding: 0.52vw 1.875vw;
  display: block;
  border-radius: 6px;
  background: #FFF;
}

.file-info .tbody .downbtn:hover {
  background: #000;
  color: #fff;
}

.im3 {
  padding: 2.083vw 0 4.166vw;
}

.im3 .btn-group {
  gap: 0.625vw;
}

.im3 .app-btn.im3-btn1 {
  width: 8.3333vw;
}

.im3 .app-btn.im3-btn2 {
  width: 9.375vw;
}

.im3 .app-btn .t2 {
  margin-top: 0.2083vw;
  color: #696969;
}

.im3 .app-btn svg {
  width: 1.145vw;
}

.im3 .app-btn svg path {
  fill: #070707;
}

.im3 .app-btn:hover svg path {
  fill: #fff;
}

.im4 {
  padding: 2.083vw 0 5.208vw;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.im4 .empty {
  color: #525252;
  line-height: 1.86;
  width: 39.062vw;
  margin: 0 auto;
}

.im4 .empty * {
  max-width: 100%;
  white-space: normal !important;
}

.im4 .empty img {
  width: 100%;
  border-radius: 10px;
  max-width: 100% !important;
  margin: 0.833vw 0;
  height: auto !important;
}

.im4 .empty video {
  width: 100%;
  border-radius: 10px;
  max-width: 100% !important;
  margin: 0.833vw 0;
  height: auto !important;
}

.im4 .ico-list {
  margin: 1.25vw 0;
}

.im4 .ico-list .li:not(:last-child) {
  margin-bottom: 0.833vw;
}

.im4 .ico-list .li {
  width: 100%;
  padding: 0.625vw 3.333vw;
  gap: 3.125vw;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  background: #F7F7F7;
}

.im4 .ico-list .li .icon {
  border-radius: 8px;
  overflow: hidden;
  width: 2.916vw;
}

.im4 .ico-list .li img {
  margin: 0;
}

.im4 .ico-list .li p {
  flex: 1;
}

.im4 .k1 {
  padding: 0.416vw 0 0.416vw 1.041vw;
  position: relative;
  color: #070707;
}

.im4 .k1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.208vw;
  height: 1.25vw;
  background: #C9FF85;
}

.im4 .k2 {
  position: relative;
  color: #A3A3A3;
  letter-spacing: 0.015vw;
  font-weight: 500;
  border-left: 2px solid #A3A3A3;
  padding-left: 1.041vw;
  margin: 0.416vw 0;
}

.im4-slide {
  position: sticky;
  left: 0;
  top: var(--head);
  padding: 1.666vw 0.833vw;
  border-radius: 10px;
  background: #F7F7F7;
  width: 18.2292vw;
}

.latest-tutorial {
  position: static;
}

.im4-slide .th1 {
  padding: 0 1.875vw;
  margin-bottom: 1.041vw;
  font-weight: 500;
}

.im4-slide .th2 {
  display: block;
  color: #696969;
  padding: 0.52vw 1.041vw;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 0.416vw;
}

.im4-slide .th2:hover,
.im4-slide .th2.on {
  background: #C9FF85;
  color: #000;
}

.im4-title-hash-mulu {
  display: none;
}

.latest-tutorial .th2 {
  background: #efefef;
}

.latest-tutorial .th2 .text {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.im4-slide .iconlist {
  gap: 1.406vw;
  padding: 0 1.041vw;
}

.im4-slide .iconlist .icon {
  width: 2.6042vw;
}

.im5 {
  padding: 2.0833vw 0 3.8542vw;
  border-top: 1px solid #D9D9D9;
}

/* -----------------------------------------注释-------------------------------------- */
.mask1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 48;
  background: rgba(149, 149, 149, 0.15);
  backdrop-filter: blur(1.562vw);
  opacity: 0;
  pointer-events: none;
}

.mask1.on {
  transition: all ease .3s;
  opacity: 1;
  pointer-events: visible;
}

.tc-layout {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 49;
  display: none;
}

.tc-layout.on {
  display: block;
  animation: fadeIn 1s forwards;
}

.tc-login {
  width: 52.604vw;
  border-radius: 20px;
  border: 2px solid #FFF;
  background: rgba(254, 254, 254, 0.86);
  box-shadow: 0 0.104vw 0.625vw 0 rgba(116, 116, 116, 0.10);
  overflow: hidden;
}

.tc-login .sec1 {
  padding: 0 0 0 1.041vw;
  border-bottom: 2px solid #fff;
}

.tc-login .tc-t1 {
  color: #696969;
}

.tc-login .tc-close {
  width: 3.645vw;
  height: 2.5vw;
  border-left: 2px solid #fff;
}

.tc-login .tc-close .icon {
  width: 0.781vw;
}

.tc-login .sec2 {
  padding: 1.562vw 5.208vw 1.979vw 1.458vw;
}

.tc-login .sec2 .t4 {
  color: #696969;
  margin-top: 1.041vw;
}

.blur-radio {
  width: 30.312vw;
  height: 30.312vw;
  border-radius: 100%;
  background: url('/img/user/user-blur.svg') no-repeat center/contain;
  filter: blur(1.145vw);
  position: absolute;
  z-index: -1;
}

.tc-login .blur-radio1 {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}

.tc-login .blur-radio2 {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.tc-login .qr-card {
  width: 15.625vw;
  padding: 0.781vw;
  border-radius: 28px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.208vw 0.729vw 0 rgba(0, 0, 0, 0.10);
}

.tc-login .qr-card .inner {
  padding: 1.25vw 0 1.093vw;
  border-radius: 28px;
  background: #FFF;
}

.tc-login .qr-card .inner .t5 {
  text-align: center;
}

.tc-login .qr-card .inner .t5 span {
  color: #08C764;
}

.tc-login .qr-card .wxqr {
  width: 10.416vw;
  height: 10.416vw;
  margin: 1.354vw auto;
}

.tc-login .qr-card .tongyi .icon {
  width: 0.625vw;
  margin-right: 0.312vw;
}

.tc-login .qr-card .tongyi {
  color: #696969;
  text-align: center;
}

.tc-login .qr-card .tongyi a {
  color: #08C764;
}


.tc-pro {
  width: 86.041vw;
  border-radius: 40px;
  border: 2px solid #FFF;
  background: rgba(254, 254, 254, 0.86);
  box-shadow: 0 0.208vw 1.041vw 0 rgba(116, 116, 116, 0.10);
  overflow: hidden;
}

.tc-pro .sec1 {
  padding: 0 0 0 2.083vw;
  border-bottom: 2px solid #fff;
}

.tc-pro .tc-t1 {
  color: #696969;
}

.tc-pro .tc-close {
  width: 5.729vw;
  height: 4.166vw;
  border-left: 2px solid #fff;
}

.tc-pro .tc-close .icon {
  width: 1.25vw;
}

.tc-pro .sec2 {
  padding: 1.562vw 0 1.822vw;
}

.tc-pro .sec2 .t4 {
  margin-top: 1.458vw;
}



.tc-pro .blur-radio1 {
  width: 50vw;
  height: 50vw;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}

.tc-pro .blur-radio2 {
  width: 50vw;
  height: 50vw;
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.tc-pro .blur-radio3 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52%);
  filter: none;
}

.tc-pro .sec3 {
  padding-bottom: 2.812vw;
}

.tc-pro .sec3 .item {
  width: 17.291vw;
  padding: 0.833vw;
  margin: 0 2.083vw;
  border-radius: 30px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.208vw 0.781vw 0 rgba(0, 0, 0, 0.10);
}

.tc-pro .sec3 .item .inner {
  padding: 1.25vw 1.25vw 0.833vw;
  border-radius: 30px;
  background: #FFF;
  height: 100%;
}

.tc-pro .sec3 .item.pro {
  background: rgba(255, 255, 255, 0.34);
}

.tc-pro .sec3 .item.pro .inner {
  background: linear-gradient(180deg, #DDF83F 0%, #D6FCDC 100%);
}

.tc-pro .sec3 .item .t6 {
  color: #000;
  text-align: center;
  -webkit-text-stroke-width: 0.026vw;
  -webkit-text-stroke-color: #000;
}

.tc-pro .sec3 .item .jiesuo {
  padding: 0.104vw 0.52vw;
  line-height: 2;
  border-radius: 20px;
  border: 1px solid #000;
}

.tc-pro .sec3 .item .t7 {
  margin-top: 0.781vw;
}

.tc-pro .sec3 .item .equity-list {
  margin: 0.989vw 0 1.25vw;
}

.tc-pro .sec3 .item .equity-list .li {
  color: #696969;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 2.2;
  margin: 0.156vw 0;
}

.tc-pro .sec3 .item .equity-list .li .icon {
  width: 0.625vw;
  margin-right: 0.312vw;
}

.tc-pro .sec3 .item .equity-list .li p {
  flex: 1;
}

.C-btn3 {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-shadow: -0.104vw 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.10);
  background: url('/img/user/btn-bg.png') no-repeat center/100% 100%;
  color: #2B2B2B;
  cursor: pointer;
}

.C-btn3.theme2 {
  border: 2px solid #C9FF85;
  background: #FFF;
  color: #88C46E;
}

.tc-pro .sec3 .item .C-btn3 {
  width: 13.125vw;
  height: 2.812vw;
  margin-top: auto;
}

.tc-payment .card {
  width: 21.718vw;
  border-radius: 30px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.208vw 0.781vw 0 rgba(0, 0, 0, 0.10);
  padding: 0.937vw 1.041vw;
}

.tc-payment .card .inner {
  padding: 2.187vw 0;
  border-radius: 20px;
  border: 1px solid rgba(184, 221, 255, 0.08);
  background: #FFF;
  position: relative;
}

.tc-payment .card .inner .t5 {
  text-align: center;
}

.tc-payment .card .inner .t5 span {
  color: #7ADA00;
}

.tc-payment .card .wxqr-box {
  width: 9.375vw;
  height: 9.375vw;
  padding: 0.625vw;
  margin: 2.187vw auto 0.625vw;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #697584;
}

.tc-payment .card .wxqr-box img {
  width: 100%;
  height: 100%;
}

.tc-payment .card .tongyi .icon {
  width: 0.833vw;
  margin-left: 0.312vw;
}

.tc-payment .card .tongyi {
  color: #696969;
  text-align: center;
}

.tc-payment .card .tongyi a {
  color: #08C764;
}

.tc-payment .card .t7 {
  margin-top: 1.458vw;
  color: #696969;
  text-align: center;
}

.tc-payment .tc-close {
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  right: 0.677vw;
  top: 0.677vw;
  cursor: pointer;
}

.loggedbox {
  position: relative;
  display: none;
}

.logged-simple {
  padding: 0.312vw 1.041vw 0.312vw 0.416vw;
  border-radius: 50px;
  border: 1px solid #000;
  filter: drop-shadow(-0.104vw 0.104vw 0.208vw rgba(0, 0, 0, 0.10));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  color: #000;
}

.white-head .logged-simple {
  border: 1px solid #fff;
  color: #fff;
  filter: drop-shadow(-0.104vw 0.104vw 0.208vw rgba(255, 255, 255, 0.10));
}

.user-pro .logged-simple {
  background: url('/img/user/ydl-bg.png') no-repeat center center/contain;
}

.logged-simple .icon {
  width: 1.875vw;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.312vw;
}

.logged-simple .icon img {
  height: 100%;
  object-fit: cover;
}

.logged-simple p {
  width: 4.166vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.user-info {
  position: fixed;
  right: 5.208vw;
  top: 7.291vw;
  width: 17.187vw;
  padding: 0.833vw 0.937vw;
  border-radius: 20px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.104vw);
  z-index: 55;
  display: none;
}

.user-info.on {
  display: block;
  animation: fadeInRight 1s forwards;
}

.user-info .inner {
  border-radius: 20px;
  background: #FFF;
  padding: 0 0 0.885vw;
}

.user-info .user-sf .pro {
  height: 5.729vw;
  position: relative;
  background: url('/img/user/sf-pro.png') no-repeat center/100% 100%;
  display: none;
}

.user-pro .user-info .user-sf .pro {
  display: block;
}

.user-pro .user-info .user-sf .default {
  display: none;
}

.user-info .user-sf .psc {
  padding: 0.364vw 0.781vw;
  /* background: rgba(254, 254, 254, 0.25); */
}

.user-info .user-sf .ty2 {
  color: #696969;
}

.user-info .user-sf .ty3 {
  margin: auto 0 0 auto;
  text-align: right;
}

.user-info .user-sf .default {
  height: 5.729vw;
  position: relative;
  background: url('/img/user/sf-default.png') no-repeat center/100% 100%;
}

.user-info .avatar {
  width: 4.166vw;
  height: 4.166vw;
  border-radius: 100%;
  overflow: hidden;
}

.user-info .information {
  position: relative;
  z-index: 2;
  margin-top: -1.406vw;
  padding: 0 0.52vw 2.083vw;
}

.user-info .information .ktx1 {
  margin: 0.208vw 0 0.416vw;
}

.user-info .information .ktx2 span {
  color: #696969;
}

.user-info .control {
  gap: 0.416vw;
  padding: 0 0.208vw;
}

.user-info .C-btn3 {
  flex: 1;
  height: 2.083vw;
  margin-top: auto;
}

.user-info .C-btn3 .icon {
  width: 0.781vw;
  margin-right: 0.312vw;
}

.user-info .C-btn3.theme2 {
  color: #000;
}

.user-pro .user-info #joinPro {
  display: none;
}

/* 视频弹框 */
.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 130;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

.z_tanchuang .tbox .modal {
  background: #C9FF85;
  padding: 5px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  width: 72vw;
  max-height: 90%;
  margin: 0 auto;
  -webkit-transform: translateY(5%);
  -moz-transform: translateY(5%);
  -o-transform: translateY(5%);
  transform: translateY(5%);
  opacity: 0;
  -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff url(/img/close-black.svg) no-repeat center;
  -o-background-size: 20px;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer;
}

.z_tanchuang .tbox .modal .img {
  width: 100%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out:hover {
  -o-background-size: 20px;
  background-size: 20px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.z_tanchuang .tbox .modal2 {
  padding: 20px;
}

.z_tanchuang.act {
  visibility: visible;
  pointer-events: visible;
  opacity: 1;
}

.z_tanchuang.act .tbox .modal {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* -----------------------------------------注释-------------------------------------- */
.main-section .content-wrapper .hero-video {
  width: 19.791vw;
  height: 13.541vw;
  border-radius: 20px;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

.main-section .content-wrapper .hero-video::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(78, 78, 78, 0.79) 0%, rgba(78, 78, 78, 0.79) 100%);
}

.main-section .content-wrapper .hero-video .icon {
  width: 3.125vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  animation: bosh-icon 1s cubic-bezier(0.42, 0, 0.5, 1.17) infinite alternate;
}

@keyframes bosh-icon {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    transform: translate(-30%, -50%) scale(1);
  }
}

.main-section .content-wrapper .hero-video .tip {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 4;
  background: #fff;
  padding: 0.468vw 0;
}

.slice-line {
  width: 100%;
  height: 0.052vw;
  background: #D9D9D9;
}

.home2 {
  padding: 2.083vw 0 4.166vw;
}

.home2 .t2 {
  margin-top: 0.833vw;
}

.home2 .list {
  gap: 1.25vw;
  margin-top: 1.562vw;
}

.home2 .list .item {
  padding: 1.666vw 1.302vw 2.083vw 1.666vw;
  border-radius: 20px;
  border: 1px solid #000;
  box-shadow: 0 0 0.26vw 0 rgba(0, 0, 0, 0.10);
  position: relative;
  overflow: hidden;
}

.home2 .list .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.312vw;
  height: 100%;
  background: #C9FF85;
}

.home2 .list .item .t3 .icon {
  margin-right: 0.833vw;
  width: 2.187vw;
  height: 2.187vw;
  background: linear-gradient(180deg, rgba(221, 248, 63, 0.70) 0%, rgba(214, 252, 220, 0.70) 100%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.home2 .list .item .t3 .icon img {
  width: 1.354vw;
}

.home2 .item .tag {
  margin-top: 1.041vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.26vw;
}

.home2 .item .tag span {
  padding: 0.468vw 1.041vw;
  text-align: center;
  display: block;
  border-radius: 60px;
  border: 1px solid #000;
  background: rgba(255, 255, 255, 0.31);
}

.home2 .item .ul {
  margin-top: 1.822vw;
}

.home2 .item .ul .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.833vw;
  color: #070707;
}

.home2 .item .ul .li .icon {
  width: 0.729vw;
  margin-right: 0.364vw;
}

.home2 .item .ul .li p {
  flex: 1;
}

.home2 .item .zhuangshi {
  position: absolute;
  right: 1.25vw;
  bottom: 1.562vw;
  width: 4.895vw;
}

.home3 {
  padding: 2.083vw 0;
}

.home3 .t2 {
  margin-top: 0.833vw;
}

.home3 .list {
  gap: 2.083vw;
  margin-top: 2.083vw;
}

.home3 .list .item {
  border-radius: 20px;
  background: linear-gradient(180deg, #C1FF72 0%, #FFF 45.67%);
  box-shadow: 0 0.208vw 0.52vw 0 rgba(0, 0, 0, 0.10);
  padding: 1.25vw 2.291vw 1.562vw;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.home3 .item .t3 {
  color: #696969;
}

.home3 .item .t4 {
  margin-top: 1.822vw;
}

.home3 .item .home3-btn {
  width: max-content;
  min-width: 10.729vw;
  height: 1.875vw;
  margin: 1.822vw 0 0.833vw;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home3 .item .home3-btn.theme1 {
  background: url('/img/home/home3-1.png') no-repeat center/100% 100%;
}

.home3 .item .home3-btn.theme2 {
  background: url('/img/home/home3-2.png') no-repeat center/100% 100%;
}

.home3 .item .ul {
  margin-bottom: 2.291vw;
}

.home3 .item .ul .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.833vw;
  color: #696969;
}

.home3 .item .ul .li .icon {
  width: 1.041vw;
  margin-right: 0.52vw;
}

.home3 .item .ul .li p {
  flex: 1;
}

.home3 .home3-more {
  display: block;
  width: 100%;
  color: #88C46E;
  border-radius: 50px;
  border: 2px solid #C9FF85;
  background: #FFF;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.10);
  text-align: center;
  padding: 0.416vw 0;
  margin-top: auto;
}

.home4 {
  padding: 2.083vw 0 4.166vw;
}

.home4 .t2 {
  margin-top: 0.833vw;
}

.home4 .main {
  padding: 2.083vw 2.5vw 3.229vw 2.5vw;
  margin-top: 2.083vw;
  border-radius: 20px;
  border: 2px solid #C9FF85;
  background: linear-gradient(238deg, #FAF9FB -13.13%, #DAFFAA 69.63%);
}

.home4 .t3 {
  margin-bottom: 4.427vw;
}

.home4 .pic {
  margin: 0 4.479vw 0 7.291vw;
  width: 43.229vw;
}

.home4 .intr {
  padding-bottom: 5.208vw;
}

.home4 .ul {
  margin-bottom: 2.604vw;
}

.home4 .ul .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.927vw;
  color: #070707;
}

.home4 .ul .li .icon {
  width: 1.25vw;
  margin-right: 0.52vw;
}

.home4 .ul .li p {
  flex: 1;
}

.home5 {
  padding: 2.083vw 0 6vw;
}

.home5 .t2 {
  margin-top: 0.833vw;
}

.home5 .list {
  margin-top: 2.083vw;
  gap: 3.541vw;
  position: relative;
}

.home5 .list .item {
  border-radius: 20px;
  border: 4px solid #FFF;
  box-shadow: 0 0.208vw 0.52vw 0 rgba(0, 0, 0, 0.10);
  padding: 0.885vw;
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0.416vw);
}

.home5 .list .item:nth-child(2) {
  margin-top: 2.604vw;
}

.home5 .list .item:nth-child(3) {
  margin-top: 7.656vw;
}


.home5 .list .item .item-inner {
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(221, 248, 63, 0.70) 0%, rgba(214, 252, 220, 0.70) 100%);
  padding: 1.875vw 2.76vw 2.239vw;
}

.home5 .t4 {
  margin: 1.875vw 0 1.562vw;
}

.home5 .ul {
  margin-bottom: 2.083vw;
}

.home5 .ul .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.885vw;
  color: #696969;
}

.home5 .ul .li .icon {
  width: 1.041vw;
  margin-right: 0.937vw;
}

.home5 .ul .li p {
  flex: 1;
}

.home5-more {
  display: block;
  color: #88C46E;
  text-align: center;
  letter-spacing: 0.104vw;
  border-radius: 52px;
  border: 2px solid #C9FF85;
  background: #FFF;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.10);
  padding: 0.416vw 0;
  width: 17.187vw;
  margin: auto auto 0;
}

.home5 .bg-jiantou {
  width: 71.77vw;
  position: absolute;
  top: 15.937vw;
  left: 3.385vw;
  z-index: -1;
}

/* -----------------------------------------注释-------------------------------------- */
.designer-page {
  background: #091020;
}

#svg-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.designer1 {
  padding: 11.666vw 0 8.125vw;
  text-align: center;
}

.designer1 .t1 {
  font-size: 6.666vw;
  color: #6FFFB7;
  text-align: center;
  -webkit-text-stroke-width: 0.041vw;
  -webkit-text-stroke-color: #6FFFB7;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.135vw;
  animation: aniTexShadow 1s ease alternate infinite;
}

@keyframes aniTexShadow {
  0% {
    text-shadow: 0 0 0 rgba(54, 247, 180, 0.80);
  }

  100% {
    text-shadow: 0 0 0.781vw rgba(54, 247, 180, 0.80);
  }
}

.designer1 .t2 {
  margin: 2.604vw 0 3.854vw;
  letter-spacing: 0.104vw;
}

.designer-btn {
  width: max-content;
  border-radius: 100px;
  border: 2px solid #322877;
  background: #0F1932;
  padding: 0.625vw 3.385vw;
  line-height: 1;
  margin: 0 auto;
  cursor: pointer;
  user-select: none;
}

.de-title .k1 {
  color: #6FFFB7;
  -webkit-text-stroke-width: 0.041vw;
  -webkit-text-stroke-color: #6FFFB7;
  font-weight: 500;
  letter-spacing: 0.052vw;
  line-height: 1.5;
}

.de-title .k2 {
  letter-spacing: 0.072vw;
  margin-top: 0.833vw;
}

.designer2 .list {
  margin-top: 4.166vw;
  gap: 2.083vw;
}

.designer2 .item {
  border-radius: 20px;
  box-shadow: 0 0.208vw 0.52vw 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border: 1px solid #322877;
  height: 100%;
}

.designer2 .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(90deg, #6846C4 0%, #349EB2 50%, #04EEA1 100%);
  z-index: 0;
}

.designer2 .item .box {
  position: relative;
  height: 100%;
  z-index: 1;
  display: block;
  margin-top: 0.26vw;
  background: #0D182E;
  z-index: 0;
  padding: 1.927vw 0.781vw 1.406vw 1.666vw;
}

.designer2 .item .t1 .icon {
  width: 3.02vw;
  margin-right: 0.833vw;
}

.designer2 .item .t2 {
  color: #00F5A0;
  margin: 1.458vw 0 1.041vw;
}

.designer2 .item .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.75;
}

.designer2 .item .li:nth-last-child(n+2) {
  margin-bottom: 0.989vw;
}

.designer2 .item .li .icon {
  width: 0.677vw;
  margin-right: 0.364vw;
}

.designer2 .item .li p {
  flex: 1;
}

.designer3 {
  padding: 8.333vw 0;
}

.designer3 .list {
  padding: 0 16.875vw;
  margin-top: 2.083vw;
  gap: 4.166vw;
}

.designer3 .item {
  padding: 2.083vw 2.083vw 2.916vw;
  border-radius: 20px;
  height: 100%;
}

.designer3 .item.item1 {
  border: 2px solid #FF6B35;
  background: rgba(35, 37, 45, 0.98);
}

.designer3 .item.item2 {
  border: 2px solid #6FFFB7;
  background: #0D343E;
}

.designer3 .item .t1 .icon {
  width: 3.02vw;
  margin-right: 0.625vw;
}

.designer3 .item .t1 p {
  flex: 1;
}

.designer3 .item .mtae {
  margin: 1.562vw 0 1.875vw;
  gap: 1.041vw 1.458vw;
}

.designer3 .item .mtae .li {
  border-radius: 8px;
  height: 5vw;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.designer3 .item1 .mtae .li {
  background: #1F1C27;
}

.designer3 .item2 .mtae .li {
  background: #072831;
}

.designer3 .item1 .mtae .li .t3 {
  color: #FF6B35;
}

.designer3 .item2 .mtae .li .t3 {
  color: #6FFFB7;
}

.designer3 .item .mtae .li .t4 {
  color: #D0D0D0;
}

.designer3 .item .pic {
  border-radius: 16px;
  overflow: hidden;
  height: 18.02vw;
}

.designer3 .item .pic img,
.designer3 .item .pic video {
  height: 100%;
  object-fit: cover;
}

.designer4 {
  padding: 4.166vw 0 9.01vw;
}

.designer4 .main {
  margin: 2.083vw 5.208vw 0;
  padding: 2.083vw 2.083vw 5.729vw;
  border-radius: 20px;
  border: 2px solid #322877;
  background: rgba(21, 37, 69, 0.45);
}

.designer4 .list {
  margin: 3.333vw 0 4.166vw;
  gap: 3.125vw 1.666vw;
}

.designer4 .list .item {
  padding: 1.927vw 0 0;
  border-radius: 20px;
  border: 2px solid #322877;
  background: linear-gradient(180deg, #0D182E 21%, #6000D6 103%);
  box-shadow: 0 0.208vw 0.52vw 0 rgba(0, 0, 0, 0.10);
  overflow: hidden;
  position: relative;

  transition: all 0.1s;
  perspective: 15.625vw;
  transform-style: preserve-3d;
  transform: perspective(15.625vw);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.designer4 .list .item .mtag {
  padding: 0.26vw 0.677vw 0.26vw 0.937vw;
  line-height: 1.6;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 0 20px 0;
  background: #496DEC;
}

.designer4 .list .item.step2 .mtag {
  background: #9349FB;
}

.designer4 .list .item.step3 .mtag {
  background: #FB49F5;
}

.designer4 .list .item .box {
  padding: 0 1.145vw;
}

.designer4 .list .item .avatar {
  width: 5.208vw;
  height: 5.208vw;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
}

.designer4 .list .item .avatar img {
  object-fit: cover;
  height: 100%;
}

.designer4 .list .item .t3 {
  margin: 1.041vw 0;
}

.designer4 .list .item .atag {
  gap: 0.468vw;
}

.designer4 .list .item .atag span {
  border-radius: 100px;
  background: #15143E;
  color: #5AF56B;
  display: block;
  min-width: 3.958vw;
  line-height: 1.458vw;
  text-align: center;
  padding: 0 0.52vw;
}

.designer4 .list .item .bg {
  margin: 1.666vw 0 1.041vw;
  height: 13.0208vw;
  border-radius: 10px;
  overflow: hidden;
}

.designer4 .item-btn {
  height: 2.968vw;
  background: #151337;
  margin-top: auto;
}

.designer4 .designer-btn {
  margin: 4.166vw auto 0;
}

.shak-svg {
  opacity: 0;
  animation: shak-svg 1s 2s ease forwards;
}

@keyframes shak-svg {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.des-btn {
  background: url('/img/designer/des-btn.png') no-repeat center/contain;
  text-align: center;
  width: 9.479vw;
  height: 2.083vw;
  justify-content: center;
  color: #000 !important;
}

/* -----------------------------------------注释-------------------------------------- */
.designer-plan-page {
  background: #0A0C2F;
}

.dp1 {
  padding: 12.604vw 0 7.031vw;
}

.dp1 .t1 {
  font-size: 5vw;
  font-weight: 500;
}

.dp1 .t1 span {
  background-image: linear-gradient(90deg, #5B47BC 0%, #ECECEC 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dp1 .t2 {
  margin: 3.125vw 0 2.916vw;
}

.dp-btn {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  background: url('/img/designer/des-btn.png') no-repeat center/contain;
  text-align: center;
  padding: 0.677vw 2.708vw;
  justify-content: center;
  color: #000;
}

.dp1 .t4 {
  gap: 2.916vw;
  margin-top: 2.187vw;
}

.dp1 .zuo {
  width: 48.229vw;
  padding: 1.718vw 0 0;
}

.dp1 .you {
  flex: 1;
}

.dp1 .you .pic {
  width: 29.791vw;
  position: relative;
}

.dp1 .you .pic img {
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.dp1 .you .pic .shadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.24);
}

.dp1 .you.on .pic .shadow1 {
  left: 4.583vw;
  top: 0;
  transform: rotate(-11deg);
  transition: all linear .5s 1.3s;
  z-index: 2;
}

.dp1 .you.on .pic .shadow2 {
  left: 5.312vw;
  top: 0.625vw;
  transform: rotate(-4deg);
  transition: all linear .5s 1s;
  z-index: 1;
}

.dp1 .you .pic:hover .shadow1 {
  left: 0;
  top: 0;
  transform: rotate(0);
  transition: all linear .2s 0.1s;
  z-index: 2;
}

.dp1 .you .pic:hover .shadow2 {
  left: 0;
  top: 0;
  transform: rotate(0);
  transition: all linear .2s;
  z-index: 1;
}

.dp2 {
  padding: 0 0 4.166vw;
}

.dp2 .list {
  gap: 3.541vw;
}

.dp2 .item {
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 0.208vw 0.572vw 0 rgba(0, 0, 0, 0.10);
  position: relative;
}

.dp2 .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.364vw;
  background-image: linear-gradient(90deg, #1BDDF5 0%, #ECC7F5 25%, #8CF9FB 50%, #ECC7F5 75%, #8CF9FB 100%);
  background-size: 200% 100%;
  background-position: 0 0;
  /* animation: bglg 2s infinite; */
}

@keyframes bglg {
  0% {
    background-position: 0% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.dp2 .item .box {
  padding: 1.458vw 0 4.687vw;
  background: linear-gradient(0deg, rgba(10, 13, 44, 0.00) 20.07%, #6A6D80 124%);
}

.dp2 .item .t1 {
  font-size: 5vw;
  font-style: normal;
  font-weight: 600;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dp2 .item .t1.theme1 {
  background-image: linear-gradient(165deg, #74DBFF 14.93%, #1D75E1 50.64%, #4E9BFF 84.36%);
}

.dp2 .item .t1.theme2 {
  background-image: linear-gradient(165deg, #2379E4 14.93%, #8B32FF 50.64%, #EB53C2 84.36%);
}

.dp2 .item .t1.theme3 {
  background-image: linear-gradient(165deg, #FFAEB0 14.93%, #E11DCD 50.64%, #FF804E 84.36%);
}

.dp2 .item .t2 {
  letter-spacing: 0.208vw;
  line-height: 1.2;
}

.dp2 .item .t3 {
  width: 19.583vw;
  margin: 2.083vw auto 0;
  color: #fff;
  text-align: center;
  font-weight: 500;
  line-height: 1.7;
}

.dp-title {
  color: #FFF;
  font-weight: 600;
}

.dp3 .main {
  margin-top: 2.291vw;
  padding: 0 11.666vw 0 15.729vw;
}

.dp3 .zuo {
  width: 26.666vw;
}

.dp3 .zuo .ul .li {
  padding: 1.927vw 2.291vw;
  border-radius: 10px;
  background: linear-gradient(2deg, rgba(101, 101, 101, 0.00) 10.51%, rgba(106, 109, 128, 0.25) 101.18%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.666vw;
}

.dp3 .zuo .ul .li .icon {
  width: 1.145vw;
  margin-right: 0.937vw;
}

.dp3 .zuo .ul .li .text {
  flex: 1;
}

.dp3 .zuo .ul .li .text .t2 {
  margin-top: 0.312vw;
}

.dp3 .you {
  width: 41.041vw;
  mix-blend-mode: lighten;
}

.dp4 .list {
  margin-top: 2.083vw;
  gap: 3.541vw;
}

.dp4 .list .item {
  padding: 3.75vw 1.041vw 5.989vw 3.333vw;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(106, 109, 128, 0.49) 0%, rgba(59, 61, 83, 0.00) 100%);
}

.dp4 .list .item:nth-child(2) {
  margin-top: 2.5vw;
}

.dp4 .list .item:nth-child(3) {
  margin-top: 5vw;
}

.dp4 .list .item .t1 {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dp4 .list .item .t1.theme1 {
  background-image: linear-gradient(165deg, #74DBFF 14.93%, #1D75E1 50.64%, #4E9BFF 84.36%);
}

.dp4 .list .item .t1.theme2 {
  background-image: linear-gradient(165deg, #6AC1FF 14.93%, #A652FF 50.64%, #EB53C2 84.36%);
}

.dp4 .list .item .t1.theme3 {
  background-image: linear-gradient(165deg, #FFAEB0 14.93%, #E11DCD 50.64%, #FF804E 84.36%);
}

.dp4 .list .item .t2 {
  width: 17.552vw;
  margin-top: 3.125vw;
  line-height: 2.3;
}

.dp5 .main {
  margin-top: 2.083vw;
  border-radius: 20px;
  border: 4px solid #C267FD57;
  padding: 1.875vw 8.125vw 1.875vw 3.541vw;
}

.dp5 .main .pic {
  width: 42.76vw;
}

.dp5 .main .dp5-btn {
  padding: 0.416vw 2.083vw;
  text-align: center;
  letter-spacing: 0.104vw;
  border-radius: 4px;
  background: linear-gradient(270deg, #D2C6FA 0%, #5F30EE 100%);
  box-shadow: 0 0.109vw 0.219vw 0 rgba(0, 0, 0, 0.10);
}

.dp6 {
  background: linear-gradient(90deg, rgba(221, 221, 221, 0.00) 0%, rgba(106, 62, 239, 0.19) 100%);
  padding: 4.687vw 0 5.468vw;
}

.dp6 .t1 {
  letter-spacing: 0.052vw;
}

.dp6 .t2 {
  width: 43.229vw;
  margin: 1.041vw auto 1.822vw;
}


.tc-wechat .card {
  width: 21.718vw;
  border-radius: 30px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.208vw 0.781vw 0 rgba(0, 0, 0, 0.10);
  padding: 0.937vw 1.041vw;
}

.tc-wechat .card .inner {
  padding: 2.187vw 0;
  border-radius: 20px;
  border: 1px solid rgba(184, 221, 255, 0.08);
  background: #FFF;
  position: relative;
}

.tc-wechat .card .inner .t5 {
  text-align: center;
}

.tc-wechat .card .inner .t5 span {
  color: #7ADA00;
}

.tc-wechat .card .wxqr-box {
  width: 9.375vw;
  height: 9.375vw;
  padding: 0.625vw;
  margin: 2.187vw auto 0.625vw;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #697584;
}

.tc-wechat .card .wxqr-box img {
  width: 100%;
  height: 100%;
}

.tc-wechat .card .tongyi .icon {
  width: 0.833vw;
  margin-left: 0.312vw;
}

.tc-wechat .card .tongyi {
  color: #696969;
  text-align: center;
}

.tc-wechat .card .tongyi a {
  color: #08C764;
}

.tc-wechat .card .t7 {
  margin-top: 1.458vw;
  color: #696969;
  text-align: center;
}

.tc-wechat .tc-close {
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  right: 0.677vw;
  top: 0.677vw;
  cursor: pointer;
}

.strategy6 {
  color: #070707;
  position: relative;
  display: block;
}

.strategy6 .t2 {
  width: 35.416vw;
  margin: 1.25vw auto 0;
  line-height: 2;
}

.strategy6-btn {
  letter-spacing: 0.104vw;
  padding: 0.52vw 5.416vw;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.29);
}


.user1 {
  padding: 4.166vw 2.916vw;
  border-radius: 20px;
  background: url('/img/user/user1-1.svg') no-repeat center/cover;
}

.user1 .avatar {
  width: 5.208vw;
  border-radius: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-right: 2.083vw;
}

.user1 .C-btn3 {
  width: 7.291vw;
  height: 2.083vw;
  margin-left: 2.083vw;
}

.user1 .C-btn3 .icon {
  width: 0.781vw;
  margin-right: 0.52vw;
}

.user1 .logout {
  margin-top: 1.145vw;
  color: #696969;
  cursor: pointer;
}

.user1 .logout .icon {
  width: 0.625vw;
}

.user2 .tabbar1 {
  padding: 0 1.041vw;
  border-bottom: 1px solid #D9D9D9;
  gap: 1.041vw;
  margin-bottom: 2.083vw;
}

.user2 .tabbar1 .bar {
  padding: 1.25vw 0.416vw;
  position: relative;
}

.user2 .tabbar1 .bar::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.208vw;
  background: #C9FF85;
  border-radius: 4px;
}

.user2 .tabbar1 .bar.on {
  font-weight: bold;
}

.user2 .tabbar1 .bar .icon {
  width: 1.041vw;
  margin-right: 0.208vw;
}

.user2 .tab-group-box {
  justify-content: flex-start;
}

.user3 {
  padding: 2.083vw 0 7.291vw;
}

.user3 .tab-content {
  display: none;
}

.user3 .tab-content.on {
  display: block;
}