.name {
  margin-right: 1.04vw;
  height: 1.6vw;
}
.c-333 {
  color: #333333;
}
.h5-title4 {
  display: none;
}
.tags3-item-copy {
  display: none;
}
.h5-page-header {
  display: none;
}
.coy-box-h5 {
  display: none;
}
/* 滚动时的样式 */
.page-header.scrolled {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影增强视觉效果 */
}
.logo-icon {
  width: 2.4vw;
  height: 2.4vw;
  margin-right: 1.04vw;
}
.page-header {
  width: 100vw;
  position: fixed;
  top: 0;
  padding-left: 10.52vw;
  padding-bottom: 2.03vw;
  padding-top: 2.03vw;
}
.link-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.9vw;
  grid-row-gap: 0px;
  margin-left: 1.5vw;
  cursor: pointer;
}
.title1 {
  font-weight: 500;
  font-size: 1.98vw;
  color: #333333;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.title2 {
  font-weight: 500;
  font-size: 1.46vw;
  color: #6b7385;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.title4 {
  width: 25.99vw;
  height: 9.35vh;
  font-weight: 400;
  font-size: 0.94vw;
  color: #464d66;
}
.title5 {
  font-weight: 500;
  font-size: 1.35vw;
  color: #333333;
}
.title6 {
  font-weight: 500;
  font-size: 1.46vw;
  color: #333333;
  padding-bottom: 0.43vw;
}
.title7 {
  font-weight: 400;
  font-size: 0.94vw;
  color: #6b7385;
}
.box1 {
  width: 100vw;
  height: 34.89vw;
  background-image: url("./public/pc_pic/bgs.png");
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 6.76vw;
  padding-left: 15.83vw;
}
.bg-blue {
  text-align: center;
  background-image: url("./public/pc_pic/bg44.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 24.86vw;
  height: 2.89vw;
  font-weight: 500;
  font-size: 2.13vw;
  color: #fff5f5;
}

.tag-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0.42vw;
  grid-row-gap: 0px;
}
.icon1 {
  padding: 0.67vh 0.73vw;
  border-radius: 1.11vh;
  border: 1px solid #e0e1e7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.83vw;
  color: #646464;
}
.tags3 {
  padding-top: 4.11vw;
  margin-left: 10.63vw;
  margin-right: 10.63vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 2.4vw;
  grid-row-gap: 0px;
}
.tags3-title {
  padding-top: 1.22vw;
  font-weight: 500;
  font-size: 1.46vw;
  color: #333333;
  text-align: center;
}
.tags3-slo {
  font-weight: 400;
  font-size: 0.94vw;
  color: #6b7385;
  text-align: center;
  padding-top: 0.56vw;
}
.tags3-item {
  box-shadow: 0px 5px 43px 0px rgba(0, 0, 0, 0.11);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px 0px 1.3vw 1.3vw;
  padding-bottom: 1.22vw;
}
.box-6 {
  margin-top: 9.15vw;
  height: 25.49vw;
  width: 100vw;
  background-image: url("./public/pc_pic/bg3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.dowm-title {
  font-weight: bold;
  font-size: 1.98vw;
  color: #ffffff;
  text-align: center;
  padding-top: 2.45vw;
  padding-bottom: 1.35vw;
}
.dowm-solgn {
  font-weight: 400;
  font-size: 0.94vw;
  color: #fffbfb;
  text-align: center;
}
.adr-btn {
  text-align: center;
  line-height: 5.41vw;
  width: 15.89vw;
  height: 5.41vw;
  border-radius: 2.89vw;
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 1.25vw;
  color: #ffffff;
  cursor: pointer;
}
.adr-btn:hover {
  text-align: center;
  line-height: 5.41vw;
  width: 15.89vw;
  height: 5.41vw;
  background: #ffffff;
  border-radius: 2.89vw;
  font-weight: 600;
  font-size: 1.25vw;
  color: #333333;
  cursor: pointer;
}
.box7 {
  width: 100vw;
  height: 39.83vw;
  background: #141d26;
  border-radius: 0px 0px 0px 0px;
  position: relative;
}
.icon33 {
  width: 2.4vw;
  height: 4.26vh;
  margin-right: 0.63vw;
}
.box-71 {
  padding: 7.93vw 5.83vw 0 10.83vw;
}
.p17 {
  padding-left: 4vw;
}
.name2 {
  font-size: 1.15vw;
  font-weight: 400;
  color: #fff9f9;
}

.introduction {
  width: 22.81vw;
  font-weight: 400;
  font-size: 1.35vw;
  color: #ffffff;
  line-height: 2.02vw;
  text-align: left;
  padding-top: 1.56vw;
}

.line-title {
  font-weight: bold;
  font-size: 1.56vw;
  color: #ffffff;
}

.line-title1 {
  font-weight: bold;
  font-size: 1.56vw;
  color: #ffffff;
}

.line-title1::after {
  content: "";
  display: block;
  width: 3.91vw;
  height: 0.18vw;
  background: #ffffff;
  margin: 1.1vw auto 0;
}

.line-title::after {
  content: "";
  display: block;
  width: 3.91vw;
  height: 0.18vw;
  background: #ffffff;
  margin-top: 1.1vw;
  margin-left: 1.22vw;
}
.icon2 {
  width: 1.61vw;
}
.blue-text {
  font-weight: 400;
  font-size: 1.25vw;
  color: #2756ff;
}

.agreement {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.85);
  text-align: left;
  margin-top: 2.13vw;
}
.agreement::before {
  content: "";
  display: inline-block;
  width: 0.83vw;
  height: 0.16vw;
  background: rgba(255, 255, 255, 0.85);
  margin-right: 1.98vw;
}
.addr-title {
  font-weight: 400;
  font-size: 1.25vw;
  color: #ffffff;
  text-align: left;
  padding-bottom: 1.04vw;
}
.addr-val {
  font-weight: 400;
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.85);
  text-align: left;
  width: 28vw;
}
.title8 {
  font-weight: 500;
  font-size: 2.5vw;
  color: #333333;
  padding-top: 0.97vw;
  padding-bottom: 5.6vw;
}
.title9 {
  font-weight: 500;
  font-size: 1.77vw;
  color: #333333;
  padding-bottom: 0.7vw;
}
.coy-box-pc {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 6.85vw;
  background: #3a3a3b;
  border-radius: 0px 0px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.25vw;
  color: #ffffff;
}
.box2 {
  padding-top: 5.6vw;
}
.box3 {
  padding-top: 1.8vw;
}
.box4 {
  padding-top: 8.83vw;
}
.box5 {
  margin-top: 6.12vw;
}
.btn-group {
  display: flex;
  justify-content: center;
  gap: 1.88vw;
  padding-top: 5.69vw;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.download-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
}

