/* 轮播容器 - 核心:基于视口高度自适应 */ .auto-swiper-container { width: 100%; overflow: hidden; position: relative; z-index: 1; } /* 轮播项 - 填充容器高度 */ .auto-swiper-slide { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } /* 图片自适应核心:填充屏幕比例高度,保持比例 */ .auto-swiper-slide img { width: 100%; height: 100%; object-fit: cover; /* 优先填充容器,裁剪超出部分(无拉伸) */ /* object-fit: contain; 可选:完整显示图片,不裁剪(可能留黑边) */ display: block; } .swiper-container-texts { position: absolute; left: 50%; top: 1.2rem; transform: translateX(-50%); z-index: 10; width: 100%; } .swiper-container-texts-t { font-size: 0.48rem; text-align: center; width: 100%; line-height: 1; } .swiper-container-texts-p { padding-top: 0.54rem; font-size: 0.16rem; /* text-align: center; */ width: 100%; display: flex; align-items: center; letter-spacing: 1px; justify-content: center; } .swiper-container-texts-p div { font-family: 'HarmonyOS-Light'; } .swiper-container-texts-line { width: 1px; height: 0.16rem; background: #fff; margin: 0 12px; } .swiper-container-texts-img { width: 100%; display: flex; justify-content: center; padding-top: 0.54rem; cursor: pointer; } .swiper-container-texts-img a { width: 100%; max-width: 1.18rem; } .swiper-container-texts-img img { width: 100%; max-width: 1.18rem; } .swiper-slide-t { padding-top: 0.3rem; font-size: 0.2rem; text-align: center; color: #fff; } .swiper-slide-p { font-size: 0.16rem; color: #cbcfd8; text-align: center; margin-top: 0.18rem; }