.title {

  padding: 20px 0;

  text-align: center;

  width: 100%;

  font-size: 25px;

  border-bottom: 2px solid rgba(160, 160, 160, 1);

}

.list-item {

  justify-content: space-between;



  border-bottom: 1px solid #e5e5e5;

  color: #000;

}

.article-name {

  float: left;

  padding: 18px 0;

}

.article-date {

  float: right;

  padding: 18px 0;

}

.page-bar {

  display: flex;

  flex-direction: row;

  font-size: 18px;

  margin-top: 58px;

}

.teacher-wrap {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  border-left: 1px solid #d2d2d2;

  border-top: 1px solid #d2d2d2;

  margin: 15px 0;

}

.teacher-item {

  width: 33.2%;

  font-size: 20px;

  padding: 5px 0;

  border-right: 1px solid #d2d2d2;

  border-bottom: 1px solid #d2d2d2;

}

.teacher-item a {

  color: inherit;

  margin-left: 10px;

}

#article-list img {

  width: 100%;

}

.article-list {

  height: 1300px;

  overflow: scroll;

}

.article-list::-webkit-scrollbar {

  display: none;

}

#article-list {

  height: 1130px;

}