body {
  min-height: 100vh;
  background: #E6F7FE;
  // background: #E6F7FE url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg1.png') no-repeat center top /auto 87rem;
  // background: #fff url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg.jpg') no-repeat center top /100% 98%;
  /* background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg2.png) no-repeat center top; */
}

body::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 87rem;
  top: 0;
  left: 0;
  background: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-pc.jpg') no-repeat center bottom /cover;
  z-index: 0;

}

.bg-circle-contain {
  position: fixed;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100vh;
  transition: linear .5s;
  overflow: hidden;
  background: linear-gradient(180deg, #E6F7FE 20%, #FCFEFF 100%);
  pointer-events: none;

}


.btn-download-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  border-radius: 10px;
  padding: 1.3rem 2.2rem;
  border-radius: 4px;
  transition: transform linear .2s;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background: linear-gradient(299.73deg, #006DFF 34.37%, #39E2E2 100.77%);

}
.btn-download-plus::before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .3rem;
  vertical-align: middle;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-download.svg) no-repeat center /contain;
}


.btn-download-plus .iconfont {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 1em;
  transform: translate3d(0, .2rem, 0);
  // transition: linear .2s;
}

.btn-download-plus:hover {
  transform: translate3d(0, -6%, 0);
}

body.scrolled .bg-circle-contain {
  opacity: 1;
}

/* 动画定义 */
@keyframes float1 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  25% {
    transform: translate(-100%, 100%) scale(1.1);
  }

  50% {
    transform: translate(-10%, 200%) scale(1);
  }

  75% {
    transform: translate(-100%, 100%) scale(1.1);
  }

  // 40% {
  //   transform: translate(-10rem, 80rem) scale(1);
  // }

  // 60% {
  //   transform: translate(10rem, 60rem) scale(1.05);
  // }

  // 80% {
  //   transform: translate(-10rem, 50rem) scale(1.05);
  // }
}

@keyframes float2 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  20% {
    transform: translate(150%, 50%) scale(.9);
  }

  70% {
    transform: translate(80%, 0%) scale(1);
  }

  // 40% {
  //   transform: translate(60rem, 10rem) scale(0.8);
  // }

  // 60% {
  //   transform: translate(30rem, 0rem) scale(0.8);
  // }

  // 85% {
  //   transform: translate(40rem, 30rem) scale(1.1);
  // }
}

@keyframes float3 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: .8;
  }

  20% {
    transform: translate(-50%, 50%) scale(0.9);
    opacity: .9;
  }

  70% {
    transform: translate(100%, 120%) scale(1);
    opacity: 1;
  }

  // 50% {
  //   transform: translate(-20rem, 30rem) scale(1.15);
  // }

  // 75% {
  //   transform: translate(30rem, 20rem) scale(0.95);
  // }
}

@keyframes float4 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  25% {
    transform: translate(-30rem, -40rem) scale(1.05);
  }

  50% {
    transform: translate(-60rem, -20rem) scale(0.85);
  }

  75% {
    transform: translate(-10rem, -60rem) scale(1.1);
  }
}

@keyframes float5 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  25% {
    transform: translate(-30rem, 10rem) scale(0.95);
  }

  50% {
    transform: translate(-40rem, -50rem) scale(1.15);
  }

  75% {
    transform: translate(-20rem, -30rem) scale(0.9);
  }
}

.circle {
  position: absolute;
  border-radius: 100%;
  filter: blur(10rem);
  // filter: blur(20px);
  // opacity: 0.7;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  // animation-timing-function: ease-in-out;
}

/* 红色球体 */
.circle:nth-child(1) {
  // background: radial-gradient(circle at 50% 50%, #ff6b6b, #ff8e8e);
  width: 78.9rem;
  height: 39.9rem;
  top: -22.5rem;
  left: 8.1rem;
  // background: #A9DBFFCC;
  // backdrop-filter: blur(30rem);
  // filter: blur(10rem);
  background: radial-gradient(ellipse at 50% 50%, #A9DBFFCC, #A9DBFF00);
  // backdrop-filter: blur(30rem);

  animation-duration: 16s;
  animation-name: float1;

}

/* 青色球体 */
.circle:nth-child(2) {
  // background: radial-gradient(circle at 50% 50%, #4ecdc4, #88d8d0);
  width: 39.8rem;
  height: 39.8rem;
  top: -15.4rem;
  right: 27.6rem;
  // left: 124.6rem;
  animation-name: float2;
  // animation-delay: 1s;
  // animation-duration: 20s;
  background: radial-gradient(circle at 50% 50%, #A3BDFFCC, #A3BDFF00);
  // backdrop-filter: blur(40rem);
  // filter: blur(10rem);
  // background: #A3BDFFCC;
  // filter: blur(10rem);

}

/* 黄色球体 */
.circle:nth-child(3) {
  // background: radial-gradient(circle at 50% 50%, #ffe66d, #fff4b3);
  width: 42.6rem;
  height: 42.6rem;
  top: 32.7rem;
  // left: 144.5rem;
  right: 4.9rem;
  animation-name: float3;
  background: radial-gradient(circle at 50% 50%, #A3FFD4, #A3FFD400);
}

/* 粉色球体 */
.circle:nth-child(4) {
  // background: radial-gradient(circle at 50% 50%, #ff9ff3, #ffc2f7);
  // width: 95.5rem;
  // height: 95.5rem;
  width: 25.5rem;
  height: 25.5rem;
  top: 26.7rem;
  // left: 8.1rem;
  left: 50%;
  margin-left: 10.6rem;
  animation-name: float4;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

/* 蓝色球体 */
.circle:nth-child(5) {
  // background: radial-gradient(circle at 50% 50%, #6a89cc, #9bb1ff);
  width: 14.7rem;
  height: 14.7rem;
  top: 32.4rem;
  left: 106.6rem;
  animation-name: float5;
  background: radial-gradient(circle at 50% 50%, rgba(250, 207, 253, 1), rgba(250, 207, 253, 0));
}

.is-mobile-only {
  display: none !important;

}

.navigation-bar {
  // position: absolute;
  position: sticky;
  width: 100%;
  height: 7.5rem;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  box-shadow: 0px 10px 20px 0px #B4E2FF1A;
  z-index: 999;
}

.navigation-bar .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 124rem;
  margin: 0 auto;
  padding: 0 7.5rem 0 2rem;
  box-sizing: border-box;
}

.navigation-bar .wrap .col-left {
  display: flex;
  align-items: center;
}

.navigation-bar .wrap .logo {
  width: 3.6rem;
  margin-right: .6rem;
}

.navigation-bar .wrap .slogan {
  width: 39.9rem;
  margin-left: 2.5rem;
}

.navigation-bar .btns-wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.navigation-bar .share-page-btn {
  flex-shrink: 0;
  width: auto;
  height: auto;
  display: inline-block;
  line-height: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: transform linear .2s;
}

.navigation-bar .share-page-btn img {
  width: auto;
  height: auto;
  max-width: none;
  display: block;
}

.navigation-bar .share-page-btn::before {
  position: absolute;
  content: "";
  border-radius: 100%;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, 0.5);
  transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
  pointer-events: none;
}

.navigation-bar .share-page-btn:hover::before {
  width: 120%;
  padding-top: 120%;
}

.navigation-bar .share-page-btn:hover {
  transform: translate3d(0, -6%, 0);
}

.navigation-bar .btns-wrap .btn {
  height: 40px;
  padding: 0 2rem;
  border: none;
  font-size: 12px;
  line-height: 16px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #006dff;
}

.navigation-bar .btns-wrap .btn-standard {
  color: #006dff;
  font-weight: 700;
  background: #fff;
}

.navigation-bar .btns-wrap .btn-consult {
  color: #fff;
  font-weight: 700;
  background: #006dff;
}

.navigation-bar .btns-wrap .btn-standard:hover,
.navigation-bar .btns-wrap .btn-consult:hover {
  box-shadow: 0px 10px 16px #B4E2FF60;
}

h1 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
  white-space: nowrap;
}

.page-sy-download {
  // position: fixed;
  // width: 100vw;
  // height: 100vh;
  // left: 0;
  // top: 0;
}


.animation-block {
  opacity: 0;
  transform: translateY(20%);
  // transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1),
    transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1);

}

