#article-page {
  padding: 40px;
  min-height: calc(100vh - 369px);
}
#article-page .list-group {
  background-color: #e4e4f7;
  padding: 40px;
  min-height: calc(100vh - 500px);
}
#article-page .list-group .list-group-item {
  margin-bottom: 10px;
}
#article-page .list-group .list-group-item .item-date {
  font-size: 14px;
}
#article-page .list-group .list-group-item .item-content {
  font-size: 20px;
}
#article-detail-page {
  padding: 40px;
  min-height: calc(100vh - 369px);
}
#article-detail-page .file-list {
  border: 1px solid #eee;
}
#article-detail-page .file-list .file {
  border-bottom: 1px solid #eee;
}
#article-detail-page .file-list .file i {
  font-size: 30px;
}
#article-detail-page .file-list .file p {
  font-size: 20px;
}
#article-detail-page .file-list .file:last-child {
  border-bottom: 0;
}
@media (max-width: 800px) {
  #article-page {
    padding: 6px;
  }
  #article-page .list-group {
    padding: 6px;
  }
}