.articlelist .header .box h3 {
  color: var(--dark-text);
  font-size: 30px;
  font-weight: 700;
}
.articlelist .header .box p {
  color: var(--ldark-text);
  font-size: 14px;
  margin-top: 3px;
}
.articlelist .header .arrows a i {
  color: var(--ldark);
  font-size: 30px;
}
.articlelist .header .arrows > * + * {
  margin-left: 15px;
}
.articlelist .header .arrows > * + * > i {
  color: var(--dark-text) !important;
}
.articlelist .header .arrows a:hover i {
  opacity: 0.8;
}
.articlelist .list {
  margin: 40px -15px 0;
}
.articlelist .list .item {
  margin: 0 15px 5px;
  max-width: 400px;
}
.articlelist .list .item .img {
  overflow: hidden;
  margin-bottom: 20px;
}
.articlelist .list .item a:has(i) {
  height: 166px;
  background: var(--f2);
  color: var(--dark);
  font-size: 20px;
}
.articlelist .list .item .date {
  font-size: 15px;
  color: var(--main-color);
}
.articlelist .list .item .date i {
  margin-right: 6px;
  font-size: 14px;
}
.articlelist .list .item h2 {
  font-size: 20px;
  color: var(--dark-text);
  width: 98%;
  min-height: 90px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.articlelist .list .item .desc {
  font-size: 14px;
  color: var(--sdark-text);
  line-height: 1.7;
  margin-top: 7px;
  margin-bottom: 20px;
}/*# sourceMappingURL=mod_articles.css.map */