* {
  margin: 0;
  padding: 0;
}

.slides-container {
  width: 100%;
  margin: auto;
}

.slides-container .scroll {
  width: 100%;
  overflow: hidden;
}

.slides-container .scroll ul {
  white-space: nowrap;
}

.slides-container .scroll ul li {
  display: inline-block;
  margin: 10px;
  width: 280px;
  height: 276px;
}

.slides-container .scroll ul img {
  vertical-align: top;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.slides-container .scroll ul p {
  margin: 10px auto;
  height: 28px;
  display: block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}