.animation-block.is-visible {
  opacity: 1;
  transform: translateY(0);

}

.btn-linear-border {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: .4rem;
  border-radius: 22px;
  text-align: center;
  color: #1174C6;
  font-size: 1.4rem;
  background: linear-gradient(to right, #3ddede, #1174c6);
  transform: perspective(0);
  transition: transform linear .2s;
}

.btn-linear-border:hover {
  transform: translate3d(0, -8%, 0);
}

.btn-linear-border::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  border-radius: 22px;
  // background: linear-gradient(45deg, red, blue); /* 渐变背景 */
  z-index: -1;
  /* 确保阴影在内容之下 */
  border-radius: inherit;
  /* 继承父元素的边框圆角 */
  background: #fff;
}

.btn-linear-border:hover {
  color: #fff;
}

.btn-linear-border:hover::before {
  opacity: 0;
}

.btn-download-small {
  width: 10.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
}

.btn-download-big {
  width: 14rem;
  height: 4.4rem;
  line-height: 4.4rem;
  font-size: 1.6rem;
}

.main-container {
  padding-bottom: 0;
  overflow: hidden;
}

.section {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  box-sizing: border-box;
  /* background: rgba(255, 255, 255, .8); */
}

.text-linear {
  // background: linear-gradient(to right, #2FCED0 0%, #23C3D1 42.48046875%, #1174C6 100%) right center /150%;
  background: linear-gradient(90deg, #2CC8E9 0%, #016DFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-linear-gold {
  background: linear-gradient(-90deg, #F0830F, #FFD254) right center /150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-title {
  font-size: 4rem;
  text-align: center;
  line-height: 4.8rem;
  font-weight: 700;
  transform: translateY(100%);
  // opacity: 0;
  // transform: translateY(20px);
  // // transition: opacity 0.6s ease-out, transform 0.6s ease-out;

  // transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1),
  //   transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1);
}

.section-title.is-visible {
  // opacity: 1;
  // opacity: 1;
  // transform: translateY(0);
}

.section-title .style-blue {}

.section-sub-title {
  margin: 2.6rem 0 0;
  font-size: 1.8rem;
  color: #666;
  line-height: 2.6rem;
  text-align: center;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1),
    transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.1);
}

