body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.frame {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  line-height: 0px;
}

.frame .div {
  background-color: #ffffff;
  width: 100%;
  position: relative;
  max-width: 1200px; /* 设置最大宽度以避免在PC端宽屏 */
  margin: 0 auto; /* 居中对齐 */
}

.frame .overlap-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
    background-image: url(../image/BG.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
  position: relative;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 0;
  height: 1538px;
  width: 100%;
}

.frame .element {
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.frame .download-btn {
  display: flex;
}

.frame .img {
  width: 100%;
  height: auto; /* 保持图片比例 */
  object-fit: contain; /* 适应容器 */
  position: absolute; /* 绝对定位 */
  top: 0;
  left: 0;
}


.frame .imgbox1{
  position: absolute; /* 绝对定位 */
  display: flex;
  z-index: 999; 
  top: 210px !important;
  transform: scale(0.4);
}

.frame .imgbox2{
  position: absolute; /* 绝对定位 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  z-index: 999; 
  top: -34px !important;
  left: 315px;
  transform: scale(0.4);
}
.fb-img{
  margin-top: 50px;
}

/* PC端样式 */
@media (min-width: 480px) {
  .frame .div{
    max-width: 50%; /* PC端宽度为50% */
    margin: 0 auto; /* 居中对齐 */
  }
  .frame .overlap-group{
  width: 480px;
  height: 1720px;
  }
  .frame .imgbox1{
    max-width: 100%; /* PC端宽度为50% */
    margin: 0 auto; /* 居中对齐 */
    top: 241px !important;
    left: -80px;
  }
  .frame .imgbox2{
    max-width: 100%; /* PC端宽度为50% */
    margin: 0 auto; /* 居中对齐 */
    top: -20px !important;
    left: 400px;
  }
}
