: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;
  color: #000;
  display: flex;
  align-items: flex-end;
}

.logo svg {
  width: 6.5625vw;
  display: block;
  margin-right: 0.5208vw;
}

.logo svg path {
  fill: #000;
}

.white-head .logo a {
  color: #fff;
}

.white-head .logo svg path {
  fill: #fff;
}

.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: 6.7708vw;
  font-weight: 700;
  line-height: 1.05;
  color: var(--primary);
  font-family: "Poppins";
}

.main-title span {
  font-size: 5vw;
  letter-spacing: -0.2083vw;
  font-style: italic;
  padding-right: 0.2em;
  vertical-align: middle;
}

.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;
  position: relative;
  width: 100%;
}


.strategy-content-box2 {
  margin: 10px 0 24px;
  width: 100%;
}

.strategy-content-box2 .lasttime {
  line-height: 1;
  padding: 0 1.875vw;
  border-radius: 50px;
  animation-delay: 0.6s;
  border: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 2.5vw;
}

.btn6 {
  padding: 0 0.7292vw 0 1.875vw;
  line-height: 1;
  margin-left: 0.8333vw;
  border-radius: 50px;
  transition: all ease .3s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 2.5vw;
}

.btn6:hover {
  border: 1px solid #C9FF85;
  background: #C9FF85;
}

.btn6.theme1 {
  color: #50300E;
  background: url('/img/aigc/aigc-btn1-1.png') no-repeat center/cover;
}

.btn6.theme2 {
  color: #14480D;
  background: url('/img/aigc/aigc-btn1-2.png') no-repeat center/cover;
}

.btn6 .icon {
  margin-left: 0.7292vw;
  width: 2.1875vw;
}

.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: 0 5.208vw 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: 1.291vw;
}

.txLayer .t2 {
  margin-bottom: 0.5em;
  color: #fff;
}

#visualB .C-list1 .item .intr .t1 {
  max-width: 50%;
}

#visualB .C-list1 .item .intr .t2 {
  margin-right: 0.5em;
}

.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%;
  align-items: stretch;
}

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

.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 .t2 span .bg {
  width: 1.6667vw;
  height: 1.6667vw;
  margin-right: 0.5208vw;
}

.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: 4.083vw 0 5.208vw;
  position: relative;
  border-bottom: 1px solid #D9D9D9;
}

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

.im4 .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 .empty .copy {
  padding: 20px 10px 20px;
  border-radius: 20px;
  transition: all ease .3s;
  position: relative;
}

.im4 .empty .copy:hover {
  background: #eee;
}

.im4 .empty .copy .copy-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 14px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 5px;
  background: #C9FF85;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: all ease .3s;
}

.im4 .empty .copy:hover .copy-btn {
  opacity: 1;
  pointer-events: visible;
}

.im4-format1 {
  margin: 0 0 1em;
  padding: 0.729vw 1.041vw 0.937vw;
  color: rgb(80, 197, 33);
  box-shadow: 0 0 0.208vw 0 rgba(0, 0, 0, 0.10);
  border-radius: 10px;
}

.im4-format1::before {
  content: '';
  display: block;
  width: 17.395vw;
  height: 2.291vw;
  background: url('/img/neiye/im4-11.png') no-repeat left top/contain;
}

.im4-format1-line {
  display: block;
  width: 100%;
  height: 0.052vw;
  background: #D9D9D9;
  margin: 0.729vw 0 1.041vw;
}

.im4-format2 {
  margin: 1em 0;
  padding: 0.416vw 1.354vw;
  color: rgb(80, 197, 33);
  box-shadow: 0 0 0.208vw 0 rgba(0, 0, 0, 0.10);
  border-radius: 10px;
}

.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: 60;
  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: 61;
  display: none;
}

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

