.container ul {
  margin-top: 20px;
}

.container ul li {
  width: 286px;
  float: left;
  margin-right: 18px;
  border-radius: 8px;
  box-shadow: 0px 0px 15px 0px rgba(64, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 30px;
}

.container ul li:nth-child(4n) {
  margin-right: 0;
}

.container ul li .imgbox {
  width: 286px;
  height: 163px;
  overflow: hidden;
}

.container ul li .imgbox img {
  width: 100%;
  height: 100%;
  display: block;
}

.container ul li .bottom {
  padding: 12px 12px 18px 20px;
  background-color: #fff;
}

.container ul li .bottom .title {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.container ul li .bottom .writer {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
}

.container ul li .bottom .job {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
}

.container ul li:hover .bottom .title {
  color: #003DB1;
}