@charset "UTF-8";
/* 基于1920px设计稿，使用vw单位实现自适应 */
body {
  min-width: 100vw;
}

.head {
  height: 3.125vw;
  padding: 0 6.406vw 0 6.406vw;
  background: #000;
}

.head .logo {
  width: 13.698vw;
  height: 3.125vw;
}

.head .logo img {
  width: 100%;
  height: 100%;
}

.head .nav {
  font-size: 0.729vw;
}

.head .nav .item {
  margin-left: 2.292vw;
  padding: 0 0.833vw;
  color: #fff;
}

.head .nav .act {
  height: 1.667vw;
  border-radius: 0.156vw;
  background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%), white;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.729vw;
  margin-left: 1.458vw;
  border-radius: 1.667vw;
}

.first {
  height: 41.042vw;
  background-color: #000;
  padding-top: 2.292vw;
  padding-bottom: 3.333vw;
  position: relative;
}

.first .remove {
  padding: 0 0.833vw;
  height: 1.771vw;
  font-size: 0.677vw;
  color: #7c3aed;
  font-family: "PingFang SC";
  border: 1px solid rgba(124, 58, 237, 0.18);
  border-radius: 2.604vw;
  width: fit-content;
}

.first .remove::before {
  content: " ";
  width: 0.260vw;
  height: 0.260vw;
  margin-right: 0.391vw;
  background-color: #7c3aed;
  border-radius: 100%;
}

.first .title {
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 3.646vw;
  line-height: 4.193vw;
  margin-top: 1.406vw;
  z-index: 2;
  width: fit-content;
}

.first .text {
  width: 36.458vw;
  color: rgba(255, 255, 255, 0.68);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.938vw;
  margin-top: 1.458vw;
  text-align: center;
  line-height: 1.641vw;
}

.first .picture {
  width: 67.240vw;
  height: 24.844vw;
  position: absolute;
  top: 6.042vw;
}

.first .picture img {
  width: 100%;
  height: 100%;
}

.first .option {
  position: absolute;
  bottom: 3.333vw;
}

.first .option .item {
  width: fit-content;
  margin-right: 4.167vw;
}

.first .option .item .num {
  background: linear-gradient(92deg, white 1.63%, white 77.09%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.083vw;
  line-height: 2.396vw;
}

.first .option .item .name {
  margin-top: 0.365vw;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.677vw;
  line-height: 1.016vw;
}

.container {
  background-color: #000;
  padding-top: 9.635vw;
  padding-bottom: 10.052vw;
  padding-left: 19.792vw;
  padding-right: 19.792vw;
}

.container .second .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 0.625vw;
  line-height: 0.938vw;
  letter-spacing: 0.063vw;
}

.container .second .title {
  margin-top: 0.833vw;
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 2.625vw;
  letter-spacing: -0.042vw;
}

.container .second .text {
  width: 35.417vw;
  margin-top: 0.854vw;
  color: rgba(255, 255, 255, 0.68);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.458vw;
}

.container .second .space {
  margin-top: 2.969vw;
  width: 60.417vw;
  height: 27.083vw;
  position: relative;
}

.container .second .space .picture {
  position: absolute;
  width: 24.063vw;
  height: 25.104vw;
  top: 1.510vw;
  left: 18.177vw;
}

.container .second .space .picture img {
  width: 100%;
  height: 100%;
}

.container .second .space .option .item {
  width: fit-content;
  position: absolute;
  border-radius: 0.625vw;
  padding: 0.833vw 1.250vw;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), #7c3aed;
}

.container .second .space .option .item .icon {
  width: 1.458vw;
  height: 1.458vw;
  margin-right: 0.469vw;
  flex-shrink: 0;
}

.container .second .space .option .item .icon img {
  width: 100%;
  height: 100%;
}

.container .second .space .option .item .name {
  color: white;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 0.781vw;
  line-height: 1.094vw;
}

.container .second .space .option .item .text {
  margin-top: 0.156vw;
  color: rgba(255, 255, 255, 0.35);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 0.885vw;
}

.container .second .space .option .item0 {
  top: 1.250vw;
  left: 23.057vw;
}

.container .second .space .option .item0 .text {
  width: 9.870vw;
}

.container .second .space .option .item1 {
  bottom: 2.375vw;
  left: 9.943vw;
}

.container .second .space .option .item1 .text {
  width: 10.281vw;
}

.container .second .space .option .item1 .name {
  text-align: right;
}

.container .second .space .option .item2 {
  bottom: 2.375vw;
  right: 9.240vw;
}

.container .second .space .option .item2 .text {
  width: 9.823vw;
}

.container .third {
  padding-top: 9.375vw;
}

.container .third .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .third .title {
  width: fit-content;
  margin-top: 0.833vw;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
}

.container .third .option {
  margin-top: 2.917vw;
}

.container .third .option .item {
  width: 60.417vw;
  height: 14.359vw;
  border-radius: 0.729vw;
  padding: 2.344vw 2.552vw;
  margin-bottom: 0.833vw;
}

.container .third .option .item .icon {
  margin-right: 2.500vw;
  width: 15.625vw;
  height: 9.688vw;
}

