.article {
  padding: 0.10416667rem;
  background: #fff;
  border-radius: 0.04166667rem;
}
.list {
  margin: 0.078125rem;
}
.list li {
  line-height: 0.28645833rem;
  font-size: 0.08333333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.list li:last-child {
  border-bottom: none;
}
.list li a {
  font-size: 0.08333333rem;
  color: #333;
}
.list li a div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li:hover {
  background-color: #E8E8E8;
  animation: 0.15s forwards info-item-in;
}
.list li:hover a {
  color: #D6000F;
}
.list li .article-title {
  width: 70%;
  float: left;
  padding-left: 0.13020833rem;
  font-size: 0.08333333rem;
  position: relative;
}
.list li .article-title::before {
  content: '';
  width: 0.03125rem;
  height: 0.03125rem;
  position: absolute;
  left: 0.05208333rem;
  top: 0.11979167rem;
  background: #D6000F;
}
.list li .article-title span {
  padding-right: 0.015625rem;
  font-weight: bold;
  font-size: 0.08333333rem;
}
.list li .article-date {
  width: 25%;
  color: #969696;
  float: right;
  text-align: right;
  padding-right: 0.05208333rem;
  font-size: 0.08333333rem;
}
/*# sourceMappingURL=list.css.map */