.section-sub-title.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.section-sub-title em {
  display: inline-block;
  font-weight: bold;
  background: linear-gradient(90deg, #2FCED0, #22CBDA, #1174C6) right center /150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  font-weight: bold;
}

.svg-box {
  // width: 1200px;
  // margin: auto;
  // position: absolute;
  // top: 181px;
  // left: -15px;
  z-index: 5
}

.text-box {
  width: 584px;
  height: 60px;
  font-size: 7.2rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  clip-path: url(#svgTextPath);
  color: white;
  // background: #3DCD58;
  // background: linear-gradient(to right, #2FCED0 0%, #23C3D1 42.48046875%, #1174C6 100%) right center /150%;
  background: linear-gradient(95.41deg, #2CC8E9 -8.56%, #016DFF 63.38%);

  // opacity: 0;
  // transform: translateX(-100%);
  // animation: leftIn 0.8s;
  // animation-delay: 0.7s;
  // animation-fill-mode: forwards
}

.text-box2 {
  width: 557px;
  height: 174px;
  position: relative
}

.dot {
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 0%;
  top: 0%;
  opacity: 0.9;
  transform: translate(-50%, -50%)
}

// .dot:nth-child(1) {
//   width: 150px;
//   height: 150px;
//   background: rgba(98, 255, 131, 0.7);
//   z-index: 8
// }

// .dot:nth-child(2) {
//   width: 300px;
//   height: 300px;
//   background: rgba(30, 255, 178, 0.7);
//   z-index: 7
// }

// .dot:nth-child(3) {
//   width: 500px;
//   height: 500px;
//   background: rgba(15, 141, 103, 0.7);
//   z-index: 6
// }

.dot:nth-child(1) {
  width: 150px;
  height: 150px;
  background: #1ecf94;
  z-index: 8
}

.dot:nth-child(2) {
  width: 300px;
  height: 300px;
  background: #1cccc3;
  z-index: 7
}

.dot:nth-child(3) {
  width: 500px;
  height: 500px;
  background: #129bf7;
  z-index: 6
}

.text-box2.ani1 {
  animation: roundAni 5s linear infinite;
  transform-origin: 50% -10%
}

.text-box2.ani3 {
  animation: roundAni2 12s linear infinite
}

.text-box2.ani2 {
  animation: roundAni3 8s linear infinite
}

@keyframes roundAni {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes roundAni

/* Safari 和 Chrome */
  {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes roundAni2 {
  0% {
    transform: translate(600px, 350px)
  }

  25% {
    transform: translate(450px, -300px)
  }

  50% {
    transform: translate(300px, 350px)
  }

  75% {
    transform: translate(150px, -300px)
  }

  100% {
    transform: translate(0, 0)
  }
}

@keyframes roundAni3 {
  0% {
    transform: translate(0, 0)
  }

  33% {
    transform: translate(600px, 0)
  }

  66% {
    transform: translate(0px, 200px)
  }

  100% {
    transform: translate(600px, 350px)
  }
}

.section1 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 141rem;
  // height: 60rem;
  // margin: 7.5rem auto;
  margin: 0 auto 7.5rem;
  gap: 1rem;
  /* background: rgba(255, 255, 255, .8); */
  // background: #fff;
  box-sizing: border-box;
}

.section1 .col-left {
  position: relative;
  flex: none;
  margin: 12.7rem 0 0 7.5rem;
  opacity: 0;
  transition: opacity ease-in-out 1s;
  z-index: 1;
}

.section1.is-active .col-left {
  opacity: 1;
}

.section1.is-active .col-left .logo {
  width: 36.5rem;
}

.section1 .slogan-top {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-weight: 700;
  font-size: 5.4rem;
  line-height: 6rem;
  white-space: nowrap;
}

.section1 .feature-list {
  display: flex;
  gap: 1.2rem;
  margin: 2.6rem 0 0;
}

.section1 .feature-list .item {
  padding: 1rem 2.6rem;
  border-radius: 18px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1em;
  background: #006DFF;
}

.section1 .slogan {
  height: 54px;
  // margin: 3.2rem 0 0;
  font-weight: bold;
  font-size: 54px;
  color: #2297C7;
  line-height: 54px;
  background: linear-gradient(to right, #2FCED0 0%, #23C3D1 42.48046875%, #1174C6 100%) right center /150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  overflow: hidden;
  // opacity: .6;
}


@keyframes leftIn {
  from {
    opacity: 0;
    transform: translateX(-100%)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.section1 .title {
  position: relative;
  margin: 3.4rem 0 0;
  font-size: 3.6rem;
  color: #333333;
  line-height: 3.5rem;

}

.section1 .title em {
  position: absolute;
  left: 26.8rem;
  bottom: 90%;
  width: 5rem;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg-icon.png) no-repeat center top /100% 100%;
}

.section1 .sub-slogan {
  width: 60.3rem;
  margin: 6.1rem 0 0;
  font-size: 2.2rem;
  color: #000;
  line-height: 2.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 3.1rem;

}

.section1 .btn-wrap {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-top: 7.5rem;
}


.section1 .btn-wrap .txt-support {
  display: inline-flex;
  align-items: center;
  color: #666;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
}

.section1 .btn-wrap .txt-support::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: .3rem;
  vertical-align: middle;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/logo-ms.svg) no-repeat center /contain;

}

.section1 .tips-bowser {
  margin: 1.2rem 0 0;
  font-size: 1.2rem;
  color: #666;
  line-height: 2rem;
}

.section1 .tips-bowser .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px 0 4px;
  vertical-align: baseline;
}

.section1 .tips-bowser > a {
  margin: 0 4px;
  color: #4091ce;
  text-decoration: underline;
}

.section1 .btn-download-plus {
  padding: 2rem 2.4rem;
  font-size: 1.8rem;
  line-height: 2rem;
  border-radius: 10px;
}



.section1 .btn-download-plus::before {
  width: 1.8rem;
  height: 1.8rem;
}
// .section1 .btn-download:hover .iconfont {
//   transform: translate3d(.5rem, .2rem, 0);

// }

.section1 .banner {
  position: absolute;
  width: 87rem;
  // height: 52.8rem;
  right: 2rem;
  top: 7.1rem;

}

.banner {
  transform: translate3d(0, 10%, 0);

}

.section1 .col-right {
  position: relative;
  flex: 1;
  width: 83.8rem;
}

.section1 .col-right img {
  position: absolute;
  width: 115%;
  left: -7.5%;
  top: 50%;
  opacity: 0;
  transform: translate3d(0, -16%, 0);
  transition: ease-in-out 1s;
}

.section1.is-active .col-right img {
  opacity: 1;
  transform: translate3d(0, -26%, 0);
}

.copy-link-wrap {
  position: absolute;
  width: 100%;
  top: 40.6rem;
  left: 0;
  padding: .8rem 1.6rem;
  // height: 3.6rem;
  // margin: -.6rem 0 0;
  // transition-delay: .2s;
  z-index: 999;
  visibility: hidden;
  box-sizing: border-box;
  transform: translate3d(0, 100%, 0);
  // transition-delay: .2s;
}

.is-fixed .copy-link-wrap {
  position: fixed;
  top: auto;
  bottom: 0;
  padding: .8rem 2rem;
  box-sizing: border-box;
  background: #ffffff;
  backdrop-filter: blur(40px);
  box-shadow: 0px -4px 6px 0px #ECECEC1A;

  // transition: linear .2s .2s;
}

// .is-fixed .copy-link-wrap {
//   position: sticky;
//   top: 80%;
//   // bottom: 0;
//   padding: .8rem 2rem;
//   box-sizing: border-box;
//   background: #ffffff98;
//   backdrop-filter: blur(40px);
//   box-shadow: 0px -4px 4px 0px #0000001A;

//   // transition: linear .2s .2s;
// }

.is-fixed .copy-link-wrap .copy-link {
  height: 4rem;
  border: none;
  background: #F1F2F4;
  border-radius: 4px;
}

.is-fixed .copy-link-wrap .copy-link .txt-link {
  line-height: 4rem;
  color: #C7C7C7;
  font-size: 1.4rem;
  background: #F1F2F4;
}

.is-fixed .copy-link-wrap .copy-link .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.8rem;
  gap: .4rem;
  border-radius: 4px 0 0 4px;
}

.is-fixed .copy-link-wrap .copy-link .btn::before {
  display: inline-block;
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-copylink.svg) no-repeat center center /contain;

}

.copy-link {
  display: flex;
  // width: 34.3rem;
  height: 3.6rem;
  margin: 0 auto;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid #3382F0;
  box-shadow: 0px 4px 10px 0px #126BDD45;
  background: #ffffff80;
  // box-shadow: 0px -4px 6px 0px #ECECEC1A;
  box-shadow: 0px 4px 10px 0px #126BDD45;
  box-sizing: border-box;



}

.copy-link .txt-link {
  display: block;
  flex: 1;
  padding: 0 1.2rem 0 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #666;
  overflow: hidden;
  line-height: 3.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
}

.copy-link .btn {
  flex: none;
  width: 14.2rem;
  height: 100%;
  font-size: 1.2rem;
  color: #FFFFFF;
  line-height: 2rem;
  background: linear-gradient(146.79deg, #0792FC 1.65%, #1366D9 90.59%);
}

.copy-link .btn::after {
  border: none;
}

.section2 {
  position: relative;
  // display: flex;
  // align-items: flex-start;
  width: 100%;
  max-width: 156rem;
  // height: 70rem;
  margin: -1rem auto 0;
  padding: 0;
  transform: translateY(10%);

  /* background: rgba(255, 255, 255, .8); */
}

.section2 .section-sub-title {
  margin: 2.6rem 0 0;
  padding: 0 3rem;
  color: #222222;
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-align: center;
}

.list-section2 {
  display: flex;
  justify-content: center;
  // gap: .7rem;
  margin: 3.3rem 0 0;


}

.list-section2 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64.3rem;
  max-width: 50%;
}

.list-section2 .item2 {
  transition-delay: .2s;
}

.section2-container {
  display: flex;
  gap: 3.5rem;
  margin: 3.3rem auto 0;
  width: 132rem;
  max-width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
}

.card-container {
  position: relative;
  flex: 1;
  min-width: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.2rem 3.2rem 3.4rem;
  border-radius: 20px;
  border: 1px solid #fff;
  backdrop-filter: blur(30px);
  background: #FFFFFF60;


  box-shadow: 0px 7px 10px 0px #62D1FF38;

}

/* 头部样式 */
.card-header {
  position: relative;
}

.card-title {
  display: flex;
  gap: .7rem;
  align-items: flex-end;
}

.card-title h3 {
  display: inline-block;
  font-size: 3rem;
  font-weight: 700;
  color: #333;
  line-height: 3.8rem;
}

.card-title .tag {
  display: inline-block;
  color: #356EEF;
  font-size: 1.6rem;
  margin-bottom: .3rem;
  padding: .6rem .6rem .5rem .4rem;
  line-height: 1.6rem;
  border-radius: 4px 14px 4px 0;
  background-color: #D5E0FB;

}

/* 工作场景列表 */
.work-scenarios {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 1.8rem 0 0;
  padding: 0 12rem 1.2rem 0;
  gap: .9rem 1.4rem;
  border-bottom: .2rem solid #89BFFD;
}

.card-container .card-header .icon-role {
  position: absolute;
  right: -3.2rem;
  bottom: .2rem;
  height: 12.8rem;
}

.card-container:first-child .card-header .icon-role {
  right: -6rem;
}

// .card-container:nth-child(2) .card-header .icon-role {
//   height: 10.8rem;
// }

.work-scenarios .item {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}

.work-scenarios .item::before {
  display: inline-block;
  content: '';
  width: 1.4rem;
  height: 1.1rem;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-checked.svg) no-repeat center center /contain;
}

