/* 4列大图 */
.list-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
}
.list-4 .item {
  border: 1px solid #e7e7e7;
  padding: 4px;
  border-radius: 4px;
}
.list-4 .item>a {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.list-4 .item img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.list-4 .item img:hover {
  width: 110%;
  height: 110%;
  margin: -5%;
}
.list-4 .item .caption {
  padding: 6px;
}
.list-4 .item p {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  align-items: center;
}