.download-item .adr-btn {
  min-width: 180px;
}

.qr-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}

.qr-wrapper.ios {
  left: -176px;
}

.qr-wrapper.android {
  right: -176px;
}

.download-qr {
  width: 136px;
  height: 136px;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.qr-slide-left-enter-active,
.qr-slide-left-leave-active,
.qr-slide-right-enter-active,
.qr-slide-right-leave-active {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.qr-slide-left-enter,
.qr-slide-left-leave-to {
  opacity: 0;
  transform: translate(24px, -50%);
}

.qr-slide-right-enter,
.qr-slide-right-leave-to {
  opacity: 0;
  transform: translate(-24px, -50%);
}
.picss {
  position: absolute;
  right: 0;
  top: -5.81vw;
  width: 41.77vw;
}
.link-box a {
  text-decoration: none;
  color: #333; /* 默认颜色 */
  transition: color 0.3s ease;
}
.link-box a.active {
  color: #145cff; /* 激活状态颜色 */
  font-weight: 500;
}
.link-box a:hover {
  color: #145cff; /* 激活状态颜色 */
  font-weight: 500;
}

.line11 {
  border-bottom: 1px solid #b1bcc4;
  width: 30vw;
  margin-bottom: 0.7vw;
}
.p1 {
  padding-top: 3.2vw;
}
.num1 {
  width: 7.5vw;
  height: 12.13vw;
}
.p2 {
  padding-top: 7.2vw;
}
.p3 {
  padding-top: 1.85vw;
}
.pl4 {
  padding-left: 0.31vw;
}
.p4 {
  padding-top: 0.9vw;
}
.p5 {
  padding-top: 3.66vw;
}
.pic1 {
  width: 50.1vw;
  margin-left: 2.92vw;
}
.num2 {
  width: 7.5vw;
  height: 12.13vw;
}
.picb2 {
  width: 50.1vw;
  margin-right: 2.92vw;
}
.p11 {
  padding-top: 6.66vw;
}
.p92 {
  padding-top: 8.36vw;
}
.m13 {
  margin-top: 0.66vw;
}
.pxaa {
  padding-left: 16.04vw;
  position: relative;
}
.p14 {
  padding-top: 4.72vw;
}

.p15 {
  padding-top: 4.19vw;
}
.m16 {
  margin-top: 2.39vw;
}
.m17 {
  margin-top: 1.23vw;
}
.pc-header {
  z-index: 999;
}