.work-scenarios .item .check {
  width: 16px;
  height: 16px;
  background-color: #00b42a;
  color: #fff;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  font-size: 12px;
}

.work-scenarios .item span {
  color: #666;
  font-size: 16px;
}

/* 分割线 */

/* 高效工作标题 */
.efficient-work-title {
  margin: 1rem auto 0;
  text-align: center;
}

.efficient-work-title > img {
  width: 18.4rem;
}

.efficient-work-title h2::before,
.efficient-work-title h2::after {
  content: "❄️";
  color: #409eff;
  margin: 0 8px;
}

/* 卡片容器 */
.cards-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0 0;
}

.cards-content .row-top {
  display: flex;
  gap: 1rem;
}

.cards-content .row-top .item-card {
  align-items: flex-start;
  padding: .2rem 1.2rem 2rem;
}

.cards-content .row-top p {
  padding-right: 7rem;
}

.cards-content .row-bottom {
  display: flex;
  gap: 1rem;
}

/* 单个卡片样式 */
.cards-content .item-card {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 1.8rem 1rem 1.6rem;
  border: 1px solid #fff;
  border-radius: 6px;
  background: linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 36.29%);
  transition: transform linear .2s;
  transform: translate3d(0, 0, 0);

}

.cards-content .item-card.is-link {
  cursor: pointer;
}

.cards-content .item-card:hover {
  // transform: translate3d(0, -.2rem, 0);
  box-shadow: 0px 7px 10px 0px #62D1FF20;

}

.cards-content .item-card .icon-pic {
  width: 6.6rem;
  height: 5.6rem;
  object-fit: contain;
}

.cards-content .row-top .icon-pic {
  position: absolute;
  width: auto;
  max-width: 7.2rem;
  height: auto;
  max-height: 8.2rem;
  object-fit: contain;
  right: .3rem;
  bottom: 1rem;
  // opacity: .6;
}

.cards-content .item-card .icon {
  width: 60px;
  height: 60px;
  /* 此处预留图标位置，可替换为您的图片路径，例如：background: url("your-icon.png") center/cover no-repeat; */
  background-color: #e6f7ff;
  border-radius: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00b4ff;
  font-size: 24px;
}

.cards-content .item-card h4 {
  display: flex;
  align-items: flex-end;
  gap: .2rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333;
  margin: 1rem 0 0;
  font-weight: 700;
}

.cards-content .item-card h4 .btn-linkto-standard {
  cursor: pointer;
  color: #3382F0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  cursor: pointer;
  text-decoration: underline;
  transition: transform linear .2s;
  font-weight: 400;
  // background: #00000060;
}

.cards-content .item-card h4 .btn-linkto-standard:hover {
  transform: translate3d(0, -.2rem, 0);
}

.cards-content .item-card p {
  margin: .6rem 0 0;
  color: #999;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.8rem;

}

.section3 {
  width: 116.5rem;
  /* width: 156rem; */
  margin: 6rem auto 0;
  // padding: 4.4rem 0 3.6rem;
  // background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg-process.jpg) no-repeat center top /cover;
}

.section3 > .title {
  width: 53.2rem;
}

.section-title-fn {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 3rem;
  transform: perspective(0);
}

.section-title-fn::before {
  content: '';
  display: inline-block;
  width: 2.6rem;
  height: 2.4rem;
  // margin: 1.2rem 0 0;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-flower.svg) no-repeat center /contain;
}

.section-title-fn::after {
  content: '';
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  // margin: 1.2rem 0 0;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-ok.svg) no-repeat center /contain;
  transform: translate3d(-40%, -60%, 0);
}

.list-fn {
  display: flex;
  justify-content: space-between;
  // gap: 14rem;
  margin: 3rem 0 0;
  padding: 0 3.2rem;
}

.list-fn .step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-fn .step .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.4rem;
  height: 10.4rem;
  border-radius: 100%;
  background: #eef7ff;
}

.list-fn .step .icon {
  width: 5rem;
  height: 5rem;

}


.list-fn .step1 .icon-wrap {
  background: #E3EAFF;
}

.list-fn .step1 .icon {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-desk.svg) no-repeat center /contain;
}

.list-fn .step2 .icon-wrap {
  background: #EDF7EE;
}

.list-fn .step2 .icon {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-todo.svg) no-repeat center /contain;
}

.list-fn .step3 .icon-wrap {
  background: #E2F8F5;
}

.list-fn .step3 .icon {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-file.svg) no-repeat center /contain;
}

.list-fn .step4 .icon-wrap {
  background: #FFF3E6;
}

.list-fn .step4 .icon {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-search.svg) no-repeat center /contain;
}

.list-fn .step5 .icon-wrap {
  background: #E3EAFF;
}

.list-fn .step5 .icon {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-weather.svg) no-repeat center /contain;
}

// .list-fn .step:not(:last-child)::before {
//   position: absolute;
//   content: '';
//   width: 2.4rem;
//   height: 2rem;
//   left: 100%;
//   margin: 5rem 0 0 5.7rem;
//   background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/icon-step.png) no-repeat center center /contain;
// }

.list-fn .step .title {
  margin: 2rem 0 0;
  font-size: 1.8rem;
  color: #666;
  text-align: center;
  line-height: 2.2rem;
}

.section4 {
  width: 100%;
  max-width: 156rem;
  margin: 10rem auto 0;

}

