.index {
  width: 100vw;
  height: 100vh;
  // overflow: hidden; // 防止溢出

  .index_backImg {
    width: 100%;
    height: 100%;
    background-color: yellowgreen;

    .index_backImg_bg {
      width: 100%;
      height: 100%;
    }
  }
}


// PC 浏览器下旋转
@media (min-width: 1600px) {
  .index {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px; // 根据标准宽度调整
    height: 1334px; // 保持竖屏比例
    // width: 100vw; // 使容器宽度始终填满视口
    // height: 100vh; // 使容器高度始终填满视口
    transform: rotate(-90deg) translate(-100vh, 0);
    transform-origin: top left;

    .index_backImg {
      width: 100%;
      height: 100%;
      // width: 100vw;
      // height: 100vh;
      background-color: yellow;

      .index_backImg_bg {
        width: 100%;
        height: 100%;
        // object-fit: cover; // 确保图片铺满并保持宽高比
      }
    }


  }

}