.contentBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 36px;
}
@media (max-width: 1180px) {
  .contentBox {
    gap: 24px;
  }
}
.contentBox .left {
  position: relative;
  width: calc(25% - 18px);
}
@media (max-width: 1180px) {
  .contentBox .left {
    width: calc(28% - 12px);
  }
}
@media (max-width: 1024px) {
  .contentBox .left {
    width: 100%;
  }
}
.contentBox .right {
  position: relative;
  width: calc(75% - 18px);
  border: 1px solid #e8e8ee;
  border-radius: 30px;
  padding: 30px;
}
@media (max-width: 1180px) {
  .contentBox .right {
    width: calc(72% - 12px);
  }
}
@media (max-width: 1024px) {
  .contentBox .right {
    width: 100%;
  }
}

.albumList {
  position: relative;
  margin: 20px -10px 0;
}
.albumList .albumItem {
  cursor: pointer;
  padding: 0 10px;
}
.albumList .albumItem img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}