debug

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

@@ -37,8 +37,8 @@ s{background: url(../images/iconC.png) no-repeat;}
 .header{width: 100%; height: 80px; background: #fff; margin-bottom: 20px;}
 .headWrap{width: 1100px; margin: 0 auto;height: 80px; background: #fff;}
 /* logo */
-.headWrap h1{width: 170px; height: 50px; padding-top: 15px; float: left;}
-.headWrap h1 a{width: 170px; height: 50px; }
+.headWrap h1{width: auto; height: 50px; padding-top: 15px; float: left;}
+.headWrap h1 a{width: 100%; height: 50px;font-size: 1.4rem; }
 .headWrap h1 img{width: 100%; height: 100%;}
 /*导航 */
 .headWrap .nav{float: left; margin: 24px 0 0 20px;}
@@ -197,6 +197,7 @@ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
 
 /* 热门推荐 */
 .content .area{width: 1064px; height: 514px; background: #fff; padding: 38px 18px 40px;}
+.content .site-description{width: 1064px;  background: #fff; padding: 10px 18px 10px;font-size: 1rem;}
 .f2 .area_head{overflow: hidden; margin-bottom: 15px;}
 .f2 .f2_list{overflow: hidden; padding: 0 10px;}
 .f2 .f2_list li{overflow: hidden; width: 122px; margin: 6px 0; float: left; padding: 13px 26px;}

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

@@ -192,7 +192,7 @@ aria {
     left: 0.75rem;
     line-height: 2.75rem;
     max-width: 60%;
-  font-size: 1rem;
+   font-size: 0.8rem;
     font-weight: 400;
     color: #fff;
     white-space: nowrap;
@@ -255,6 +255,11 @@ aria {
   background-size: 1.225rem;
   position: relative;
 }
+.site-description{
+  font-size: 0.7rem;
+    padding: 0.5rem 1rem;
+    line-height: 1rem;
+}
 /*尾部*/
 .footer{
   margin-top: 0.75rem;
@@ -584,6 +589,17 @@ aria {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
+.book-slide ul li a h3 {
+  display: block;
+  margin: 0.5rem 0 0.125rem;
+  line-height: 1rem;
+  max-height: 2rem;
+  font-size: 0.8125rem;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
 .book-slide ul li a em {
   display: block;
   line-height: 1rem;
@@ -2506,3 +2522,165 @@ aria {
   color: #6f78a7;
 }
 
+
+/* 面包屑容器 -----------------------------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-------------------------------------- */