.section4 .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8.3rem;
  margin: 2.2rem auto 0;
  /* background: rgba(255, 255, 255, .8); */
  /* overflow: hidden; */
  width: 100%;
  max-width: 124rem;
  gap: 2rem;
  /* padding: 2rem; */
}

.section4 .col-navigation {
  flex: none;
  width: 48.4rem;
}

.section4-2 .wrap {
  align-items: flex-end;
}

.section4-2 .col-content {
  position: relative;
  padding-bottom: 2.8rem;
}

.section4-2 .col-content::before {
  content: '';
  position: absolute;
  width: 42rem;
  height: 36rem;
  left: -20rem;
  top: 10rem;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-pea.svg) no-repeat center /contain;

}



.list-video-introduce {}

.list-video-introduce .item {
  position: relative;
  padding: 1.7rem;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid transparent;
}

.list-video-introduce .item.is-active {
  // border-left: .4rem solid #33cee8;
  border-radius: 10px;
  background: linear-gradient(180deg, #F0F8FF 9.09%, #FFFFFF 70.45%);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px 0px #7EC4FF38;

}

.section4-2 .list-video-introduce .item {
  display: flex;
  align-items: center;
  padding: 1.7rem;
  // padding: .4rem 1.2rem;
}

.section4-2 .list-video-introduce .item .title-mobile {
  display: inline-block;
  line-height: 2.2rem
}


// .list-video-introduce .item.is-active::before {
//   content: '';
//   position: absolute;
//   width: 4px;
//   height: 100%;
//   top: 0;
//   left: 0;
//   background: #33CEE8;
// }

// .list-video-introduce .item:not(:last-child)::after {
//   position: absolute;
//   content: '';
//   width: 48.2rem;
//   height: 1px;
//   left: 2.1rem;
//   bottom: 0;
//   // background: #e7eeee;
//   background: linear-gradient(to right, #e7eeee 60%, rgba(255, 255, 255, 0));
// }

.list-video-introduce .item .title {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  font-weight: 700;
  font-size: 2rem;
  color: #333333;
  line-height: 2.8rem;
}

.list-video-introduce .item .title .logo {
  width: 4.8rem;
  height: 4.8rem;
  object-fit: contain;
}

.list-video-introduce .item.is-active .title {
  // background: linear-gradient(to right, #2FCED0 0%, #23C3D1 42.48046875%, #1174C6 100%) right center /150%;
  // -webkit-background-clip: text;
  // -webkit-text-fill-color: transparent;
  color: #3972FC;
}

.list-video-introduce .item .sub-title {
  margin: 1.1rem 0 0;
  font-size: 1.6rem;
  color: #333;
  line-height: 2.4rem;
}

.list-video-introduce .item .btn {
  display: inline-block;
  margin: 1.2rem 0 .4rem;
}

.section4 .col-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4.7rem;
  flex: none;
  width: 70rem;
  box-sizing: border-box;
}

.section4 .col-content .content-container {
  position: relative;
  width: 100%;
  height: 39.3rem;
}

.section4 .col-content .video-wrap {
  position: absolute;
  width: 100%;
  // height: 100%;
  left: 0;
  top: 50%;
  box-sizing: border-box;
  // border-radius: 10px;
  border-radius: 4px;
  overflow: hidden;
  // box-shadow: 0px 4px 20px 0px #D8D8D8E3;
  opacity: 0;
  transform: translate3d(0,-50%,0);
}

.section4 .col-content .video-wrap > img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

// .section4 .col-content .video-wrap::before {
//   position: absolute;
//   content: "";
//   width: calc(100% - 1.6rem);
//   height: calc(100% - 1.6rem);
//   left: .8rem;
//   top: .8rem;
//   border-radius: 10px;
//   background: #fff;
// }

.section4 .col-content .video-wrap.is-active {
  opacity: 1;
}

.section4 .col-content video {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  // object-fit: cover;
  box-sizing: border-box;
  border-radius: 4px;
  // vertical-align: middle;
  z-index: 2;
}

.section4 .col-content .video-poster {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  z-index: 3;
}

.section4 .col-content .video-poster .pic-poster {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  box-sizing: border-box;
  border-radius: 4px;
}

.section4 .col-content .video-poster .icon-video {
  position: absolute;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: .5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 3rem;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  border: .6rem solid #fff;
  // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  // filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
}

.list-process {
  display: flex;
  justify-content: center;
  gap: 14rem;
  margin: 5rem 0 0;
  padding: 0 3.2rem;
}

.list-process .step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-process .step .icon {
  width: 12rem;
  height: 12rem;
  border-radius: 100%;
  background: #eef7ff;
}

.list-process .step1 .icon {
  background: #eef7ff url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/step1.png) no-repeat center center /47%;
}

.list-process .step2 .icon {
  background: #eef7ff url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/step2.png) no-repeat center center /47%;
}

.list-process .step3 .icon {
  background: #eef7ff url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/step3.png) no-repeat center center /47%;
}

.list-process .step4 .icon {
  background: #eef7ff url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/step4.png) no-repeat center center /47%;
}

.list-process .step5 .icon {
  background: #eef7ff url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/step5.png) no-repeat center center /47%;
}

.list-process .step:not(:last-child)::before {
  position: absolute;
  content: '';
  width: 2.4rem;
  height: 2rem;
  left: 100%;
  margin: 5rem 0 0 5.7rem;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/icon-step.png) no-repeat center center /contain;

}

.list-process .step .title {
  margin: 2rem 0 0;
  font-size: 1.8rem;
  color: #666;
  text-align: center;
  line-height: 2.6rem;
}

.section4 .pic-introduce {
  display: block;
  width: 92rem;
  margin: 3rem auto 0;
}

.section6 {
  width: 100%;
  max-width: 156rem;
  padding: 13rem 0 0;
  /* background: rgba(255, 255, 255, .8); */
}

.section6 .block {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120rem;
  gap: 2.6rem;
  margin: 3rem auto;
  padding: 3rem 2rem;
  background: #F7FBFF;
  border-radius: 1rem;
  box-sizing: border-box;
  transition: transform ease-in-out .6s, opacity ease-in-out .6s;
}

.section6 .block:first-of-type {
  margin-top: 7.8rem;
}

.section6 .block .col-context {
  flex: 1;
}

.section6 .block .col-context .title {
  font-weight: bold;
  font-size: 3rem;
  color: #333333;
  line-height: 3.2rem;
}

.section6 .block .col-context .context {
  margin: 1.6rem 0 0;
  font-size: 1.8rem;
  color: #666;
  line-height: 2.7rem;
}

.section6 .block .col-context .btn {
  display: inline-block;
  margin: 3rem 0 0;
  // transform: translate3d(10%,0,0);
  // transition:transform ease-in-out .6s,opacity ease-in-out .6s;
}

