.article {
  padding: 0 0.15625rem;
  background: #fff;
}
.article .list {
  margin: 0.15625rem 0;
  position: relative;
}
.article .list::after {
  content: '';
  width: 100%;
  height: 0.00520833rem;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: -0.07291667rem;
}
.article .list:last-of-type::after {
  content: '';
  width: 0;
  height: 0;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: -0.02864583rem;
}
.article .list:first-of-type {
  margin: 0;
}
.article .list li {
  line-height: 0.234375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.article .list li:last-child {
  border-bottom: none;
}
.article .list li:hover {
  animation: 0.15s forwards info-item-in;
}
.article .list li a div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.article .list li:hover a {
  color: #D6000F;
}
.article .list li .article-title {
  width: 70%;
  float: left;
  padding-left: 0.10416667rem;
  font-size: 0.09375rem;
  color: #333;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article .list li .article-title::before {
  content: '';
  width: 0.02604167rem;
  height: 0.02604167rem;
  border-radius: 0.13020833rem;
  position: absolute;
  left: 0.04166667rem;
  top: 0.10416667rem;
  background: #666;
}
.article .list li .article-date {
  width: 25%;
  color: #969696;
  float: right;
  text-align: right;
  padding-right: 0.10416667rem;
  font-size: 0.09375rem;
}
