
.news-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news-box {
  width: 48%;
  flex-wrap: nowrap;
  height: 144px;
  margin-bottom: 70px;
  transition: all 0.3s ease-in-out;
}

.news-box:hover {
  box-shadow: 4px 4px 24px rgba(191, 201, 219, 0.5);
  scale: 1.05;
}

.news-box:hover .news-title {
  color: var(--main-color);
}
.news-box:hover .news-publish-time {
  color: var(--main-color);
}

.news-box .news-cover {
  flex: 0 0 217px;
  width: 217px;
  height: 144px;
  object-fit: cover;
}

.news-text {
  flex: auto;
  padding: 14px 21px;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(212, 213, 214, 1);
  border-left: none;
}

.news-text .news-title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  color: rgba(36, 38, 43, 1);
  transition: all 0.3s ease-in-out;
}

.news-text .news-desc {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
  height: 41px;
}

.news-text .news-publish-time {
  font-size: 22px;
  font-weight: 700;
  color: rgba(233, 236, 242, 1);
  transition: all 0.3s ease-in-out;
}