.section6 .block .col-pic {
  flex: none;
  width: 57rem;
  padding: .6rem;
  box-sizing: border-box;
  // background: linear-gradient(180deg, #21A4E360 0%, rgba(61,249,249,.6) 100%);
  // box-shadow: 0px .4rem 1.2rem 0px rgba(0,0,0,0.16);
  border-radius: 6px;
  // background-image: linear-gradient(180deg, #3DF9F900 0%, #21A4E360 100%);
  background: linear-gradient(0deg, #21A4E360 0%, rgba(61, 249, 249, 0) 100%);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
  transition: opacity ease-in-out .4s;
  // opacity: 0.6;
}

.section6 .block .col-pic img {
  width: 100%;
}

.version-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 11rem 0 0;
}

.version-list img {
  width: 59rem;
  // transition: transform ease-in-out .6s, opacity ease-in-out .4s;
  /* transform: translateY(10%); */
  // opacity: .5;
}


.section7 {
  position: relative;
  /* width: 156rem; */
  margin: 10.8rem 0 0;
  background: #3972FC;
  z-index: 1;
  // background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg-footer.jpg) no-repeat center top /cover;
}

.section7 .slogan {
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.8rem;
  color: #fff;
  white-space: nowrap;


}

.section7 .btn-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  border-radius: 10px;
  padding: 2rem 2.4rem;
  border-radius: 10px;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #3972FC;
  background: #fff;
  border-radius: 200px;
  transition: transform linear .2s;

}

.section7 .btn-download::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .3rem;
  vertical-align: middle;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-download-blue.svg) no-repeat center /contain;
}

.section7 .btn-download:hover {
  transform: translate3d(0, -6%, 0);
}

.section7 .wrap {
  display: flex;
  align-items: center;
  // justify-content: space-between;
  max-width: 120rem;
  height: 38rem;
  margin: 0 auto;
  gap: 15.4rem;
  padding: 0 0 0 14rem;
  box-sizing: border-box;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-footer.svg) no-repeat right top /contain;
}

.section7 .wrap .col-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3.9rem;
  // width: 47.5rem;
  font-size: 2.4rem;
  color: #333;
  line-height: 2.4rem;
}

.section7 .wrap .col-left .list .item {
  position: relative;
  padding: 1.2rem 0 1.2rem 1.5rem;
}

.section7 .wrap .col-left .list .item::before {
  position: absolute;
  content: '';
  width: .8rem;
  height: .8rem;
  left: -.5rem;
  top: 50%;
  margin-top: -.4rem;
  border-radius: 100%;
  background: #1174c6;
}

.section7 .wrap .col-right {
  display: flex;
  align-items: center;
  // justify-content: center;
  flex-direction: column;
  gap: 1rem;
  // width: 31.8rem;
  // height: 12.6rem;
  border-radius: 10px;
  color: #fff;
  font-size: 2.4rem;
  // color: #333333;
  line-height: 3.6rem;
  text-align: center;
  // background: rgba(255, 255, 255, .3);
}

.section7 .qrcode-wrap {
  width: 19.2rem;
  height: 19.2rem;
  padding: .3rem;
  box-sizing: border-box;
  // background: #FFFFFF;
  // box-shadow: 0px .4rem .8rem 0px rgba(39, 111, 172, 0.2);
  border-radius: 10px;
  background: #fff;
  // border-image: linear-gradient(-48deg, #007ADF, #A1FAEE) 2 2;
  // background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/bg-qrcode.png) no-repeat center top /cover;
}

.section7 .qrcode-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 1rem;

}

.section7 .concat-info .name {
  font-weight: bold;
  // font-size: 2.4rem;
  // // color: #333333;
  // line-height: 2.4rem;
}

.section7 .concat-info .phone {
  // font-size: 2.4rem;
  // // color: #333333;
  // line-height: 2.4rem;
}

.wx-code-concat {
  position: fixed;
  right: 17.2rem;
  top: 50%;
  left: 50%;
  margin-left: 70.7rem;
  width: 8rem;
  height: 13.2rem;
  padding: 5.3rem 1.2rem 0;
  transform: translate3d(0, -50%, 0);
  box-sizing: border-box;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-wx-concat.png) no-repeat center top /contain;
  z-index: 9;
}

.wx-code-concat > img {
  width: 100%;
}


@media screen and (min-width:1280px) {
  .section1 .slogan {}
}

