笔记本移动端

public/static/index/mobile/css/topic_laptop/fs.css

@@ -0,0 +1,69 @@
+.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';
+}