.template-2 .list-image {
  display: grid;
  gap: 24px;
}
.template-2 .list-image.list-image-4 {
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "image-1 image-1 image-1 image-2" "image-1 image-1 image-1 image-3" "image-1 image-1 image-1 image-4";
}

.template-2 .list-image.list-image-3 {
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas:
    "image-1 image-1 image-1 image-1 image-2 image-2"
    "image-1 image-1 image-1 image-1 image-2 image-2"
    "image-1 image-1 image-1 image-1 image-3 image-3"
    "image-1 image-1 image-1 image-1 image-3 image-3";
}

.template-2 .list-image.list-image-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "image-1  image-2";
}
.template-2 .list-image.list-image-1 {
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "image-1";
}

.template-2 .list-image .image-1 {
  grid-area: image-1;
}
.template-2 .list-image .image-2 {
  grid-area: image-2;
}
.template-2 .list-image .image-3 {
  grid-area: image-3;
}
.template-2 .list-image .image-4 {
  grid-area: image-4;
}
.template-2 .list-image .thumb {
  height: auto;
}
.template-2 .list-image .img-item {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
}
.template-2 .information-provider .thumb.show-imgs::before,
.template-2 .information-provider .thumb.show-imgs::after {
  width: 100%;
  transform: translateX(-15px);
  text-align: center;
}

.template-2 .introduce {
  padding: 50px 0;
  background: var(--Gray-Scale-Gray-50, #f2f2f2);
}

.template-2 .introduce .introduce-item {
  padding: 0;
}
.template-2 .bg-box {
  margin: 48px 0;
  background-color: #fff;
}

.template-2 .distribution {
  margin: 48px 0;

}

.template-2 .distribution-info {
  padding:  24px ;
}


.template-2 .distribution-wrap{
  background: var(--Gray-Scale-Gray-50, #F2F2F2);
}


@media screen and (min-width: 1200px) {
  .template-2 .distribution-info {
    padding: 0 48px;
  }
}