.fs { width: 100%; } .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; display: flex; flex-wrap: wrap; } .fs-h-img { width: 100%; display: flex; justify-content: center; gap: 0.13rem; } .fs-h-img img { width: 3.35rem; } .fs-b-img { width: 100%; display: flex; justify-content: center; margin-top: 0.13rem; } .fs-b-img img { width: 6.81rem; } .fs-ts { font-size: 0.18rem; text-align: center; color: #cbcfd8; padding: 0.4rem 0; } .dl { width: 100%; padding-top: 1.01rem; } .dl-t { color: #fff; font-size: 0.36rem; width: 100%; text-align: center; line-height: 1.5; } .dl-p { color: #cbcfd8; font-size: 0.18rem; width: 100%; text-align: center; padding-top: 0.37rem; /* padding-bottom: 0.37rem; */ line-height: 1.5; font-family: 'HarmonyOS-Light'; }