@charset "UTF-8";
/*通用212121*/
:root {
  --width: 1440;
}

.mainArea:not(.ins) .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mainArea:not(.ins) .contentBox .leftBox {
  width: 300px;
}
.mainArea:not(.ins) .contentBox .rightBox {
  width: calc(100% - 300px);
  padding-left: 50px;
}
@media (max-width: 992px) {
  .mainArea:not(.ins) .contentBox .leftBox {
    width: 250px;
  }
  .mainArea:not(.ins) .contentBox .rightBox {
    width: calc(100% - 250px);
    padding-left: 30px;
  }
}
@media (max-width: 1024px) {
  .mainArea:not(.ins) .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mainArea:not(.ins) .contentBox .leftBox {
    width: 100%;
  }
  .mainArea:not(.ins) .contentBox .rightBox {
    width: 100%;
    padding-left: 0;
  }
}

.albumList {
  margin: 0 -20px;
}
.albumList .albumItem {
  cursor: pointer;
  padding: 0 20px;
}
.albumList .albumItem img {
  width: 100%;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 1024px) {
  .albumList {
    margin: 0 -15px;
  }
  .albumList .albumItem {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .albumList {
    margin: 0 -8px;
  }
  .albumList .albumItem {
    padding: 0 8px;
  }
}