.news-list{
  list-style: none;
  padding:0;
  margin:0;
}
.news-item{
  display:flex;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid #eee;
}
.news-item a{
  display:flex;
  gap:16px;
  text-decoration:none;
  color:#333;
}
.news-thumb{
  width:180px;
  height:120px;
  object-fit:cover;
}
.news-info h3{
  margin:0 0 8px;
  font-size:18px;
}
.news-desc{
  color:#666;
  font-size:14px;
  margin:0 0 8px;
  line-height:1.6;
}
.news-date{
  color:#999;
  font-size:12px;
}
.page{
  margin-top:40px;
  text-align:center;
}
.page a{
  display:inline-block;
  padding:6px 12px;
  margin:0 4px;
  border:1px solid #ccc;
  color:#333;
  text-decoration:none;
}
.page a.active{
  background:#222;
  color:#fff;
  border-color:#222;
}