.list {
  margin: 0.15625rem;
  padding-bottom: 0.05208333rem;
  border-bottom: solid 1px #eee;
}
.list:last-of-type {
  border-bottom: none;
}
.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 .first-title {
  font-weight: bold;
}
.list li:last-child {
  border-bottom: none;
}
.list li:hover {
  background-color: #E8E8E8;
  animation: 0.15s forwards info-item-in;
}
.list li .article-title {
  width: 50%;
  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: #D3D8DE;
}
.list li .article-title span {
  padding-right: 0.015625rem;
  font-weight: bold;
  font-size: 0.08333333rem;
}
.list li .article-date {
  width: 45%;
  float: right;
  text-align: left;
  padding-right: 0.10416667rem;
  font-size: 0.08333333rem;
}
/*# sourceMappingURL=note.css.map */