.cmp__u01-section {
  padding: calc(var(--rpx, 1px) * 100) 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .cmp__u01-section {
    padding: calc(var(--rpx, 1px) * 64) 0;
  }
}
@media screen and (min-width: 1441px) {
  .cmp__u01-section .responsive__layout {
    max-width: 91.1111111111vw;
  }
}
.cmp__u01-section .responsive__layout .cmp__u01-section-list {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.one .cmp__u01-section-item {
    width: 100%;
    height: calc(var(--rpx, 1px) * 650);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.two {
    gap: calc(var(--rpx, 1px) * 10);
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.two .cmp__u01-section-item {
    width: 50%;
    height: calc(var(--rpx, 1px) * 650);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three {
    gap: calc(var(--rpx, 1px) * 10);
    flex-wrap: wrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item {
    height: calc(var(--rpx, 1px) * 623);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(1), .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(2) {
    width: calc(50% - var(--rpx, 1px) * 5);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(3) {
    width: 100%;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four {
    flex-direction: column;
    gap: calc(var(--rpx, 1px) * 10);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap {
    display: flex;
    gap: calc(var(--rpx, 1px) * 10);
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap.reverse {
    flex-direction: row-reverse;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item {
    height: calc(var(--rpx, 1px) * 606);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item:nth-child(1) {
    flex: 802;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item:nth-child(2) {
    flex: 532;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five {
    flex-direction: column;
    gap: calc(var(--rpx, 1px) * 10);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap {
    display: flex;
    gap: calc(var(--rpx, 1px) * 10);
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap.reverse {
    flex-direction: row-reverse;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item {
    height: calc(var(--rpx, 1px) * 606);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item:nth-child(1) {
    flex: 802;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item:nth-child(2) {
    flex: 532;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(2) .cmp__u01-section-item {
    height: calc(var(--rpx, 1px) * 606);
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1441px) {
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.one .cmp__u01-section-item {
    width: 100%;
    height: 45.1388888889vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.two {
    gap: 0.6944444444vw;
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.two .cmp__u01-section-item {
    width: 50%;
    height: 45.1388888889vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three {
    gap: 0.6944444444vw;
    flex-wrap: wrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item {
    height: 43.2638888889vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(1), .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(2) {
    width: calc(50% - 0.3472222222vw);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.three .cmp__u01-section-item:nth-child(3) {
    width: 100%;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four {
    flex-direction: column;
    gap: 0.6944444444vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap {
    display: flex;
    gap: 0.6944444444vw;
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap.reverse {
    flex-direction: row-reverse;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item {
    height: 42.0833333333vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item:nth-child(1) {
    flex: 802;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.four .cmp__u01-section-item-wrap .cmp__u01-section-item:nth-child(2) {
    flex: 532;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five {
    flex-direction: column;
    gap: 0.6944444444vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap {
    display: flex;
    gap: 0.6944444444vw;
    flex-wrap: nowrap;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap.reverse {
    flex-direction: row-reverse;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item {
    height: 42.0833333333vw;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item:nth-child(1) {
    flex: 802;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(1) .cmp__u01-section-item:nth-child(2) {
    flex: 532;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list.five .cmp__u01-section-item-wrap:nth-child(2) .cmp__u01-section-item {
    height: 42.0833333333vw;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 767.98px) {
  .cmp__u01-section .responsive__layout .cmp__u01-section-list {
    display: block;
  }
}
.cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item {
  width: 100%;
  position: relative;
}
.cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: calc(var(--rpx, 1px) * 50) calc(var(--rpx, 1px) * 44);
  font-size: 30px;
  font-weight: 500;
  line-height: 39px;
  color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 767.98px) {
  .cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item {
    margin-bottom: 6px;
    width: 100%;
    height: calc(var(--rpx, 1px) * 232);
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item img {
    border-radius: 6px;
  }
  .cmp__u01-section .responsive__layout .cmp__u01-section-list .cmp__u01-section-item .text {
    padding: calc(var(--rpx, 1px) * 20);
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
  }
}