.container .third .option .item .icon img {
  width: 100%;
  height: 100%;
}

.container .third .option .item .no {
  padding-top: 1.057vw;
  font-size: 0.573vw;
  line-height: 0.859vw;
  letter-spacing: 0.057vw;
}

.container .third .option .item .name {
  margin-top: 0.391vw;
  color: white;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.146vw;
  line-height: 1.719vw;
}

.container .third .option .item .text {
  margin-top: 0.573vw;
  color: rgba(255, 255, 255, 0.68);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.781vw;
  line-height: 1.328vw;
}

.container .third .option .item .btn-box {
  margin-top: 1.068vw;
}

.container .third .option .item .btn-box .btn {
  border: 1px solid white;
  margin-right: 0.417vw;
  color: white;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 0.938vw;
  padding: 0.313vw 0.781vw;
  border-radius: 2.604vw;
}

.container .third .option .item0 {
  border: 1px solid rgba(124, 58, 237, 0.45);
  background: radial-gradient(37.05% 75.96% at 50% 100%, rgba(124, 58, 237, 0.2) 0%, rgba(124, 58, 237, 0) 100%), rgba(124, 58, 237, 0.04);
}

.container .third .option .item0 .no {
  color: #7c3aed;
}

.container .third .option .item1 {
  border: 1px solid rgba(6, 182, 212, 0.45);
  background: radial-gradient(37.05% 75.96% at 50% 100%, rgba(6, 182, 212, 0.2) 0%, rgba(6, 182, 212, 0) 100%), rgba(6, 182, 212, 0.05);
}

.container .third .option .item1 .no {
  color: #06b6d4;
}

.container .third .option .item2 {
  border: 1px solid rgba(236, 72, 153, 0.45);
  background: radial-gradient(37.05% 75.96% at 50% 100%, rgba(236, 72, 153, 0.2) 0%, rgba(236, 72, 153, 0) 100%), rgba(236, 72, 153, 0.05);
}

.container .third .option .item2 .no {
  color: #ec4899;
}

.container .fourth {
  padding-top: 9.375vw;
}

.container .fourth .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .fourth .title {
  margin-top: 0.833vw;
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
}

.container .fourth .option {
  margin-top: 2.922vw;
  width: 60.417vw;
}

.container .fourth .option .item {
  margin-bottom: 1.036vw;
  padding-left: 2.135vw;
  width: 29.688vw;
  height: 9.010vw;
  border-radius: 0.729vw;
  border: 1px solid rgba(124, 58, 237, 0.45);
  box-sizing: border-box;
  background: rgba(124, 58, 237, 0.1);
}

.container .fourth .option .item .icon {
  width: 3.750vw;
  height: 3.750vw;
  margin-right: 1.667vw;
}

.container .fourth .option .item .icon img {
  width: 100%;
  height: 100%;
}

.container .fourth .option .item .name {
  color: white;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 1.563vw;
}

.container .fourth .option .item .eng {
  color: rgba(255, 255, 255, 0.4);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.167vw;
  margin-left: 0.521vw;
}

.container .fourth .option .item .text {
  margin-top: 0.313vw;
  color: rgba(255, 255, 255, 0.4);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.167vw;
}

.container .fourth .option .item .btn-box {
  margin-top: 0.682vw;
}

.container .fourth .option .item .btn-box .btn {
  border: 1px solid white;
  margin-right: 0.417vw;
  color: white;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 0.938vw;
  padding: 0.313vw 0.781vw;
  border-radius: 2.604vw;
}

.container .fourth .more {
  margin: auto;
  margin-top: 2.917vw;
  width: 10.208vw;
  height: 2.708vw;
  border-radius: 2.604vw;
  border: 1px solid white;
  color: white;
  font-family: "PingFang SC";
  font-weight: 500;
  font-size: 0.781vw;
}

.container .fourth .more::after {
  content: "→";
  padding-left: 0.417vw;
}

.container .fifth .remove {
  padding-top: 9.375vw;
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .fifth .title {
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
  margin-top: 0.833vw;
}

.container .fifth .service {
  margin-top: 2.917vw;
  position: relative;
  width: 53.281vw;
  height: 22.917vw;
}

.container .fifth .service .data {
  position: absolute;
  color: rgba(255, 255, 255, 0.2);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 0.938vw;
  bottom: 0;
  left: 0;
}

.container .fifth .service .option {
  padding-top: 4.844vw;
  width: 22.536vw;
}

.container .fifth .service .option .item {
  align-items: flex-end;
  margin-bottom: 0.833vw;
}

.container .fifth .service .option .item .num {
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, white 77.09%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.771vw;
  line-height: 2.500vw;
}

.container .fifth .service .option .item .name {
  margin-top: 0.313vw;
  color: rgba(255, 255, 255, 0.4);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.042vw;
}

.container .fifth .service .icon {
  width: 26.563vw;
  height: 22.917vw;
  top: 0;
  right: 0;
  position: absolute;
}

.container .fifth .service .icon img {
  width: 100%;
  height: 100%;
}

.container .sixth {
  padding-top: 9.375vw;
}

.container .sixth .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .sixth .title {
  margin-top: 0.833vw;
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
}

.container .sixth .option {
  margin-top: 2.917vw;
  width: 60.417vw;
}

.container .sixth .option .item {
  width: 19.479vw;
  height: 15.979vw;
  border-radius: 0.729vw;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.02);
  padding: 1.927vw;
}

