@font-face {
  font-family: "BaseRegular";
  src: url("https://cdnstatic.yingxiong.com/dna/cloud/font/SourceHanSansCN-Regular.woff2")
    format("woff2");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* PC首页样式 */
.pc-home {
  width: 100%;
  height: 100vh;
  position: absolute;
  opacity: 1;
}

.pc-home.mobile-mode {
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  max-width: 100vw;
  touch-action: none;
}

.pc-home.mobile-mode .rotate-container {
  width: 100vh;
  height: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center;
  overflow: hidden;
  z-index: 1;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  object-fit: cover;
}

.footer-wrapper {
  position: absolute;
  width: 100%;
  height: 7.69vh;
  background-image: url("https://cdnstatic.yingxiong.com/dna/cloud/imgs/home/bg-bottom.webp");
  background-size: 100% 100%;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-wrapper .footer-text {
  color: #fff;
  opacity: 0.53;
  font-size: 1.8rem;
  text-align: center;
}

.footer-wrapper .agree-link {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.footer-wrapper .agree-link:hover {
  opacity: 0.9;
}

.footer-wrapper .deco-point {
  width: 4.1rem;
  height: 1.2rem;
}

.footer-wrapper .deco-point:first-child {
  margin-left: 4.15rem;
}

.footer-wrapper .deco-point:last-child {
  margin-right: 4.15rem;
}

.scale-wrapper {
  width: 1920px;
  height: 1080px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center center;
  z-index: 2;
}

.btn-close {
  position: absolute;
  left: 57.5px;
  top: 53.5px;
  width: 38px;
  height: 38px;
  z-index: 6;
  cursor: pointer;
}

.btn-close:hover {
  opacity: 0.9 !important;
}

.logo {
  position: absolute;
  width: 329px;
  right: 57px;
  top: 49px;
}

.deco-top {
  position: absolute;
  width: 1273.5px;
  left: 64px;
  top: 66.5px;
}

.deco-bottom {
  position: absolute;
  width: 566px;
  right: 15px;
  bottom: 65px;
}

.deco-tip {
  position: absolute;
  height: 36px;
  right: 1761px;
  top: 380.5px;
}

.main-title {
  position: absolute;
  width: 596.5px;
  left: 60.5px;
  top: 183.5px;
}

.info-wrapper {
  position: absolute;
  width: 515px;
  left: 98.5px;
  top: 470.5px;
  z-index: 5;
}

.info-wrapper .deco-title {
  height: 7px;
}

.info-wrapper .info-text {
  font-size: 19px;
  color: #000;
  line-height: 33px;
  margin-top: 24.5px;
  margin-bottom: 26px;
  font-family: "BaseRegular";
}

.info-wrapper .deco-text {
  height: 42px;
}

.info-wrapper .download-wrapper {
  width: 100%;
  margin-top: 24.5px;
  margin-left: 6px;
}

.info-wrapper .download-item {
  width: 222px;
  height: 57.5px;
  cursor: pointer;
  margin-right: 25.5px;
  margin-top: 17.5px;
}

.info-wrapper .download-item:hover {
  opacity: 0.9;
}

.main-content {
  position: absolute;
  width: 969.5px;
  height: 580px;
  left: 783.5px;
  top: 223.5px;
  display: flex;
  justify-content: center;
}

.main-content .swiper-container {
  width: 948px;
  height: 100%;
}

.main-content .swiper-slide {
  text-align: center;
}

.main-content .swiper-item {
  width: 948px;
  object-fit: contain;
  cursor: pointer;
}

.main-content .deco-bg {
  position: absolute;
  width: 969.5px;
  height: 580px;
  object-fit: contain;
  z-index: 6;
}

.main-content .swiper-position {
  position: relative;
  top: 38px;
  width: 100%;
  z-index: 10;
}

.main-content .button-prev,
.main-content .button-next {
  position: absolute;
  top: 274px;
  width: 61.5px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
}

.main-content .button-prev:hover,
.main-content .button-next:hover {
  opacity: 0.95 !important;
}

.main-content .button-prev {
  left: -85.5px;
}

.main-content .button-next {
  right: -85.5px;
}

.custom-pagination {
  position: absolute;
  width: 969.5px;
  left: 783.5px;
  top: 824px;
  z-index: 15;
}

.custom-pagination .pagination-item-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.custom-pagination .pagination-item {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 35px;
  display: inline-block;
}

.custom-pagination .pagination-item:last-child {
  margin-right: 0rem;
}

.custom-pagination .pagination-item .active-item {
  width: 16px;
  object-fit: contain;
}