.fs { min-width: 1280px; } .fs-box { width: 100%; aspect-ratio: 16/9; /* 2560/1440=16/9,核心比例约束 */ position: relative; will-change: contents; /* 告诉浏览器该元素即将变化,提前优化 */ contain: layout paint; /* 限制重排重绘范围 */ } .fs-img, .fs-video { backface-visibility: hidden; /* 开启硬件加速 */ transform: translateZ(0); /* 硬件加速 */ } .fs-box img { width: 100%; } .fs-box-img { display: flex; /* width: 100%; position: absolute; bottom: -60px; */ display: flex; flex-wrap: wrap; /* justify-content: center; gap: 0.2rem; */ min-width: 1280px; } .fs-h-img { width: 100%; display: flex; justify-content: center; gap: 0.2rem; /* margin-top: 0.2rem; */ min-width: 1280px; } .fs-h-img img { max-width: 7.1rem; } .fs-b-img { width: 100%; display: flex; justify-content: center; margin-top: 0.2rem; min-width: 1280px; } .fs-b-img img { width: 100%; max-width: 14.4rem; } .fs-ts { font-size: clamp(16px, 1vw, 0.22rem); text-align: center; color:#cbcfd8; padding:0.4rem 0; }.dl { width: 100%; padding-top: 0.71rem; } .dl-t { color: #fff; font-size: 0.63rem; width: 100%; text-align: center; } .dl-p { color: #cbcfd8; font-size: clamp(16px, 1vw, 0.22rem); width: 100%; text-align: center; padding-top: 0.43rem; /* padding-bottom: 0.37rem; */ line-height: 1.8; font-family: "HarmonyOS-Light"; }