.container .sixth .option .item .icon {
  width: 2.292vw;
  height: 2.292vw;
  margin-bottom: 1.042vw;
}

.container .sixth .option .item .icon img {
  width: 100%;
  height: 100%;
}

.container .sixth .option .item .name {
  color: white;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.146vw;
  line-height: 1.719vw;
}

.container .sixth .option .item .text {
  margin-top: 0.521vw;
  color: rgba(255, 255, 255, 0.68);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.167vw;
  width: 15.625vw;
}

.container .sixth .option .item .btn-box .btn {
  margin-right: 0.417vw;
  color: rgba(255, 255, 255, 0.4);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.573vw;
  line-height: 0.938vw;
  padding: 0.260vw 0.677vw;
  border-radius: 2.604vw;
  margin-top: 0.417vw;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}

.container .seventh {
  padding-top: 9.375vw;
}

.container .seventh .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .seventh .title {
  margin-top: 0.833vw;
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
}

.container .seventh .option {
  margin-top: 2.917vw;
  width: 60.417vw;
}

.container .seventh .option .item {
  width: 15.026vw;
  height: 11.250vw;
  border-radius: 0.729vw;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.02);
  padding: 2.135vw 0;
  margin-bottom: 3.125vw;
}

.container .seventh .option .item .icon {
  width: 2.292vw;
  height: 2.292vw;
}

.container .seventh .option .item .icon img {
  width: 100%;
  height: 100%;
}

.container .seventh .option .item .name {
  color: rgba(255, 255, 255, 0.4);
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 0.625vw;
  line-height: 0.938vw;
  margin-top: 0.833vw;
}

.container .seventh .option .item .text {
  margin-top: 0.365vw;
  width: 12.031vw;
  text-align: center;
  color: white;
  font-family: "PingFang SC";
  font-weight: 500;
  font-size: 0.781vw;
  line-height: 1.250vw;
}

.container .eighth {
  padding-top: 9.635vw;
}

.container .eighth .remove {
  color: #7c3aed;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 2.344vw;
}

.container .eighth .title {
  margin-top: 1.042vw;
  width: fit-content;
  background: linear-gradient(92deg, white 1.63%, #a78bfa 98.37%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 2.188vw;
  line-height: 3.073vw;
}

.container .eighth .btn-box {
  margin-top: 3.177vw;
}

.container .eighth .btn-box .btn {
  padding: 0 2.135vw;
  height: 2.656vw;
  display: flex;
  place-content: flex-start;
  place-items: center;
  gap: 0.417vw;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0.729vw 2.083vw;
  border-radius: 2.604vw;
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-weight: 500;
  font-size: 0.781vw;
  color: rgba(255, 255, 255, 0.7);
}

.container .eighth .btn-box .act {
  background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
  box-shadow: 0 0 2.083vw rgba(124, 58, 237, 0.25);
  color: #fff;
  margin-right: 1.042vw;
  border: none;
}

.container .eighth .btn-box .act::after {
  content: "→";
}

.about-box {
  padding: 0 2.813vw 9.375vw 2.813vw;
  background: #000;
}

.about {
  border-radius: 1.250vw;
  width: 100%;
  height: 25.000vw;
  position: relative;
  padding: 4.583vw 0 3.125vw 4.167vw;
}

.about .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.250vw;
}

.about .bg img {
  border-radius: 1.250vw;
  width: 100%;
  height: 100%;
}

.about .left .logo {
  width: 12.813vw;
  height: 2.917vw;
}

.about .left .logo img {
  width: 100%;
  height: 100%;
}

.about .left .text {
  margin-top: 0.677vw;
  width: 15.208vw;
  color: #fff;
  font-family: "PingFang SC";
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.5;
}

.about .left .icon {
  margin-top: 1.302vw;
}

.about .left .icon .item {
  width: 3.646vw;
  height: 3.646vw;
}

.about .left .icon .item img {
  width: 100%;
  height: 100%;
}

.about .right .content {
  margin-left: 7.865vw;
  width: 7.917vw;
}

.about .right .content-act {
  width: 6.458vw;
}

.about .right .name {
  color: #fff;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 1.5;
}

.about .right .item {
  margin-top: 1.250vw;
  height: 9.792vw;
}

.about .right .item .option {
  color: #fff;
  font-family: "PingFang SC";
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.5;
}

.about .footer {
  padding-top: 1.823vw;
  margin-top: 1.875vw;
  padding-right: 4.167vw;
  border-top: 1px solid rgba(72, 98, 132, 0.16);
}

.about .footer .left {
  color: #fff;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 0.833vw;
}

.about .footer .right .option {
  margin-left: 5.208vw;
  color: #fff;
  font-family: "PingFang SC";
  font-weight: 600;
  font-size: 0.833vw;
}