#news-list {
  display: block;
  margin: auto;
}
.news-item {
  display: inline-block;
  float: left;
  width: 28%;
  height: 30rem;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-bottom: 1.25rem /* 20/16 */;
  border: 1px /* 1/16 */ solid #f0f0f0;
  border-radius: 0.375rem /* 6/16 */;
  background-color: #fff;
  padding: 2%;
}
@media (max-width: 47.9375rem /* 767/16 */) {
  .news-item {
    width: 90%;
    margin: 0 5%;
    margin-bottom: 1.25rem /* 20/16 */;
  }
}
.news-item:hover {
  box-shadow: inset 0 0 2.375rem /* 38/16 */ rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
.news-item > p {
  color: #999;
  margin: 0.25rem /* 4/16 */;
}
.news-list-box {
  /* width: 145px; */
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  transform: translate(45%, 50%);
}
.poster {
  display: block;
  margin: auto;
  width: 100%;
  max-height: 15rem /* 240/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
.news-cell {
  margin-bottom: 0.625rem /* 10/16 */;
  user-select: auto;
}
.news-label {
  font-size: 1.5rem /* 18/16 */;
}
.news-title {
  font-size: 1.3rem /* 16/16 */;
  line-height: 1.8rem /* 24/16 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-container {
  background-color: #fff;
  padding: 1.25rem /* 20/16 */;
}
.news-content {
  line-height: 1.75rem /* 28/16 */;
  font-size: 0.875rem /* 14/16 */;
  letter-spacing: 0.0625rem /* 1/16 */;
  min-height: 37.5rem /* 600/16 */;
}