.tc-login {
  width: max-content;
  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.25vw;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

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

.tc-login .tc-close {
  width: 3.645vw;
  height: 2.5vw;
}

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

.tc-login .sec2 .zuo {
  padding: 8.333vw 1.25vw;
}

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

.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 .sec2 .you {
  width: 22.916vw;
  min-width: 260px;
  border: 2px solid #FFF;
  background: #FFF;
  box-shadow: 0 0.189vw 0.71vw 0 rgba(0, 0, 0, 0.10);
}

.Eform2 {
  width: 13.437vw;
  min-width: 200px;
}

.Eform2 .t6 {
  margin: 0.52vw 0 1.354vw;
  color: #696969;
}

.Eform2 .Eform-itme-input {
  display: block;
  margin-bottom: 0.52vw;
  position: relative;
  color: #727272;
}

.Eform2 .Eform-itme-input input {
  width: 100%;
  height: 1.666vw;
  padding: 0 0.5em;
  border-radius: 8px;
  /* border: 1px solid #696969; */
  border: 1px solid #B8B8B8;
  background: #FFF;
}

.Eform2 .getcode {
  color: #B8B8B8;
  background: none;
  width: 5.208vw;
  height: 1.666vw;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  transition: all ease .3s;
}

.Eform2 .getcode:hover {
  color: var(--secondary);
  background: #000;
}

.Eform2 .getcode:disabled {
  background: #696969;
  color: #fff;
}

.Eform2 .C-btn3 {
  width: 100%;
  height: 1.666vw;
  margin-top: 1.666vw;
}

.Eform2 .t7 {
  margin: 1.25vw auto;
  position: relative;
  text-align: center;
}

.Eform2 .t7::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 0.052vw;
  background: #D0D0D0;
  z-index: 1;
}

.Eform2 .t7 span {
  color: #B8B8B8;
  background: #fff;
  padding: 0 0.26vw;
  position: relative;
  z-index: 2;
}

.quick-login {
  gap: 0.937vw;
}

.quick-login .item {
  height: 1.8vw;
  color: #696969;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 0 0.208vw 0 rgba(0, 0, 0, 0.10);
}

.quick-login .item img {
  width: 1.041vw;
  margin-right: 0.52vw;
}