@media screen and (max-width:750px) {

  .main-container {
    position: relative;
    padding: 0 0 5.6rem;
  }

  body::before {
    height: 90.7rem;
    background: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-mobile.jpg') no-repeat center top /cover;
  }

  .is-pc-only {
    display: none !important;
  }

  .is-mobile-only {
    display: inline-block !important;
  }

  .section-title {
    font-size: 3rem;
    line-height: 4.8rem;
  }

  .section-title-fn {
    font-size: 2rem;
  }

  .navigation-bar {
    position: relative;
    margin-bottom: -8.4rem;
    height: 8.4rem;
    background: none;
    backdrop-filter: none;
    box-shadow: none;

  }

  .navigation-bar .wrap {
    padding-right: 2rem;
    justify-content: flex-end;

  }

  .section1 {
    flex-direction: column;
    gap: 0;
    margin: 8.4rem 0 0;
    padding: 1rem 1.6rem 3.2rem;
  }

  .section1 .col-left {
    margin: 0;
  }

  .section1 .slogan-top {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .section1 .sub-slogan {
    width: auto;
    margin: 1.1rem 0 0;
    color: #404040;
    font-size: 1.2rem;
    line-height: 1.6rem
  }

  .section1 .banner {
    align-self: flex-end;
    position: relative;
    width: 40.1rem;
    margin: 1.3rem 0 0;
    top: auto;
    right: 0;
  }

  .section1 .col-left .logo {
    width: 10.4rem;
    margin-bottom: 5.2rem;
  }

  .section1 .slogan {
    margin: 0;
  }

  .section1 .title {
    margin-top: 4.7rem;
  }

  .section1 .col-right {
    flex: none;
    width: 100%;
    height: 38.2rem;
    margin-top: 6rem;
  }

  .section1 .col-right img {
    width: 110%;
    left: -5%;
  }

  // .section1 .btn-download {
  //   display: none;
  // }

  .copy-link-wrap {
    // margin-top: -.6rem;
    visibility: visible;
  }

  .is-fixed .copy-link-wrap .copy-link {
    box-shadow: none;
  }

  .section2 {
    position: relative;
    // margin-top: 1rem;
    padding: 0;
    text-align: center;
  }

  .section2 .title-mobile {
    width: 23.2rem;
    margin: .9rem auto;
  }

  .section2-container {
    flex-direction: column;
    margin: 1.1rem auto 0;
    padding: 0 1.6rem;
    gap: 2.5rem;
    text-align: left;
  }

  .card-container {
    padding: 1.4rem 1.2rem 1.6rem;
    border-radius: 10px 72px 10px 10px;
  }

  .card-title h3 {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .card-title .tag {
    margin-bottom: 0;
    padding: .4rem .7rem .4rem .4rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }

  .work-scenarios {
    margin: 1.6rem 0 0;
    padding-right: 0;
    gap: .6rem 2.2rem;
  }

  .work-scenarios .item {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .work-scenarios .item:first-child {
    width: 100%;
  }

  .card-container:nth-child(2) .card-header .icon-role {
    height: 9rem;
    right: -1.2rem;
  }

  .card-container .card-header .icon-role {
    height: 8.2rem;
    bottom: auto;
    top: -2.9rem;
    right: .4rem;
  }

  .card-container:first-child .card-header .icon-role {
    right: -1.6rem;
  }

  .cards-content .item-card .icon-pic {
    max-width: 6rem;
    max-height: 5.6rem;
    width: 6rem;
    height: 5rem;
    object-fit: contain;
    top: 50%;
    bottom: auto;
    transform: translate3d(0, -50%, 0);
  }

  .cards-content .row-top,
  .cards-content .row-bottom {
    flex-direction: column;
  }

  .cards-content .item-card {
    align-items: flex-start;
    padding: .9rem .9rem 1.5rem !important;
    background: linear-gradient(90deg, #FFFFFF 56.58%, #DEF6FF 100%);
    box-shadow: 0px 6px 8px 0px #9DE0FF4A;


  }

  .cards-content .item-card h4 {
    margin-top: 0;
  }

  .cards-content .icon-pic {
    position: absolute;
    width: auto;
    max-width: 7rem;
    height: auto;
    max-height: 8.2rem;
    object-fit: contain;
    right: .4rem;
    bottom: 1.8rem;
    // top: 50%;
    // opacity: .6;
    // transform: translate3d(0,-50%,0);
  }

  .cards-content .item-card p {
    padding-right: 5rem;
  }

  // .btn-linkto-standard {
  //   margin-left: -3.5rem;
  //   top: 95rem;
  // }

  .list-section2 {
    margin: 0;
    flex-direction: column;
    align-items: center;
  }

  .list-section2 .item {
    width: 36.3rem;
    max-width: 100%;
  }

  .section2 .section-sub-title {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #666;
  }

  .section2 .section-sub-title em {
    font-size: 2.8rem;
  }


  .list-section2 .item .title {
    margin-top: 3.6rem;
    font-size: 2.6rem;
  }

  .list-section2 .item .desc {
    margin-top: 2rem;
    font-size: 2rem;
  }

  .section4 {
    margin-top: 10.9rem;
  }

  .section4:not(.section4-2) > .title {
    display: block !important;
    margin: .9rem auto;
    width: 28.6rem;
  }

  .section4 .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.2rem;
    margin: 1.6rem 0 0;
    padding: 0 1.4rem;
    box-sizing: border-box;
  }

  .section4 .col-navigation {
    position: relative;
    width: 100%;
    z-index: 1;
  }

  .section4 .col-content {
    width: 100%;
    height: 27rem;
  }

  .section4 .col-content .content-container {
    height: 19.4rem;
    // padding: 1px;
    box-sizing: border-box;
    border-radius: 6px;
    // background: linear-gradient(180deg, #34D9E4 0%, #006DFF 100%);


  }

  .section4:not(.section4-2) .col-content .video-wrap {
    width: calc(100% - 2px);
    // height: calc(100% - 2px);
    height: auto;
    padding: 1px;
    top: 1px;
    left: 1px;
    border-radius: 5px;
    transform: translate3d(0,0,0);
    box-sizing: border-box;
    background: linear-gradient(180deg, #34D9E4 0%, #006DFF 100%);
  }

  .section4 .col-content video {

    /* width: calc(100% - 4rem);
    height: 27.4rem; */

    width: 100%;
    // height: 100%;
    height: auto;
    vertical-align: middle;


    // border-radius: 6px;
  }

  .list-video-introduce {
    display: flex;
    padding: .3rem;
    justify-content: space-between;
    border-radius: 8px;
    background: #F0F4FF;

  }

  .list-video-introduce .item {
    flex: none;
    flex-grow: 1;
    justify-content: center;

    position: static;
    padding: .6rem 0;
    border-radius: 8px;
    border: 0.06rem solid transparent;
    -webkit-tap-highlight-color: transparent;
    /* WebKit私有属性，设置为透明 */
    tap-highlight-color: transparent;
    /* 标准属性（部分浏览器支持） */
  }

  .list-video-introduce .item.is-active {
    border: 0.06rem solid #0072EF57;
    background: #fff;
  }

  .list-video-introduce .item.is-active::before {
    display: none;
  }

  .section4:not(.section4-2) .list-video-introduce .item .title {
    justify-content: center;
    position: relative;
    font-size: 1.4rem;
    white-space: nowrap;
    font-weight: 500;
    line-height: 2.2rem;
    color: #364F8B;

  }

  .section4:not(.section4-2) .list-video-introduce .item .title .logo {
    display: none;
  }

  .section4:not(.section4-2) .list-video-introduce .item.is-active .title {
    color: #364F8B;

  }

  // .list-video-introduce .item.is-active .title::after {
  //   content: '';
  //   position: absolute;
  //   width: 14.1rem;
  //   left: 50%;
  //   bottom: 0;
  //   height: 4px;
  //   transform: translate3d(-50%, 0, 0);
  //   background: #33cee8;
  // }

  .list-video-introduce .item .btn {
    display: none !important;
  }

  .section4:not(.section4-2) .list-video-introduce .item .sub-title {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 26.5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .section4:not(.section4-2) .list-video-introduce .item:nth-of-type(1) .sub-title {
    top: 29.5rem;
  }
  .section4:not(.section4-2) .list-video-introduce .item:nth-of-type(2) .sub-title {
    top: 22.5rem;
  }
  .section4:not(.section4-2) .list-video-introduce .item:nth-of-type(3) .sub-title {
    top: 23.5rem;
  }
  .section4:not(.section4-2) .list-video-introduce .item:nth-of-type(4) .sub-title {
    top: 23.5rem;
  }
  
  .section4:not(.section4-2) .list-video-introduce .item.item.is-active .sub-title {
    display: block;
  }

  .list-video-introduce .item:not(:last-child)::after {
    display: none;
  }

  .section4-2 .col-content > .title {
    margin: -13.7rem auto 0;
    display: block;
    width: 29.7rem;
  }

  .section4-2 .col-content::before {
    display: none;
  }

  .section4-2 .wrap {
    flex-direction: column-reverse;
    gap: 1.6rem;
    padding: 7.5rem 0 4.3rem;
    border-radius: 30px 30px 0 0;
    background: #ECF2FF;
  }

  .section4-2 .wrap::before {
    position: absolute;
    content: '';
    width: 32.3rem;
    height: 30.3rem;
    bottom: 3.1rem;
    left: 2.6rem;
    border-radius: 8px;
    background: #ffffff56;
  }

  .section4-2 .wrap::after {
    position: absolute;
    content: '';
    width: 30.3rem;
    height: 30.3rem;
    bottom: 1.9rem;
    left: 3.6rem;
    border-radius: 8px;
    background: #ffffff30;
    z-index: -1;
    // pointer-events: none;
  }

  .section4-2 .col-content .content-container {
    margin-top: 0;
    background: #fff;
    border-radius: 30px;
  }

  .section4-2 .col-content .video-wrap {
    top: 0;
    transform: translate3d(0,0,0);
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
  }

  .section4-2 .col-content .content-container {
    margin-top: 1.2rem;
    background: none;
  }

  .section4-2 .col-content .video-wrap {
    box-shadow: none;
  }

  .section4-2 .wrap .list-video-introduce {
    padding: 1.2rem .8rem;
    border-radius: 0;
    background: #F6F8FF;
  }

  .section4-2 .col-content {
    gap: 7.8rem;
    width: calc(100% - 3.2rem);
    // height: 30.3rem;
    height: 28.3rem;
    margin: 0 1.6rem 0;
    padding: 1.2rem;
    border-radius: 8px;
    box-sizing: border-box;
    background: #fff;
  }

  .section4-2 .list-video-introduce .item {
    flex: none;
    flex-grow: 1;
    font-size: 1.2rem;
    // padding: .4rem 1.2rem;
    padding: .4rem 0;
    justify-content: center;
    border: none;
  }

  .section4-2 .list-video-introduce .item .item-content {
    display: none;
    position: absolute;
    width: calc(100% - 5.2rem);
    left: 2.6rem;
    top: 26rem;
    padding: 1.5rem 0 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .section4-2 .list-video-introduce .item .item-content .logo {
    width: 2.7rem;
    height: 2.7rem;
  }

  .section4-2 .list-video-introduce .item .item-content .title {
    color: #333;
    gap: .2rem;
  }

  .section4-2 .list-video-introduce .item .item-content .sub-title {
    margin: .2rem 0 0;
    color: #333;
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
  
  .section4-2 .list-video-introduce .item.is-active .item-content {
    display: block;
  }
  // .section4-2 .list-video-introduce .item:nth-child(3).is-active .item-content {
  //   display: block;
  //   top: 23.2rem;
  // }

  .section4-2 .list-video-introduce .item.is-active {
    border: none;
    color: #fff;
    border-radius: 60px;
    background: #0072EF;
  }

  .list-process {
    gap: 4.6rem;
  }

  .list-process .step {
    flex: 1;
  }

  .list-process .step .icon {
    width: 10rem;
    height: 10rem;

  }

  .list-process .step:not(:last-child)::before {
    width: 1.6rem;
    height: 1.2rem;
    margin: 4.4rem 0 0 1.5rem;
  }

  .list-process .step .title {
    margin-top: 1.4rem;
    line-height: 3rem;
    font-size: 2rem;
  }

  .section3 {
    margin-top: 1.8rem;
    padding: 0;
    background: none;
  }

  .section3 > .title {
    width: 23.9rem;
    margin-left: 1.6rem;
  }

  .list-fn {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1.6rem 0;
    margin: 1.6rem 3.4rem 0;
    padding: 0;
  }

  .list-fn .step {
    flex: none;
    width: 8.4rem;
    // overflow: hidden;
  }

  .list-fn .step:first-child,
  .list-fn .step:nth-child(2) {
    width: 12rem;
  }
  .list-fn .step:first-child{
    padding-left: 1rem;
  }
  .list-fn .step:nth-child(2) {
    padding-right: 1rem;
  }

  .list-fn .step .icon-wrap {
    width: 7rem;
    height: 7rem;
    background: #0072EF1A;

    overflow: hidden;
  }

  .list-fn .step .icon {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem;
    // filter: drop-shadow(#fff 10rem 0);
    // filter: brightness(0) invert(1);
    // transform: translate3d(-10rem, 0, 0);
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-desk.svg) no-repeat center /contain;
    background: #0072EF;
    z-index: 2;

    // /* iOS 修复 */
    // @supports (-webkit-touch-callout: none) {
    //   transform: translateX(-10rem);
    // }

    // /* Android 修复 */
    // @supports not (-webkit-touch-callout: none) {
    //   left: -10rem;
    // }
  }

  .list-fn .step1 .icon {
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-desk.svg) no-repeat center /contain;
  }

  .list-fn .step2 .icon {
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-todo.svg) no-repeat center /contain;
  }
  .list-fn .step3 .icon {
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-file.svg) no-repeat center /contain;
  }

  .list-fn .step4 .icon {
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-search.svg) no-repeat center /contain;
  }

  .list-fn .step5 .icon {
    -webkit-mask: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/icon-weather.svg) no-repeat center /contain;
  }


  .list-fn .step .title {
    margin: .4rem 0 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #333;
  }

  .section4 {
    margin: 3.2rem 0 0;
    padding: 0;
  }

  .section-sub-title {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }

  .section4 .pic-introduce {
    width: 68.6rem;
  }

  .section6 {
    padding: 10rem 1.5rem 0;

  }

  .section6 .block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5.8rem;
    padding: 4rem 3.2rem 4.2rem;
    border-radius: 16px;
    border: 1px solid #E6EFF5;
    background: linear-gradient(0deg, #F4FAFF, rgba(255, 255, 255, 0));
  }

  .section6 .block:nth-of-type(2n) {
    flex-direction: column-reverse;
  }

  .section6 .block .col-pic {
    flex: 1;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 6px 20px 0px rgba(46, 142, 197, 0.26);

  }

  .section6 .block .col-context {
    text-align: center;
  }

  .section6 .block .col-context .title {
    font-size: 2.8rem;
  }


  .section6 .block .col-context .context {
    margin-top: 3rem;
    font-size: 2.4rem;
    line-height: 3.6rem;
  }

  .section6 .block:first-of-type {
    margin-top: 6.8rem;
  }

  .section6 .block .col-context .btn {
    display: none;
  }

  .version-list {
    gap: 1rem;
  }

  .version-list img {
    flex: 1;
    width: 0;
  }

  .section7 {
    margin: 0;
    padding: 0;
    background: #3972FC url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-footer.png) no-repeat right bottom / cover;
  }

  .section7 .slogan {
    font-size: 2rem;
    line-height: 3.3rem;
  }

  .section7 .wrap {
    flex-direction: row-reverse;
    justify-content: center;
    height: 17rem;
    gap: 1.7rem;
    padding: 0 1.8rem 0 2rem;
    background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/software/plus/bg-footer-mobile.png) no-repeat right -1.2rem /20rem auto;
  }

  .section7 .wrap .col-left {}

  .section7 .qrcode-wrap {
    width: 6.8rem;
    height: 6.8rem;
    padding: .2rem;
    border-radius: 4px;
  }

  .section7 .wrap .col-right {
    flex-direction: column;
    flex: none;
    width: 9.4rem;
    padding: 1rem 0 1.2rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    gap: .3rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    border-radius: 8px;
    background: #ffffff20;
    backdrop-filter: blur(30px);

    box-shadow: 0px 6px 10px 0px #01288742;
    text-align: center;

  }

  .section7 .concat-info .name {}

  .section7 .concat-info .phone {}
}