/* 新闻列表页面样式 */
.newsListPage {
  background: url(../../image/zh-cn/index/newsList-bg.jpg) top center no-repeat;
  background-size: cover;
  width: 100%;
  height: 20.7rem;
  position: relative;
}

.header {
  width: 17.32rem;
  display: flex;
  margin: 0 auto;
  padding-top: 0.56rem;
  justify-content: space-between;
  align-items: flex-start;
}


.header img {
  width: 2.2rem;
  height: 1.72rem;
}

.main {
  width: 12rem;
  margin: 3.3rem auto 0;
}

/* 面包屑导航 */
.newsList_top {
  padding: 0.45rem 0;
}

.newsList_top p {
  font-size: 0.2rem;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  gap: 0.15rem;
}

.newsList_top a {
  color: #ffffff;
  transition: color 0.3s;
  font-weight: bold;
}

.newsList_top a:hover {
  color: #97d797;
}

.newsList_top a.active {
  color: #97d797;
}

/* 标签页样式 */
.news-tabs {
  display: flex;
  border-bottom: 1px solid #97d797;
}

.tab-item {
  flex: 1;
  cursor: pointer;
  font-size: 0.3rem;
  color: #fff;
  transition: all 0.3s ease;
  text-align: left;
  font-weight: bold;
}

.tab-item:hover {
  color: #97d797;
}

.tab-item.active {
  color: #97d797;
}

/* 新闻列表容器 */
.news-list-container {}

/* 新闻列表 */
.news-list {
  height: 10.62rem;
}

.news-item a{
    display: flex;
    gap: 0.25rem;
    align-items: center;
    padding: 0.4rem 0;
    border-bottom: 1px solid #97d797;
    transition: background-color 0.3s;
    color: #fff;
}

.news-item a:hover {
    color: #97d797;
}



/* 标签样式 */
.news-label {
  display: inline-block;
  padding: 0.05rem 0.14rem;
  flex-shrink: 0;
  color: #fff;
  font-size: 0.18rem;
}

.news-label.top {
  background-color: #8b2525;

}

.news-label.hot {
  background-color: #7c4b0c;

}

/* 新闻标题 */
.news-title {
  flex: 1;
  font-size: 0.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 日期 */
.news-date {
  font-size: 0.18rem;
  flex-shrink: 0;
}

/* 分页样式 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.6rem;
}

/* 分页按钮 */
.prev-btn,
.next-btn {
  font-size: 0.2rem;
  color: #97d797;
  cursor: pointer;


  transition: all 0.3s;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #97d797 !important;
}

.prev-btn:hover:not(.disabled),
.next-btn:hover:not(.disabled) {
  background-color: transparent;
  color: #fff;
  border-color: transparent;
}

.prev-btn.disabled,
.next-btn.disabled {

  cursor: not-allowed;
}

.prev-btn.disabled:hover,
.next-btn.disabled:hover {
  background-color: transparent;
  color: #eee;
  border-color: transparent;
}

/* 页码 */
.page-numbers {
  display: flex;
  gap: 0.1rem;
  border-bottom: 1px solid #97d797;
}

.page-number {
  display: inline-block;

  font-size: 0.2rem;

  color: #97d797;
  cursor: pointer;
  transition: all 0.3s;
}

.page-number:hover {
  color: #fff;
  font-size: 0.2rem;
  cursor: default;
}

.page-number.active {
  color: #fff;
  font-size: 0.2rem;
  cursor: default;
}

.page-number.active:hover {
  color: #fff;
  font-size: 0.2rem;
  cursor: default;
}