div.list-8 {
  background-color: #F4F5F8;
}
div.list-8 .class-photo {
  padding: 0.12rem 0 1.2rem;
}
div.list-8 .class-photo .class-photo-container ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.list-8 .class-photo .class-photo-container ul li {
  width: calc((100% - 0.6rem)/3);
  margin-top: 0.3rem;
}
div.list-8 .class-photo .class-photo-container ul li .img {
  height: 1.84rem;
  overflow: hidden;
}
div.list-8 .class-photo .class-photo-container ul li .img img {
  width: 100%;
  height: auto;
}
div.list-8 .class-photo .class-photo-container ul li .title {
  margin-top: 0.12rem;
  font-size: 0.16rem;
  font-weight: bold;
  color: #2E2E2E;
  text-align: center;
}
div.list-8 .class-photo .class-photo-container ul li .time {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: #959595;
  text-align: center;
  padding-bottom: 0.23rem;
  border-bottom: 3px solid #BC1E1D;
}
div.list-8 .class-photo .class-photo-container ul li:nth-child(-n+3) {
  margin-top: 0;
}
@media screen and (max-width: 2161px) and (min-width: 1921px) {
  div.list-8 .class-photo .class-photo-container ul li .title {
    font-size: 0.2rem;
  }
  div.list-8 .class-photo .class-photo-container ul li .time {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  div.list-8 .class-photo .class-photo-container ul li .img {
    height: 1rem;
  }
  div.list-8 .class-photo .class-photo-container ul li .title {
    font-size: 0.26rem;
  }
  div.list-8 .class-photo .class-photo-container ul li .time {
    font-size: 0.26rem;
  }
}