.banner {
  height: 16.7vw;
  width: 100%;
  min-width: var(--min-width);
  min-height: 184px;
}
.banner img,
.news-card .cover-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.current-site {
  width: 69%;
  margin-inline: auto;
  font-family: Microsoft YaHei;
  font-size: .12rem;
  font-weight: 400;
  color: #999999;
  margin-top: .2rem;
  margin-bottom: .2rem;
  display: flex;
  cursor: pointer;
}
#classify {
  color: #666666;
}
.current-site span:hover {
  color: #666666;
}
#container {
  padding: .2rem 0 1rem 0;
  width: 69%;
  margin-inline: auto;
  font-family: Microsoft YaHei;
}
.news-list {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.news-classify-tablist {
  font-family: Microsoft YaHei;
  border-bottom: 1px solid #D8D8D8;
}
.news-classify-tablist > div {
  width: 69%;
  display: flex;
  color: #3D3D3D;
  font-size: .18rem;
  margin-inline: auto;
  gap: .6rem;
}
.news-classify-tablist .classify {
  cursor: pointer;
  height: .31rem;
}
.news-classify-tablist .classify:hover {
  color: var(--main-color);
}
.news-classify-tablist .classify.active {
  color: var(--main-color);
  border-bottom: 1px solid var(--main-color);
}
.news-card {
  display: flex;
  height: 2rem;
  position: relative;
  cursor: pointer;
}
.news-card:hover .time,
.news-card:hover .title {
  color: var(--main-color)
}
.news-card .cover-img {
  width: 40%;
  flex-shrink: 0;
}
.news-card .news-info {
  padding-left: .27rem;
  display: flex;
  flex-direction: column;
}
.news-card .time {
  display: flex;
  align-items: center;
  gap: .1rem;
  margin-bottom: .2rem;
  color: #444444;
}
.news-card .date {
  font-size: .26rem;
  font-weight: 500;
}
.news-card .year {
  font-size: .14rem;
}
.news-card .title {
  font-size: .18rem;
  font-weight: 500;
  color: #444444;
  margin-bottom: .1rem;
}
.news-card .summary {
  font-size: .14rem;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.news-card .detail-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  height: .32rem;
  width: 1.04rem;
  color: var(--main-color);
  background-color: transparent;
  border: 1px solid var(--main-color);
  font-size: .14rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .04rem;
  padding: 0;
}
.news-card .detail-btn:hover {
  border: 1px solid #0048A1;
  color: #0048A1;
}

.page-setting {
  font-size: .14rem;
  color: #666666;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .6rem;
  height: .2rem;
}
#perPageSelect {
  border: 1px solid #999999;
  padding: .02rem .04rem;
  font-size: inherit;
  color: inherit;
  outline: none;
  border-radius: 0;
  margin-inline: .18rem;
}
.pagination {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
#paginationList {
  display: flex;
  gap: .12rem;
  margin-inline: .185rem;
}
.pagination li {
  padding: .025rem .075rem;
  cursor: pointer;
}

.pagination li.active {
  background: #117DD6;
  color: #FFFFFF;
}

#nextPageBtn,
#prevPageBtn {
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: .19rem;
}

#jumpTo {
  margin-left: .185rem;
}
#jumpTo input {
  border: 1px solid #999999;
  width: .54rem;
  font-size: inherit;
  color: inherit;
  outline: none;
}
.hidden {
  display: none;
}