.cmp__dj-section-05{background:#fafafa;height:300vh;width:100%}.cmp__dj-section-05 .cmp__dj-section-05-sticky-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--rpx, 1px)*20);height:100vh;overflow:hidden;padding:calc(var(--rpx, 1px)*80) 0 0;position:sticky;top:0}@media(max-width:768px){.cmp__dj-section-05 .cmp__dj-section-05-sticky-bar{padding:calc(var(--rpx, 1px)*48) 0 calc(var(--rpx, 1px)*48)}}.cmp__dj-section-05-head{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}@media(max-width:768px){.cmp__dj-section-05-head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--rpx, 1px)*24)}}.cmp__dj-section-05-head h2{color:rgba(0,0,0,.95);font-size:42px;font-weight:500;line-height:42px}@media(max-width:768px){.cmp__dj-section-05-head h2{font-size:28px;font-weight:500;line-height:39.2px}}.cmp__dj-section-05-head .type-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(var(--rpx, 1px)*44)}.cmp__dj-section-05-head .type-list .type-item{color:rgba(26,28,32,.5);font-size:20px;font-weight:500;line-height:28px;position:relative}@media(max-width:768px){.cmp__dj-section-05-head .type-list .type-item{font-size:1pc;font-weight:500;line-height:28px}}.cmp__dj-section-05-head .type-list .type-item.active{color:#1a1c20}.cmp__dj-section-05-head .type-list .type-item.active:after{background:rgba(0,0,0,.8);bottom:-9pt;content:"";height:2px;left:0;position:absolute;width:100%}.cmp__dj-section-05 .media-wrapper{height:100%;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:144vw}}.cmp__dj-section-05 .media-wrapper .media{inset:0;position:absolute;will-change:transform}.cmp__dj-section-05 .media-wrapper .media .img-wrapper{left:50%;overflow:hidden;position:absolute;top:50%;will-change:transform}.cmp__dj-section-05 .media-wrapper .media:first-child{-webkit-transform:scale(5);transform:scale(5)}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:first-child{-webkit-transform:scale(1.9);transform:scale(1.9)}}.cmp__dj-section-05 .media-wrapper .media:first-child .img-wrapper{height:14.7916666667vw;-webkit-transform:translate(-12.5vw,-20.6944444444vw);transform:translate(-12.5vw,-20.6944444444vw);width:30.2083333333vw}@media(min-width:1800px)and (max-height:900px){.cmp__dj-section-05 .media-wrapper .media:first-child .img-wrapper{height:12.7083333333vw;-webkit-transform:translate(-11.40625vw,-17.3958333333vw);transform:translate(-11.40625vw,-17.3958333333vw);width:28.125vw}}@media(max-height:700px){.cmp__dj-section-05 .media-wrapper .media:first-child .img-wrapper{height:11.0416666667vw;-webkit-transform:translate(-10.078125vw,-15.390625vw);transform:translate(-10.078125vw,-15.390625vw);width:24.7222222222vw}}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:first-child .img-wrapper{height:41.0666666667vw;-webkit-transform:translate(-29.6vw,-58.9333333333vw);transform:translate(-29.6vw,-58.9333333333vw);width:68.5333333333vw}}.cmp__dj-section-05 .media-wrapper .media:nth-child(2){-webkit-transform:scale(6);transform:scale(6)}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(2){-webkit-transform:scale(2.1);transform:scale(2.1)}}.cmp__dj-section-05 .media-wrapper .media:nth-child(2) .img-wrapper{height:22.5vw;-webkit-transform:translate(-27.9861111111vw,-17.2916666667vw);transform:translate(-27.9861111111vw,-17.2916666667vw);width:14.7916666667vw}@media(min-width:1800px)and (max-height:900px){.cmp__dj-section-05 .media-wrapper .media:nth-child(2) .img-wrapper{height:20.4166666667vw;-webkit-transform:translate(-24.6354166667vw,-16.25vw);transform:translate(-24.6354166667vw,-16.25vw);width:12.7083333333vw}}@media(max-height:700px){.cmp__dj-section-05 .media-wrapper .media:nth-child(2) .img-wrapper{height:17.9166666667vw;-webkit-transform:translate(-21.875vw,-14.453125vw);transform:translate(-21.875vw,-14.453125vw);width:11.0416666667vw}}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(2) .img-wrapper{height:54.6666666667vw;-webkit-transform:translate(-72vw,-38.1333333333vw);transform:translate(-72vw,-38.1333333333vw);width:41.0666666667vw}}.cmp__dj-section-05 .media-wrapper .media:nth-child(3){-webkit-transform:scale(3.6);transform:scale(3.6)}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(3){-webkit-transform:scale(1.6);transform:scale(1.6)}}.cmp__dj-section-05 .media-wrapper .media:nth-child(3) .img-wrapper{height:10.4166666667vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25vw}@media(min-width:1800px)and (max-height:900px){.cmp__dj-section-05 .media-wrapper .media:nth-child(3) .img-wrapper{height:8.3333333333vw;width:22.9166666667vw}}@media(max-height:700px){.cmp__dj-section-05 .media-wrapper .media:nth-child(3) .img-wrapper{height:7.1527777778vw;width:20.1388888889vw}}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(3) .img-wrapper{height:33.3333333333vw;width:59.2vw}}.cmp__dj-section-05 .media-wrapper .media:nth-child(4){-webkit-transform:scale(6);transform:scale(6)}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(4){-webkit-transform:scale(2.1);transform:scale(2.1)}}.cmp__dj-section-05 .media-wrapper .media:nth-child(4) .img-wrapper{height:22.5vw;-webkit-transform:translate(13.1944444444vw,-5.2083333333vw);transform:translate(13.1944444444vw,-5.2083333333vw);width:14.7916666667vw}@media(min-width:1800px)and (max-height:900px){.cmp__dj-section-05 .media-wrapper .media:nth-child(4) .img-wrapper{height:20.4166666667vw;-webkit-transform:translate(11.9791666667vw,-4.1666666667vw);transform:translate(11.9791666667vw,-4.1666666667vw);width:12.7083333333vw}}@media(max-height:700px){.cmp__dj-section-05 .media-wrapper .media:nth-child(4) .img-wrapper{height:17.9166666667vw;-webkit-transform:translate(10.859375vw,-3.59375vw);transform:translate(10.859375vw,-3.59375vw);width:11.0416666667vw}}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(4) .img-wrapper{height:54.6666666667vw;-webkit-transform:translate(30.9333333333vw,-16.5333333333vw);transform:translate(30.9333333333vw,-16.5333333333vw);width:41.0666666667vw}}.cmp__dj-section-05 .media-wrapper .media:nth-child(5){-webkit-transform:scale(5);transform:scale(5)}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(5){-webkit-transform:scale(1.9);transform:scale(1.9)}}.cmp__dj-section-05 .media-wrapper .media:nth-child(5) .img-wrapper{height:14.7916666667vw;-webkit-transform:translate(-17.7083333333vw,5.9027777778vw);transform:translate(-17.7083333333vw,5.9027777778vw);width:30.2083333333vw}@media(min-width:1800px)and (max-height:900px){.cmp__dj-section-05 .media-wrapper .media:nth-child(5) .img-wrapper{height:12.7083333333vw;-webkit-transform:translate(-16.6145833333vw,4.6875vw);transform:translate(-16.6145833333vw,4.6875vw);width:28.125vw}}@media(max-height:700px){.cmp__dj-section-05 .media-wrapper .media:nth-child(5) .img-wrapper{height:11.0416666667vw;-webkit-transform:translate(-14.609375vw,4.296875vw);transform:translate(-14.609375vw,4.296875vw);width:24.7222222222vw}}@media(max-width:768px){.cmp__dj-section-05 .media-wrapper .media:nth-child(5) .img-wrapper{height:41.0666666667vw;-webkit-transform:translate(-38.6666666667vw,17.8666666667vw);transform:translate(-38.6666666667vw,17.8666666667vw);width:68.5333333333vw}}.cmp__dj-section-05 .media-wrapper .media img{border-radius:6px;display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;visibility:hidden;width:100%}.cmp__dj-section-05 .media-wrapper .media img.active{opacity:1;visibility:visible}