#main {

  background: #ffffff;

}

.nav li {

  flex-grow: 1;

}

.dynamic-tabs {

  margin-top: 60px;

  font-size: 20px;

  display: flex;

  align-items: center;

}

.dynamic-tabs li {

  margin-right: 100px;

  cursor: pointer;

}

.dynamic-tabs li.active {

  font-size: 26px;

  color: #D22427;
  line-height: 74px;

}

.dynamic-post {

  margin-top: 45px;

}

.dynamic-post > li {

  display: flex;

  border: 1px solid #a9a9a9;

  background: #fff;

  margin-bottom: 18px;

}

.dynamic-post > li:hover {

  border: 1px solid #D22427;

}

.dynamic-post > li:hover a {

  color: inherit;

}

.dynamic-post > li a {

  padding: 23px 20px;

  display: flex;

  width: 100%;

}

.dynamic-post > li a .cover {

  width: 187px;

  height: 187px;

  overflow: hidden;

  flex-shrink: 0;

  margin-right: 20px;

}

.dynamic-post > li a .cover img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.dynamic-post > li a .dynamic-r {

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

}

.dynamic-post > li a .dynamic-r .dyname-info .dynamic-tit {

  font-size: 26px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #393939;

}

.dynamic-post > li a .dynamic-r .dyname-info .dynamic-desc {

  text-align: justify;

  margin-top: 25px;

  font-size: 18px;

  color: #808080;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.dynamic-post > li a .dynamic-r time {

  font-size: 15px;

  color: #999;

}

#laypage {

  margin-top: 45px;

}