debug

code/public/template/kuangyu/home/bai_web/css/style.css

@@ -594,3 +594,168 @@ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margi
 .info2_L .news .comB .rbtn img{width: 12px; height: 12px; margin: 4px 4px 0 0; float: left;}
 .info2_L .news .comB .rbtn a i{float: left;color: #9e9e9e;font-size: 12px;}
 
+
+
+
+
+/* 面包屑容器 -----------------------------start */
+
+/* 面包屑容器 */
+.breadcrumb {
+    font-family: Arial, sans-serif;
+    padding: 10px 15px;
+    background-color: #f8f9fa;
+    border-radius: 5px;
+    margin: 10px 0;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  }
+  
+  /* 有序列表样式 */
+  .breadcrumb ol {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  
+  /* 面包屑项 */
+  .breadcrumb-item {
+    font-size: 14px;
+    color: #666;
+  }
+  
+  /* 链接样式 */
+  .breadcrumb-item a {
+    text-decoration: none;
+    color: #007bff;
+    transition: color 0.3s ease;
+  }
+  
+  .breadcrumb-item a:hover {
+    color: #0056b3;
+    text-decoration: underline;
+  }
+  
+  /* 分隔符 */
+  .breadcrumb-item + .breadcrumb-item::before {
+    content: ">";
+    margin: 0 8px;
+    color: #999;
+    font-weight: bold;
+  }
+  
+  /* 当前页面样式 */
+  .breadcrumb-item.active {
+    color: #333;
+    font-weight: bold;
+  }
+  
+  /* 响应式调整 */
+  @media (max-width: 768px) {
+    .breadcrumb {
+        padding: 8px 10px;
+    }
+    .breadcrumb-item {
+        font-size: 12px;
+    }
+    .breadcrumb-item + .breadcrumb-item::before {
+        margin: 0 5px;
+    }
+  }
+  
+  
+  /* 面包屑容器 -----------------------------end */
+  
+  
+  /* 分页----------------------------start */
+  .page_num {
+    /* 基本容器样式 */
+    width: 100%;
+    max-width: 1200px; /* 最大宽度限制 */
+    margin: 20px auto; /* 居中并添加外边距 */
+    padding: 0 15px; /* 左右内边距 */
+    box-sizing: border-box;
+    
+    /* flex布局实现自适应 */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 15px; /* 元素间距 */
+  }
+  
+  /* 上一页和下一页链接样式 */
+  .z, .y {
+    text-decoration: none;
+    padding: 8px 15px;
+    background-color: #f5f5f5;
+    color: #333;
+    border-radius: 4px;
+    transition: all 0.3s ease;
+    font-size: 14px;
+  }
+  
+  /* hover效果 */
+  .z:hover, .y:hover {
+    background-color: #e0e0e0;
+    color: #000;
+  }
+  
+  /* select下拉框样式 */
+  .page_num select {
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background-color: white;
+    font-size: 14px;
+    min-width: 120px;
+    cursor: pointer;
+    appearance: none; /* 移除默认箭头 */
+    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+    background-repeat: no-repeat;
+    background-position: right 8px center;
+    background-size: 16px;
+  }
+  
+  /* 焦点状态 */
+  .page_num select:focus {
+    outline: none;
+    border-color: #666;
+  }
+  
+  /* 响应式设计 */
+  @media screen and (max-width: 768px) {
+    .page_num {
+        gap: 10px;
+        padding: 0 10px;
+    }
+    
+    .z, .y {
+        padding: 6px 12px;
+        font-size: 13px;
+    }
+    
+    .page_num select {
+        font-size: 13px;
+        min-width: 100px;
+    }
+  }
+  
+  @media screen and (max-width: 480px) {
+    .page_num {
+        flex-wrap: wrap; /* 小屏幕时允许换行 */
+        gap: 8px;
+    }
+    
+    .z, .y {
+        padding: 5px 10px;
+        font-size: 12px;
+    }
+    
+    .page_num select {
+        font-size: 12px;
+        min-width: 120px;
+    }
+  }
+  /* 分页----------------------------end-------------------------------------- */