.search-breadcrumb {
  letter-spacing: 1px;
  padding-top: 2%;
}

.search-breadcrumb .bc-link {
  color: #fff;
  text-decoration: underline;
}

.search-breadcrumb .bc-sep {
  margin: 0 5px;
  color: #fff;
}


.search-breadcrumb .bc-current {
  color: #fff;
  text-decoration: underline;
}

.pager {
  clear: both;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 20px 0 10px;
}

.pager-btn {
  padding: 6px 12px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.pager-btn.active {
  border-color: #ff7a2f;
  color: #ff7a2f;
}

.pager-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pager-ellipsis {
  padding: 6px 8px;
  color: #999;
}

.result-card {

  /* 原 display: flex; 已移除，改为 block 或 inline-block */

  display: block;

  width: 25%;
  /* 每行4个，100% / 4 = 25% */

  padding: 15px;
  /* 卡片之间的间距 */

  float: left;
  /* 使用浮动让卡片一行排列4个 */

  box-sizing: border-box;
  /* 确保padding不撑大宽度 */

  background: #fff;

}

/* 卡片内部的链接容器 */

.result-card a {

  display: flex;
  gap: 30px;

  width: 100%;

  height: 100%;

  text-decoration: none;

  color: inherit;

  border: 1px solid #eee;
  /* 添加边框使卡片更清晰 */

  padding: 10px;

  transition: all 0.3s;

  /* 移除原有的 flex 布局 */

}

.result-card a:hover {

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  /* 鼠标悬停阴影效果 */

  border-color: #f58426;
  /* 悬停边框颜色 */

  transform: translateY(-2px);
  /* 微微上浮效果 */

}

/* 卡片图片 */

.result-img {

  width: 100%;
  /* 图片宽度占满卡片 */

  height: 180px;
  /* 固定高度，保持整齐 */

  object-fit: cover;
  /* 保持图片比例填充，不拉伸 */

  margin-right: 0;
  /* 移除原有右边距 */

  flex-shrink: 0;

}

/* 卡片信息区域 */

.result-info {

  flex: 1;

  text-align: center;
  /* 文字居中对齐 */

  padding: 0 5px;

}

/* 标题 */

.result-title {

  font-size: 16px;
  /* 适当调小字体以适应网格 */

  font-weight: bold;

  margin-bottom: 8px;

  color: #333;

  height: 44px;
  /* 限制标题高度，两行显示 */

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.result-title a {

  display: inline;
  /* 标题链接本身不需要block */

}

/* 描述 */

.result-desc {

  font-size: 12px;
  /* 调小描述字体 */

  color: #888;

  line-height: 1.4;

  height: 34px;
  /* 限制描述高度，两行显示 */

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-align: left;
  /* 描述文字左对齐 */

}

/* 清除浮动，防止容器塌陷 (在容器最后添加) */

.content-section::after {

  content: "";

  display: block;

  clear: both;

}

/* 暂无数据样式调整 */

.no-data {
  font-size: 24px;
  clear: both;
  padding: 40px;
  margin-bottom: 80px;
  text-align: center;
  padding: 50px 0;
  color: #999;
}

.result-title a:hover {

  color: #d61010;
  /* 假设柳工红 */

}

.search-content {
  width: 100%;
  height: 245px;
  background: url(../images/search/kv-bg-pc.jpg) no-repeat 50%;
  background-size: cover;
}

.search-content .search-form {
  width: 100%;
  height: 70px;
  background-color: #e7e9ee;
  color: #615f5f;
  position: relative;
  margin-top: 55px;
}

.search-content .search-form .searchBtn {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background: url(../images/icons/search.png) no-repeat 50% #f58426;
  background-size: 37px;
  cursor: pointer;
}

.search-content .search-form input {
  width: calc(100% - 160px);
  height: 100%;
  background: transparent;
  font-size: 40px;
  padding-left: 90px;
  outline: none;
  /* 去除默认聚焦轮廓 */
  border: none;
  /* 去除默认边框 */
}

.filterTool,
.searchFilterTool {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 11;
  height: 70px;
  -webkit-box-shadow: 0 2px 10px #e6e6e6;
  box-shadow: 0 2px 10px #e6e6e6;
}

.search-content .search-form .result-mark {
  font-size: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
}


.filterTool .nav-tabs li,
.searchFilterTool .nav-tabs li {
  padding: 0 15px;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav>li,
.nav>li>a {
  position: relative;
  display: block;
}

.filterTool .nav-tabs li.active a,
.filterTool .nav-tabs li:hover a,
.searchFilterTool .nav-tabs li.active a,
.searchFilterTool .nav-tabs li:hover a {
  border-color: #f58426;
  background: none;
  color: #f58426;
}

.filterTool .nav-tabs li a:link,
.filterTool .nav-tabs li a:visited,
.searchFilterTool .nav-tabs li a:link,
.searchFilterTool .nav-tabs li a:visited {
  border: none;
  border-top: 3px solid transparent;
  background: none;
}

.filterTool .nav-tabs li a,
.searchFilterTool .nav-tabs li a {
  color: #acadad;
  font-size: 14px;
  padding: 0;
  line-height: 70px;
  border: none;
  border-radius: 0;
  border-top: 3px solid transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 让 main 撑开剩余高度，把 footer 挤到最底 */
main.page_contents_top {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 新增：通用布局容器，控制PC端最大宽度和居中 */
.container {
  width: 100%;
  max-width: 1180px;
  /* 根据需要调整这个值 */
  margin: 0 auto;
  /* 水平居中 */
  padding: 0 20px;
  /* 两侧保留内边距 */
  box-sizing: border-box;
}

/* 标签栏容器 - 固定顶部 */
.tab-container {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
}


/* 标签列表 */
.tab-list {
  display: flex;
  flex-wrap: wrap;
}

/* 单个标签 */
.tab-item {
  padding: 15px 20px;
  cursor: pointer;
  color: #666;
  font-size: 16px;
  position: relative;
  transition: color 0.3s;
  user-select: none;
  /* 禁止文字选中 */
}

/* 激活态标签 */
.tab-item.active {
  color: #ff7a2f;
  /* 橙色，和示例一致 */
  font-weight: 500;
}

/* 激活态下划线 */
.tab-item.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ff7a2f;
}

/* 内容容器（所有内容块的父容器，固定位置） */
.content-wrapper {
  width: 100%;
  min-height: 250px;
  /* 固定内容区域高度 */
  margin: 0 auto;
  display: flex;

  flex-direction: column;

  align-items: center;
}

.content-wrapper .inner-box {
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 20px;

}

/* 内容区域通用样式 */
.content-section {
  width: 100%;
  max-width: 1180px;
  text-align: center;
  display: none;
  /* 默认全部隐藏 */
}

/* 激活的内容块显示 */
.content-section.active {
  display: block;
}


/* 分隔线 */
.divider {
  width: 100%;
  max-width: 1180px;
  height: 1px;
  background-color: #ddd;
  margin: 0 auto;
}

/* 底部灰色条 */
.footer-bar {
  width: 100%;
  height: 40px;
  background-color: #f0f0f0;
  position: fixed;
  bottom: 0;
  left: 0;
}

@media (min-width: 769px) {
  .container-style {
    width: 100%;
    max-width: 1200px;
    /* PC端限制最大宽度，实现左右留白 */
    margin: 0 auto;
    /* 水平居中 */
  }

}

/* 响应式适配 */
@media (max-width: 768px) {
  .pager {
    position: sticky;
    bottom: 0;
    z-index: 50;
    background: #fff;
    border-top: 1px solid #eee;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 8px 10px;
    margin-top: 10px;
  }

  .pager-btn {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;

    border-radius: 10px;
    border: 1px solid #e6e6e6;
    background: #fff;

    font-size: 14px;
    line-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  /* 上一页/下一页箭头按钮更小 */
  .pager-btn.is-prev,
  .pager-btn.is-next {
    min-width: 36px;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
  }

  .pager-btn.active {
    border-color: #ff7a2f;
    color: #ff7a2f;
    font-weight: 600;
  }

  .pager-btn:disabled {
    opacity: .45;
  }

  .pager-ellipsis {
    min-width: 18px;
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 36px;
  }

  .result-card {
    width: 100%;
    /* 手机端每行1个 */

  }

  .result-card a {
    gap: 10px;
  }

  .result-title {

    font-size: 14px;

  }

  .filterTool,
  .searchFilterTool {
    height: 42px;
  }

  .search-content .search-form input {
    font-size: 20px;
    padding-left: 45px;
    width: calc(100% - 100px);
  }

  .tab-container {
    position: static;
    /* 移动端通常不需要吸顶，或者按需保留 sticky */
  }


  .tab-list {
    padding: 0 15px;
    /* 移动端原本的边距 */
  }

  .content-wrapper {
    padding: 40px 15px;
    /* 移动端原本的边距 */
  }

  .search-content .container .row {
    margin: 0;
  }

  .search-content .search-form .searchBtn {
    width: 35px;
    height: 35px;
    background-size: 18px;
  }

  .search-content .search-form {
    height: 35px;
    margin-top: 30px;
  }

  .search-content .search-form .result-mark {
    font-size: 12px;
    right: 15px;
  }

  .tab-item {
    padding: 12px 12px;
    font-size: 14px;
  }

  .no-data {
    font-size: 20px;
  }

  .content-wrapper {
    min-height: 400px;
    padding: 40px 15px;
  }
}



a,
article,
aside,
b,
body,
button,
dd,
div,
dl,
dt,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
input,
li,
nav,
p,
section,
select,
span,
textarea,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}