video-template-2

code/public/template/videodadi/css/stui_block.css

@@ -957,6 +957,13 @@ textarea.form-control{ height: auto;}
 	.video-play-page .stui-player__head a {
 		color: #fff;
 	}
+	.video-play-page .dplayer-video-wrap {
+		max-height: 168px;
+	  }
+	  
+	  .video-play-page video {
+		max-height: 168px;
+	  }
 }
 /**  播放器 end */
 
@@ -970,6 +977,54 @@ textarea.form-control{ height: auto;}
 
 
 
+/**
+pc 导航 滚动
+*/
 
+@media (min-width: 769px) {
+    .stui-screen__list {
+        display: flex;
+        overflow-x: auto; /* 启用横向滚动 */
+        white-space: nowrap; /* 强制单行显示 */
+        scrollbar-width: thin; /* 滚动条宽度（Firefox） */
+        padding: 10px 0;
+    }
 
+    .stui-screen__list::-webkit-scrollbar {
+        height: 8px; /* 滚动条高度（Chrome/Safari） */
+    }
+
+    .stui-screen__list::-webkit-scrollbar-thumb {
+        background: #e0dfdf; /* 滚动条颜色 */
+        border-radius: 4px;
+    }
+
+    .stui-screen__list::-webkit-scrollbar-thumb:hover {
+        background: #8a8888; /* 滚动条悬停颜色 */
+    }
+
+    .stui-screen__list li {
+        flex: 0 0 auto; /* 防止缩小，保持原始宽度 */
+        margin-right: 12px; /* 导航项间距 */
+    }
+
+    .stui-screen__list li a,
+    .stui-screen__list li span {
+        display: inline-block;
+        padding: 8px 16px;
+        text-decoration: none;
+        font-size: 14px;
+    }
+
+    /* 清除浮动和默认样式 */
+    .stui-screen__list.clearfix::after {
+        content: none;
+    }
+
+    /* 保持active状态样式 */
+    .stui-screen__list li.active a {
+        color: #333; /* 可根据主题调整 */
+        font-weight: bold;
+    }
+}