.tc-supplement {
  width: max-content;
  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-supplement .sec1 {
  padding: 0 0 0 1.25vw;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

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

.tc-supplement .tc-close {
  width: 3.645vw;
  height: 2.5vw;
}

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

.tc-supplement .you {
  width: 22.916vw;
  padding: 7.291vw 0;
  border: 2px solid #FFF;
  box-shadow: 0 0.189vw 0.71vw 0 rgba(0, 0, 0, 0.10);
  position: relative;
}

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

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

.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.zhongshen .inner {
  color: #fff;
  background: linear-gradient(180deg, #9E1EE3 0%, #CC2B9C 50%, #F05C6E 100%);
}

.tc-pro .sec3 .item .t6 {
  color: #000;
  text-align: center;
}

.tc-pro .sec3 .item.zhongshen .inner .t6 {
  color: #fff;
}

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

.tc-pro .sec3 .item.zhongshen .jiesuo {
  border-color: #FFFC35;
  color: #FFFC35;
}

.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.zhongshen .equity-list .li {
  color: #fff;
}

.tc-pro .sec3 .item.zhongshen .C-btn3 {
  background: #fff;
  color: #F24897;
}

.tc-pro .sec3 .item.zhongshen .C-btn3 span {
  display: block;
  width: 100%;
  text-align: center;
}

.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,
.tc-payment2 .card,
.tc-payment3 .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,
.tc-payment2 .card .inner,
.tc-payment3 .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,
.tc-payment2 .card .inner .t5,
.tc-payment3 .card .inner .t5 {
  text-align: center;
}

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

.tc-payment .card .wxqr-box,
.tc-payment2 .card .wxqr-box,
.tc-payment3 .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,
.tc-payment2 .card .wxqr-box img,
.tc-payment3 .card .wxqr-box img {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

.loggedbox .tc-close {
  display: none;
}

.loggedbox .tc-close.on {
  display: block;
}

.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;
}

.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;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.135vw;
  animation: aniTexShadow 1s ease alternate infinite;
}

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

  100% {
    filter: drop-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;
  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: 11.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.on::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 .main {
  padding: 2.083vw 0 7.291vw;
}

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

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

.user3 .aigc3-list {
  margin-top: 0;
}

.user-contents {
  display: none;
}

.user-contents.on {
  display: block;
}

.user4 {
  margin: 2.083vw 0 9.687vw;
  border-radius: 20px;
  background: #FAF9FB;
  padding: 2.708vw 2.708vw 4.322vw;
}

.user4 .sec1 .t2 {
  margin-top: 0.625vw;
}

.user4 .sec1 .btn-aa {
  color: #FFF;
  background: #000;
  width: 7.812vw;
  height: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all ease .3s;
}

.user4 .sec1 .btn-aa:hover {
  opacity: 0.8;
}

.user4 .sec1 .btn-aa:active {
  opacity: 1;
  transform: scale(0.8);
}

.user4 .qiandao-list {
  margin-top: 1.458vw;
  gap: 2.291vw;
}

.user4 .qiandao-list .item {
  width: 7.604vw;
  border-radius: 10px;
  background: #FFF;
  padding: 1.406vw 0 0.885vw;
  border: 2px solid #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.user4 .qiandao-list .item::before {
  content: '';
  display: block;

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 20.833vw;
  height: 20.833vw;
  background: var(--secondary);
  border-radius: 100%;
  z-index: 1;
  transition: all ease-out 0.6s;
}

.user4 .qiandao-list .item.active::before {
  transform: translate(-50%, -50%) scale(1);
}

.user4 .qiandao-list .item.disabled {
  opacity: 0.4;
}

.user4 .qiandao-list .item.active {
  border: 2px solid #000;
  transition: all ease .6s .3s;
  animation: qiandao 0.6s ease;
}

@keyframes qiandao {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.8);
  }

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

.user4 .qiandao-list .item .icon {
  width: 1.979vw;
  margin: 1.041vw auto 1.562vw;
}

.user4 .qiandao-list .item * {
  position: relative;
  z-index: 2;
}

.user4 .sec3 {
  border-radius: 20px;
  background: #FFF;
  padding: 1.145vw 3.802vw 1.145vw 2.239vw;
  margin-bottom: 4.01vw;
}

.user4 .sec3 .pic {
  width: 19.843vw;
}

.user4 .sec3 .t1 span {
  font-size: 2.5vw;
  color: #5DDE29;
  font-weight: 600;
  letter-spacing: -0.1vw;
  font-style: italic;
}

.user4 .sec3 .btn-group {
  margin-top: 3.645vw;
  gap: 1.25vw;
}

.user4 .btn-yaoqing {
  width: 7.76vw;
  height: 2.5vw;
  color: #FFF;
  background: #000;
  border-radius: 100px;
  cursor: pointer;
  transition: all ease .3s;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.user4 .btn-tuijian {
  width: 7.76vw;
  height: 2.5vw;
  color: #000;
  border: 2px solid #000;
  background: #FFF;
  border-radius: 100px;
  cursor: pointer;
  transition: all ease .3s;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.btn-jiesuo {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 20px;
  width: 100%;
  height: 48px;
  background: #000;
  border-radius: 50px;
  color: #FFF;
  text-align: center;
}

.im4 .empty .prompt {
  position: relative;
  cursor: pointer;
}

.im4 .empty .prompt .prompt-contet {
  filter: blur(6px);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.im4 .empty .prompt::before {
  display: block;
  content: '本课程未解锁，点击解锁';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #000;
  text-align: center;
  z-index: 2;
}

.home6 {
  position: relative;
  height: 46.875vw;
}

.home6 .bg {
  position: relative;
}

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

.home6 .bg video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.home6 .title-area {
  margin-bottom: 4.6875vw;
}

.home6 .sbtn-group {
  gap: 0.5208vw 0;
}

.home6 .sbtn45 {
  margin: 0 0.416vw;
}

.home6 .t2 {
  margin: 2.0833vw 0 0;
}

.home7 .main {
  border-radius: 40px;
  overflow: hidden;
}

.home7 .t1 {
  font-size: 4.687vw;
}

.home7 .t2 {
  margin: 0.833vw 0 3.125vw;
}

.home7 .t3 {
  margin: 0 0 3.125vw;
  width: 12.083vw;
  height: 2.395vw;
  border-radius: 96px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home7 .t3 .icon {
  width: 6.562vw;
}

.home7 .sbtn45 {
  margin: 0 0.416vw;
}

.sbtn45 {
  padding: 0.833vw 2.604vw;
  border-radius: 120px;
  min-width: 12.291vw;
  color: #000;
  transition: none;
}

.sbtn45.theme1 {
  background: #C9FF85;
}

.sbtn45.theme2 {
  border: 1px solid #000;
  background: rgba(255, 255, 255, 0.30);
}

.C-search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 28px;
  background: #FFF;
  box-shadow: 0 3px 16px 2px rgba(0, 0, 0, 0.05);
  padding: 12px 22px;
  width: 288px;
}

.C-search input {
  flex: 1;
}

.C-search .icon {
  width: 24px;
  cursor: pointer;
}

/* 执行方案排期页面样式 */
.schedule-content {
  padding: 2rem 0;
}

.schedule-content .sec1 {
  margin-bottom: 20px;
}

.search-bar {
  position: relative;
  margin-bottom: 2rem;
}

.search-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #9CA3AF;
  z-index: 1;
}

.search-input {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.2s;
}

.search-input:focus {
  border-color: #10B981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.history-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  transition: all 0.2s;
}

.history-item:hover {
  border-color: #10B981;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.history-item-left {
  flex: 1;
}

.company-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}

.history-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  color: #6B7280;
}

.history-meta i {
  margin-right: 0.25rem;
}

.progress-bar {
  width: 100%;
  height: 0.5rem;
  background-color: #E5E7EB;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #D4FE94, #BEF264);
  transition: width 0.3s ease;
}

.status-info {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6B7280;
}

.status-info i {
  margin-right: 0.25rem;
}

.history-item-center {
  margin: 0 2rem;
}

.status-badge {
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  min-width: 5rem;
}

.status-review {
  background-color: #FEF3C7;
  color: #D97706;
}

.status-completed {
  background-color: #D1FAE5;
  color: #059669;
}

.history-item-right {
  display: flex;
  align-items: center;
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.action-btn {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.2s;
}

.more-btn {
  color: #6B7280;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.more-btn:hover {
  background-color: #F3F4F6;
  color: #374151;
}

.service-btn {
  color: #6B7280;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.service-btn:hover {
  background-color: #F3F4F6;
  color: #374151;
}

.confirm-btn {
  background-color: #3B82F6;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.confirm-btn:hover {
  background-color: #2563EB;
}

.view-btn {
  background-color: #D4FE94;
  color: #15803D;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.view-btn:hover {
  background-color: #BEF264;
  color: #14532D;
}

.html-btn {
  background-color: #F59E0B;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.html-btn:hover {
  background-color: #D97706;
  color: white;
}

.doc-btn {
  background-color: #2563EB;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.doc-btn:hover {
  background-color: #1D4ED8;
  color: white;
}

.share-btn {
  background-color: #8B5CF6;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.share-btn:hover {
  background-color: #7C3AED;
  color: white;
}

.empty-state {
  text-align: center;
  padding: 4rem 2rem;
}

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

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.text-6xl {
  font-size: 3.75rem;
}

.text-gray-300 {
  color: #D1D5DB;
}

.mb-4 {
  margin-bottom: 1rem;
}

.text-xl {
  font-size: 1.25rem;
}

.font-semibold {
  font-weight: 600;
}

.text-gray-700 {
  color: #374151;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.text-gray-500 {
  color: #6B7280;
}

/* 弹窗样式 */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-content {
  background: white;
  border-radius: 0.75rem;
  padding: 2rem;
  width: 80vw;
  max-width: none;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #E5E7EB;
}

.modal-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
}

.close-btn,
.fullscreen-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #6B7280;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.2s;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-btn:hover,
.fullscreen-btn:hover {
  background-color: #F3F4F6;
  color: #374151;
}

.fullscreen-btn {
  font-size: 1.25rem;
}

/* 全屏模式样式 */
.modal-overlay.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

.modal-overlay.fullscreen .modal-content {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border-radius: 0;
  margin: 0;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.modal-overlay.fullscreen .editor-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.modal-overlay.fullscreen .markdown-editor {
  flex: 1;
  height: auto;
}

.modal-overlay.fullscreen .cherry {
  height: 100% !important;
}

.modal-overlay.fullscreen .cherry .cherry-editor {
  height: calc(100% - 40px) !important;
}

.warning-box {
  background-color: #FEF3C7;
  border: 1px solid #F59E0B;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.warning-icon {
  color: #D97706;
  margin-top: 0.125rem;
}

.warning-text {
  color: #92400E;
  font-size: 0.875rem;
  line-height: 1.5;
}

.warning-title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.editor-container {
  margin-bottom: 1.5rem;
}

.editor-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}

.markdown-editor {
  width: 100%;
  height: 60vh;
  border: 1px solid #E5E7EB;
  outline: none;
}

/* Cherry Editor 自定义样式 */
.cherry {
  border-radius: 0 !important;
}

.cherry-editor {
  border-radius: 0 !important;
}

.cherry-toolbar {
  border-radius: 0 !important;
  border-bottom: 1px solid #E5E7EB !important;
}

.cherry-previewer {
  border-radius: 0 !important;
}

/* 修复编辑器滚动问题 - 排除 Lenis 影响 */
.cherry .cherry-editor .CodeMirror-scroll,
.cherry .cherry-previewer,
.cherry .cherry-editor .CodeMirror-vscrollbar,
.cherry .cherry-editor .CodeMirror-hscrollbar {
  overflow: auto !important;
  pointer-events: auto !important;
  touch-action: auto !important;
}

.cherry .cherry-editor .CodeMirror {
  height: 100% !important;
  overflow: hidden !important;
}

.cherry .cherry-editor .CodeMirror-scroll {
  overflow: auto !important;
  height: 100% !important;
}

/* 设置编辑器文字左对齐 */
.cherry .cherry-editor .CodeMirror,
.cherry .cherry-editor .CodeMirror-scroll,
.cherry .cherry-editor .CodeMirror-lines,
.cherry .cherry-editor .CodeMirror-code {
  text-align: left !important;
}

.cherry .cherry-editor .CodeMirror-line {
  text-align: left !important;
}

/* 确保预览区域也是左对齐 */
.cherry .cherry-previewer {
  text-align: left !important;
}

.cherry .cherry-previewer * {
  text-align: left !important;
}

/* 并排模式优化 */
.cherry .cherry-editor {
  display: flex !important;
}

.cherry .cherry-editor .CodeMirror-wrap {
  flex: 1 !important;
  width: 50% !important;
}

.cherry .cherry-previewer {
  flex: 1 !important;
  width: 50% !important;
  border-left: 1px solid #E5E7EB !important;
  padding-left: 1rem !important;
}

/* 简化的警告文字 */
.warning-simple {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.warning-text-simple {
  color: #DC2626;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

/* 版本选择弹窗样式 */
.modal-content-medium {
  max-width: 800px !important;
  width: 90% !important;
}

.version-container {
  margin-bottom: 1.5rem;
}

.version-options {
  display: flex;
  gap: 2rem;
  justify-content: center;
}

.version-card {
  flex: 1;
  max-width: 300px;
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 0.75rem;
  padding: 2rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.version-card:hover {
  border-color: #D4FE94;
  box-shadow: 0 8px 25px rgba(212, 254, 148, 0.15);
  transform: translateY(-4px);
}

.version-icon {
  margin-bottom: 1.5rem;
}

.version-icon i {
  font-size: 3rem;
  color: #6B7280;
  transition: color 0.3s ease;
}

.version-card:hover .version-icon i {
  color: #15803D;
}

.version-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.75rem;
}

.version-desc {
  font-size: 0.875rem;
  color: #6B7280;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.version-btn {
  background-color: #D4FE94;
  color: #15803D;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.version-btn:hover {
  background-color: #BEF264;
  color: #14532D;
}

/* 备注弹窗样式 */
.modal-content-small {
  max-width: 600px !important;
  width: 90% !important;
}

.remark-container {
  margin-bottom: 1.5rem;
}

.remark-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}

.remark-textarea {
  width: 100%;
  min-height: 200px;
  padding: 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s;
  font-family: inherit;
}

.remark-textarea:focus {
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.remark-help {
  font-size: 0.75rem;
  color: #6B7280;
  margin-top: 0.5rem;
}

.editor-help {
  font-size: 0.75rem;
  color: #6B7280;
  margin-top: 0.5rem;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid #E5E7EB;
}

.cancel-btn {
  padding: 0.75rem 1.5rem;
  border: 1px solid #D1D5DB;
  background: white;
  color: #374151;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.cancel-btn:hover {
  background-color: #F9FAFB;
  border-color: #9CA3AF;
}

.confirm-final-btn {
  padding: 0.75rem 1.5rem;
  background-color: #D4FE94;
  color: #15803D;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.confirm-final-btn:hover {
  background-color: #BEF264;
  color: #14532D;
}

.footer-buttons {
  display: none !important;
}

/* -----------------------------------------注释-------------------------------------- */
.user4 .sec4 {
  margin-top: 2.083vw;
}

.user4 .sec4 .zuo {
  width: 34.375vw;
}

.user4 .sec4 .you {
  width: 48.593vw;
  display: flex;
  flex-direction: column;
}

.user4 .sec4 .yongjinbang {
  padding: 3.02vw 2.291vw;
  border-radius: 20px;
  background: #FFF;
  height: 100%;
}

.user4 .yongjinbang .t2 {
  margin-top: 0.625vw;
  color: #696969;
}

.user4 .wodepaiming {
  border-radius: 20px;
  background: linear-gradient(0deg, #DBFDB7 0%, #E8F981 100%);
  padding: 0.937vw 1.25vw;
  margin-top: 1.25vw;
}

.user4 .yongjinbang .avatar {
  width: 2.916vw;
  height: 2.916vw;
  margin-right: 1.25vw;
  border-radius: 100%;
  overflow: hidden;
}

.user4 .yongjinbang .name {
  width: 6.041vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.user4 .yongjinbang .money {
  flex: 1;
  text-align: right;
}

.user4 .yongjinbang .box1 {
  width: 2.916vw;
  margin-right: 0.833vw;
  text-align: center;
  color: #fff;
}

.user4 .yongjinbang .list {
  margin-top: 2.291vw;
}

.user4 .yongjinbang .list .item {
  padding: 0.937vw 1.25vw;
}

.user4 .yongjinbang .list .item:nth-last-child(n+2) {
  border-bottom: 1px solid #D9D9D9;
}

.user4 .yongjinbang .list .item .icon {
  width: 2.083vw;
}

.user4 .fanxian-jine {
  padding: 2.187vw 2.291vw;
  border-radius: 20px;
  background: #FFF;
  margin-bottom: 1.041vw;
}

.user4 .fanxian-jine .t1 b {
  color: #5DDE29;
  font-size: 2.5vw;
  font-style: italic;
  font-weight: 600;
}

.user4 .fanxian-jine .t2 {
  color: #696969;
  line-height: 2;
  margin-top: 0.625vw;
}

.user4 .fanxian-jine .tixian-btn {
  color: #FFF;
  background: #000;
  width: 7.812vw;
  height: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all ease .3s;
  user-select: none;
}

.user4 .fanxian-jine .tixian-btn:hover {
  opacity: 0.8;
}

.user4 .tongji {
  padding: 2.708vw 2.291vw;
  border-radius: 20px;
  background: #FFF;
  margin-top: auto;
  flex: 1;
}

.user4 .tongji .tongji-btn {
  margin-left: 0.937vw;
  border-radius: 62px;
  background: #FFF;
  padding: 0.52vw 1.145vw;
  cursor: pointer;
}

.user4 .tongji .tongji-btn.on {
  background: #000;
  color: #fff;
}

.user4 .tongji .list {
  margin-top: 1.25vw;
}

.user4 .tongji .list .content {
  max-height: 21.354vw;
  display: none;
  padding-right: 0.52vw;
}

.user4 .tongji .list .content.on {
  display: block;
}

.user4 .tongji .list .content::-webkit-scrollbar-thumb {
  background: #808080;
}

.user4 .tongji .list .item {
  margin-bottom: 0.416vw;
  padding: 0.52vw 2.291vw;
  border-radius: 20px;
  background: #FAF9FB;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.user4 .tongji .list .item .avatar {
  width: 2.083vw;
  height: 2.083vw;
  margin-right: 3.125vw;
  border-radius: 100%;
  overflow: hidden;
}

.user4 .tongji .list .item .name {
  width: 7.812vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.user4 .tongji .list .item .time {
  color: #696969;
}

.user4 .tongji .list .item .money {
  flex: 1;
  text-align: right;
}

.tc-djoin3 {
  width: 68.75vw;
  border-radius: 54px;
  border: 4px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0.416vw 1.354vw 0 rgba(0, 0, 0, 0.10);
  padding: 1.041vw;
}

.tc-djoin3 .card {
  border-radius: 36px;
  background: #FFF;
  padding: 2.083vw;
}

.tc-djoin3 .box1 .zuo .bg {
  width: 5.208vw;
  margin-right: 1.041vw;
}

.tc-djoin3 .box1 .zuo .t2 {
  margin-top: 0.625vw;
}

.tc-djoin3 .box1 .group2 {
  width: 16.875vw;
  margin-top: 0.52vw;
  text-align: center;
}

.tc-djoin3 .box1 .group2 .li .icon {
  width: 1.041vw;
  margin-right: 0.312vw;
}

.tc-djoin3 .box1 .group2 .li .t6 {
  margin-top: 0.312vw;
}

.tc-djoin3 .tc-close {
  width: 1.875vw;
  position: absolute;
  right: 1.875vw;
  top: 1.875vw;
}

.tc-djoin3 .aigc3-list {
  gap: 1.406vw;
  margin: 1.666vw 0 0;
  width: 100%;
  max-height: 36.458vw;
  padding-right: 0.52vw;
}

.tc-djoin3 .aigc3-list .item {
  padding: 0.833vw;
  gap: 0.625vw;
}

.tc-djoin3 .aigc3-list .item .bg {
  width: 100%;
  height: 8.02vw;
  border-radius: 22px;
}

.tc-djoin3 .aigc3-list .item .intr {
  gap: 0.625vw;
}

.tc-djoin3 .aigc3-list .item .openAll {
  padding: 0.364vw 0.52vw;
  border-radius: 10px;
}

.tc-djoin3 .aigc3-list .item .openAll .icon {
  width: 1.041vw;
  height: 1.145vw;
  margin-right: 1.041vw;
}

.tc-djoin3 .aigc3-list .item .openAll .te {
  max-width: 6.77vw;
}

.tc-djoin3 .aigc3-list .item .iconlist {
  gap: 0.729vw;
}

.tc-djoin3 .aigc3-list .item .iconlist .icon {
  width: 1.302vw;
}

.tc-djoin3 .aigc3-list::-webkit-scrollbar-thumb {
  background: #808080;
}

.djoin-page .head-zhanwei {
  display: none;
}

.djoin-bigbox {
  width: 100%;
  height: 100vh;
  padding-top: var(--head);
  position: relative;
  overflow: hidden;
}

.djoin-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.djoin-section.on {
  animation: fadeInUp 1s ease forwards;
  pointer-events: auto;
}

.djoin1 .main {
  width: 1232px;
  padding: 42px 70px 40px 56px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.70);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
}

.djoin1 .zuo {
  flex: 1;
}

.djoin1 .zuo .pingfen {
  margin-top: 38px;
  width: 106px;
}

.djoin1 .zuo .group1 {
  margin-top: 22px;
}

.djoin1 .zuo .group1 .icon {
  width: 98px;
  margin-right: 16px;
}

.djoin-btn-a {
  width: 240px;
  height: 36px;
  border-radius: 36px;
  background: #C9FF85;
  letter-spacing: 2.4px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.djoin1 .zuo .djoin-btn-a {
  margin-top: 60px;
}

.djoin1 .zuo .group2 {
  margin-top: 40px;
  width: 240px;
  padding: 6px 0;
  border-radius: 8px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.00);
}

.djoin1 .you {
  width: 524px;
}

.djbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.djform-title .k2 {
  margin-top: 20px;
  color: #2B2B2B;
}

.djform-title .box {
  display: none;
}

.djform-title .box.on {
  display: block;
  animation: fadeInUp 1s ease forwards;
}

.djoin2 .djbtn-group-a {
  margin-top: 24px;
}

.djbtn-group-a {
  gap: 14px;
  letter-spacing: 2.4px;
  position: relative;
  margin: 0 auto;
  width: max-content;
}

.djbtn-group-a-item {
  width: 200px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.40);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);

  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.djbtn-group-a .btn-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #000;
  background: #FFF;
  z-index: 1;
}

.djbtn-group-a-item input {
  display: none;
}

.djoin3 .main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.djoin3 .djbtn-group-a {
  margin-top: 24px;
}

.djoin3-group2 {
  height: 170px;
  display: flex;
  align-items: flex-end;
}

.djoin3-group2-item {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.djoin3-group2-item.on {
  display: flex;
  animation: fadeIn 1s ease forwards;
}

.djoin3-group2-item .pic {
  width: 510px;
}

.djoin3-group2-item:nth-child(2) {
  height: 100%;
  min-width: 510px;
  letter-spacing: 4.32px;
}


.djoin3 .djoin-btn-a {
  margin-top: 80px;
}

.custom-range {
  position: relative;
  width: 528px;
  height: 4px;
  background: #D9D9D9;
  cursor: pointer;
}

.custom-range__track {
  position: absolute;
  height: 100%;
  background: #50C521;
  left: 0;
  top: 0;
}

.custom-range__thumb {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #50C521;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: grab;
  transition: background 0.2s;
  z-index: 2;
}

.custom-range__thumb:hover {
  background: #50C521;
}

.custom-range__thumb:active {
  cursor: grabbing;
}

.custom-range__value {
  color: #333;
  padding: 4px 15px;
  border-radius: 62px;
  background: #000;
  color: #FFF;
  min-width: 68px;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translate(-50%, 0);
}

.sliderContainer {
  display: none;
}

.sliderContainer.on {
  display: block;
  animation: fadeIn 1s ease forwards;
}

.djoin3-group3 input {
  display: none;
}

.djform-textarea textarea {
  width: 619px;
  height: 113px;
  border-radius: 20px;
  border: 1px solid #000;
  background: #FFF;
  padding: 20px;
  resize: vertical;
}

.djoin4 .djform-textarea {
  margin: 24px 0 60px;
}

.djoin5 .djbtn-group-b {
  margin: 24px 0 44px;
}

.djbtn-group-b {
  gap: 10px;
  letter-spacing: 1.3px;
  position: relative;
  width: 610px;
}

.djbtn-group-b .line {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.djbtn-group-b-item {
  min-width: 110px;
  padding: 0 18px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.40);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);

  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  position: relative;
  z-index: 2;
  cursor: pointer;
  user-select: none;
}

.djbtn-group-b-zhanwei {
  /* width: 140px; */
}

.djbtn-group-b-item.on {
  border: 1px solid #000;
  background: #FFF;
}

.djbtn-group-b-item input {
  display: none;
}

.djbtn-group-b-item .icon {
  width: 12px;
  aspect-ratio: 1/1;
  margin-left: 6px;
  background: url('/img/designer/djoin5-1.svg') no-repeat center/contain;
}

.djbtn-group-b-item.on .icon {
  background: url('/img/designer/djoin5-2.svg') no-repeat center/contain;
}

.djoin6 .main {
  width: 1250px;
}

.djoin6 .list {
  margin: 16px 0 30px;
  gap: 30px;
}

.djoin6 .list .item {
  padding: 15px 15px 22px;
  border-radius: 20px;
  border: 1px solid #D0D0D0;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}

.djoin6 .list .item .avatar {
  width: 84px;
  aspect-ratio: 1 / 1;
  margin-right: 12px;
}

.djoin6 .list .item .t3 {
  margin-top: 7px;
}

.djoin6 .list .item .t4 {
  margin-top: 2px;
  color: #070707;
}

.djoin6 .list .item .t4 .icon {
  width: 12px;
  margin-right: 4px;
}

.djoin6 .list .item .t5 {
  color: #696969;
  margin-left: 7px;
}

.djoin6 .list .item .djoin6-btn {
  border-radius: 42px;
  border: 1px solid #D0D0D0;
  background: rgba(255, 255, 255, 0.61);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 28px 0 12px;
  padding: 9px 23px 9px 14px;
  cursor: pointer;
  transition: all ease .3s;
}

.djoin6 .list .item .djoin6-btn .icon {
  width: 16px;
  margin-right: 8px;
}

.djoin6 .list .item .djoin6-btn:hover {
  background: var(--secondary);
  border-color: var(--secondary);
}

.djoin6 .list .djoin6-tag {
  gap: 6px;
}

.djoin6 .list .djoin6-tag span {
  display: block;
  padding: 0 14px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #D0D0D0;
  background: #FFF;
}

.djoin6 .list .item input {
  display: none;
}

.djbtn-group-c-item {
  cursor: pointer;
}

.djbtn-group-c-item .icon {
  width: 18px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 25px;
  top: 25px;
  background: url('/img/designer/djoin6-2.svg') no-repeat center/contain;
}

.djbtn-group-c-item input:checked+.icon {
  background: url('/img/designer/djoin6-3.svg') no-repeat center/contain;
}

.djoin7 .main {
  width: 530px;
  border-radius: 36px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.10);
  padding: 20px;
}

.djoin7 .main .inner {
  padding: 56px 0 65px;
  border-radius: 24px;
  border: 1px solid rgba(184, 221, 255, 0.08);
  background: #FFF;
  position: relative;
  overflow: hidden;
}

.djoin7 .t1 {
  line-height: 1.8;
  position: relative;
  z-index: 2;
}

.djoin7 .blur-radio1 {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  z-index: 1;
}

.djoin7 .blur-radio2 {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 1;
}

.djoin7 .box {
  width: 330px;
  margin: 24px auto 0;
  gap: 10px 12px;
  position: relative;
  z-index: 2;
}

.djoin7 .box input {
  height: 48px;
  border-radius: 48px;
  border: 1px solid #696969;
  background: #FFF;
  padding: 0 30px;
}

.djoin7 .submit {
  width: 100%;
  height: 56px;
  border-radius: 56px;
  border: 1px solid #070707;
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  cursor: pointer;
}

.djoin7 .code-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.djoin7 .code-box input {
  width: 216px;
}

.djoin7 .code-box .getcode {
  flex: 1;
  height: 48px;
  border-radius: 48px;
  background: #C9FF85;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  font-size: inherit;
  cursor: pointer;
}

.djoin7 .code-box .getcode:disabled {
  background: #ededed;
}

.djoin-back {
  position: absolute;
  left: 100px;
  top: 200px;
  z-index: 10;
  cursor: pointer;
}

.djoin-back .icon {
  width: 25px;
  margin-right: 12px;
}

.lightTips {
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px 30px;
  position: fixed;
  z-index: 998;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0);
  transition-property: width, padding, opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  border-radius: 8px;
  box-shadow: 0 0 5px #999;
  pointer-events: none;
}

.unTips {
  color: transparent;
  opacity: 0;
  overflow: hidden;
  padding: 0;
}


.wxqr {
  position: relative;
}

.wxqr iframe {
  width: 100%;
  height: 100%;
}

.djoin7 .tc-close {
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  right: 2.677vw;
  top: 2.677vw;
  z-index: 5;
  cursor: pointer;
}