#section-tomorrow{}@media (min-width: 1800px){#section-tomorrow{padding-top:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow{padding-top:56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow{padding-top:46px}}#section-tomorrow .content-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}#section-tomorrow .content-wrapper .text{}@media (max-width: 720px){#section-tomorrow .content-wrapper .text{margin-top:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .content-wrapper .text{margin-top:32px}}@media (min-width: 1800px){#section-tomorrow .content-wrapper .text{margin-top:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .content-wrapper .text{margin-top:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .content-wrapper .text{margin-top:17px}}#section-tomorrow .collections-list{display:grid;justify-content:space-between}@media (min-width: 1800px){#section-tomorrow .collections-list{grid-template-columns:repeat(auto-fill,310px);margin-top:82px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list{grid-template-columns:repeat(auto-fill,254px);margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list{grid-template-columns:repeat(auto-fill,212px);margin-top:56px}}#section-tomorrow .collections-list .collection-wrapper{cursor:pointer}@media (min-width: 1800px){#section-tomorrow .collections-list .collection-wrapper{width:310px;height:412px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list .collection-wrapper{width:254px;height:338px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list .collection-wrapper{width:212px;height:281px}}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper{position:relative;border-radius:2px;overflow:hidden}@media (min-width: 1800px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper{width:310px;height:310px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper{width:254px;height:254px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper{width:212px;height:212px}}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper:hover .desc{-webkit-transform:translateY(0);transform:translateY(0)}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .cover{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .pages{position:absolute;z-index:2;width:24px;height:24px;border-radius:12px;background-color:rgba(51,51,51,0.4);padding:0 6px 6px;text-align:center}@media (min-width: 1800px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .pages{top:14px;right:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .pages{top:11px;right:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .pages{top:10px;right:10px}}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .desc{position:absolute;z-index:2;bottom:0;left:0;width:100%;padding:11px 16px 16px;border-radius:2px;background-color:rgba(0,0,0,0.78);-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .desc .text-area{max-height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper{padding-top:10px}#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper .info-wrapper{display:flex;justify-content:space-between;align-items:center}#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper .info-wrapper .left,#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper .info-wrapper .right{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper .ins-wrapper .icon{width:14px;height:14px;display:inline-block}#section-tomorrow .collections-list .collection-wrapper .collection-info-wrapper .ins-wrapper .ins-name{margin-left:4px;display:inline-block}#section-tomorrow .pagination{text-align:center}@media (min-width: 1800px){#section-tomorrow .pagination{margin:33px auto 0;width:54px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .pagination{margin:27px auto 0;width:44px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .pagination{margin:23px auto 0;width:37px}}#section-tomorrow .pagination .icon{cursor:pointer}@media (min-width: 1800px){#section-tomorrow .pagination .icon{width:54px;height:54px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .pagination .icon{width:44px;height:44px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .pagination .icon{width:37px;height:37px}}#section-tomorrow .pagination .num{margin-top:10px}#section-tomorrow .pagination.disabled .icon{cursor:auto;opacity:.5}#section-tomorrow .swiper-popup{position:fixed;z-index:11;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background-color:#000}#section-tomorrow .swiper-popup .close{position:fixed;top:8vh;top:calc(8 * var(--vh, 1vh));right:10vw;cursor:pointer}@media (min-width: 1800px){#section-tomorrow .swiper-popup .close{width:22px;height:22px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .swiper-popup .close{width:18px;height:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .swiper-popup .close{width:15px;height:15px}}#section-tomorrow .swiper-popup .swiper-container{position:relative;width:121.5vh;width:calc(121.5 * var(--vh, 1vh));height:48.2vh;height:calc(48.2 * var(--vh, 1vh));margin:10vh auto 0;margin:calc(10 * var(--vh, 1vh)) auto 0;display:flex;justify-content:center}#section-tomorrow .swiper-popup .swiper-container .item{position:relative;width:100%;height:100%;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1);will-change:transform;max-width:41.5vh;max-width:calc(41.5 * var(--vh, 1vh))}#section-tomorrow .swiper-popup .swiper-container .item .img-container{position:relative;width:83vh;width:calc(83 * var(--vh, 1vh));height:100%;margin-left:calc(50% - 41.5vh);margin-left:calc(50% - (41.5 * var(--vh, 1vh)));background-color:#000;overflow:hidden}@media (min-width: 1800px){#section-tomorrow .swiper-popup .swiper-container .item .img-container{border-radius:16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .swiper-popup .swiper-container .item .img-container{border-radius:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .swiper-popup .swiper-container .item .img-container{border-radius:11px}}#section-tomorrow .swiper-popup .swiper-container .item .img-container .mask{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}#section-tomorrow .swiper-popup .swiper-container .item .img-container .pic{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}#section-tomorrow .swiper-popup .swiper-container .item.active .mask{opacity:0}#section-tomorrow .swiper-popup .swiper-container.ratio-1-1 .item{max-width:24.1vh;max-width:calc(24.1 * var(--vh, 1vh))}#section-tomorrow .swiper-popup .swiper-container.ratio-1-1 .img-container{width:48.2vh;width:calc(48.2 * var(--vh, 1vh));margin-left:calc(50% - 24.1vh);margin-left:calc(50% - (24.1 * var(--vh, 1vh)))}#section-tomorrow .swiper-popup .swiper-container.ratio-4-5 .item{max-width:19.3vh;max-width:calc(19.3 * var(--vh, 1vh))}#section-tomorrow .swiper-popup .swiper-container.ratio-4-5 .img-container{width:38.6vh;width:calc(38.6 * var(--vh, 1vh));margin-left:calc(50% - 19.3vh);margin-left:calc(50% - (19.3 * var(--vh, 1vh)))}#section-tomorrow .swiper-popup .works-desc-wrapper{margin:7vh auto 0;margin:calc(7 * var(--vh, 1vh)) auto 0;text-align:center}@media (min-width: 1800px){#section-tomorrow .swiper-popup .works-desc-wrapper{width:800px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .swiper-popup .works-desc-wrapper{width:656px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .swiper-popup .works-desc-wrapper{width:546px}}#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper{}@media (min-width: 1800px){#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper{margin-top:12px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper{margin-top:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper{margin-top:8px}}#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .icon{width:14px;height:14px}#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .ins-name{margin-left:6px}#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .icon,#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .ins-name,#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .region,#section-tomorrow .swiper-popup .works-desc-wrapper .info-wrapper .device{display:inline-block}#section-tomorrow .swiper-popup .works-desc-wrapper .desc{width:100%;margin-top:3.6vh;margin-top:calc(3.6 * var(--vh, 1vh));text-align:left}
#section-tomorrow{}@media (max-width: 720px){#section-tomorrow{padding-top:68px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow{padding-top:136px}}#section-tomorrow .pt-collections-list{width:100%}@media (max-width: 720px){#section-tomorrow .pt-collections-list{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list{margin-top:80px}}#section-tomorrow .pt-collections-list .collection-wrapper{width:100%}#section-tomorrow .pt-collections-list .collection-wrapper:not(:last-child){}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper:not(:last-child){margin-bottom:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper:not(:last-child){margin-bottom:32px}}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper{position:relative;width:100%;height:50vw;overflow:hidden}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper.ratio-4-5{height:111.11vw}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper.ratio-1-1{height:88.89vw}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper .swiper{width:100%;height:100%}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper .swiper .pic{width:100%;height:100%;object-fit:cover}#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper .pages{position:absolute;z-index:2;width:33px;height:25px;border-radius:12px;background-color:rgba(51,51,51,0.4);padding:0 6px 6px;text-align:center}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper .pages{top:14px;right:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .img-wrapper .pages{top:28px;right:28px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper{background-color:#212223}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper{padding:14px 14px 12px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper{padding:28px 28px 24px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .dot-wrapper{width:44px;height:4px;overflow:hidden;margin:0 auto}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .dot-wrapper .dots-container{height:4px;display:flex;margin:0 auto;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .dot-wrapper .dots-container .dot{width:4px;height:4px;border-radius:50%;background-color:#fff;opacity:.1;transition:opacity .5s ease}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .dot-wrapper .dots-container .dot:not(:first-child){margin-left:6px}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .name-wrapper{}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .name-wrapper{margin-top:13px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .name-wrapper{margin-top:26px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc{position:relative;overflow:hidden}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc{max-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc{max-height:80px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc .desc-detail{position:relative;z-index:1}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc .show-more{position:absolute;z-index:2;right:0;background-color:#212223}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc .show-more{top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .desc .show-more{top:40px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper{display:flex;justify-content:space-between}@media (max-width: 720px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper{margin-top:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper{margin-top:48px}}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper .ins-wrapper .icon{width:16px;height:16px;display:inline-block}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper .ins-wrapper .ins-name{display:inline-block;margin-left:2px}#section-tomorrow .pt-collections-list .collection-wrapper .info-wrapper .desc-wrapper .user-wrapper .device{-webkit-transform:scale(.83);transform:scale(.83)}#section-tomorrow .pagination{text-align:center}@media (max-width: 720px){#section-tomorrow .pagination{margin:40px auto 0;width:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pagination{margin:80px auto 0;width:96px}}#section-tomorrow .pagination .icon{cursor:pointer}@media (max-width: 720px){#section-tomorrow .pagination .icon{width:48px;height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .pagination .icon{width:96px;height:96px}}#section-tomorrow .pagination .num{margin-top:6px}
.flex[data-v-1f6f0d80]{display:flex}.swiper .pc-swiper .left[data-v-1f6f0d80]{position:relative;flex-direction:column;justify-content:space-between}@media (min-width:1024px){.swiper .pc-swiper .left[data-v-1f6f0d80]{flex-shrink:0}}@media (min-width: 1800px){.swiper .pc-swiper .left[data-v-1f6f0d80]{width:200px;margin-right:35px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left[data-v-1f6f0d80]{width:164px;margin-right:29px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left[data-v-1f6f0d80]{width:137px;margin-right:24px}}.swiper .pc-swiper .left .description[data-v-1f6f0d80]{width:100%;opacity:0}.swiper .pc-swiper .left .description[data-v-1f6f0d80]:not(:first-child){position:absolute;top:0;left:0}.swiper .pc-swiper .left .description.active[data-v-1f6f0d80]{opacity:1}.swiper .pc-swiper .left .description .title[data-v-1f6f0d80]{justify-content:space-between}.swiper .pc-swiper .left .description .title .name[data-v-1f6f0d80]{word-break:break-all}@media (min-width: 1800px){.swiper .pc-swiper .left .description .title .name[data-v-1f6f0d80]{width:124px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .title .name[data-v-1f6f0d80]{width:102px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .title .name[data-v-1f6f0d80]{width:85px}}.swiper .pc-swiper .left .description .title .label[data-v-1f6f0d80]{flex-shrink:0;white-space:nowrap;border-radius:2px;border:1px solid #2ec34d;align-items:center;justify-content:center;color:#2ec34d}@media (min-width: 1800px){.swiper .pc-swiper .left .description .title .label[data-v-1f6f0d80]{margin-top:7px;width:64px;height:24px;margin-left:10px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .title .label[data-v-1f6f0d80]{margin-top:6px;width:52px;height:20px;margin-left:8px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .title .label[data-v-1f6f0d80]{margin-top:5px;width:44px;height:16px;margin-left:7px}}.swiper .pc-swiper .left .description .device[data-v-1f6f0d80]{}@media (min-width: 1800px){.swiper .pc-swiper .left .description .device[data-v-1f6f0d80]{margin-top:5px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .device[data-v-1f6f0d80]{margin-top:4px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .device[data-v-1f6f0d80]{margin-top:3px}}.swiper .pc-swiper .left .description .author[data-v-1f6f0d80]{}@media (min-width: 1800px){.swiper .pc-swiper .left .description .author[data-v-1f6f0d80]{margin-top:14px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .author[data-v-1f6f0d80]{margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .author[data-v-1f6f0d80]{margin-top:10px}}.swiper .pc-swiper .left .switch-bar[data-v-1f6f0d80]{align-items:center}.swiper .pc-swiper .left .switch-bar .dots[data-v-1f6f0d80]{}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots[data-v-1f6f0d80]{margin:0 20px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots[data-v-1f6f0d80]{margin:0 16px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots[data-v-1f6f0d80]{margin:0 14px}}.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]{border-radius:50%;background:rgba(255,255,255,0.08)}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]{width:4px;height:4px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]{width:3px;height:3px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]{width:3px;height:3px}}.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]:not(:first-child){}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]:not(:first-child){margin-left:6px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]:not(:first-child){margin-left:5px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-1f6f0d80]:not(:first-child){margin-left:4px}}.swiper .pc-swiper .left .switch-bar .dots .dot.active[data-v-1f6f0d80]{background:#fff}.swiper .pc-swiper .left .switch-bar .btn[data-v-1f6f0d80]{cursor:pointer}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .btn[data-v-1f6f0d80]{width:32px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .btn[data-v-1f6f0d80]{width:26px;height:26px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .btn[data-v-1f6f0d80]{width:22px;height:22px}}.swiper .pc-swiper .right .picture-container[data-v-1f6f0d80]{position:relative;overflow:hidden}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container[data-v-1f6f0d80]{width:1371px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container[data-v-1f6f0d80]{width:1124px;height:479px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container[data-v-1f6f0d80]{width:936px;height:399px}}.swiper .pc-swiper .right .picture-container .slick-container[data-v-1f6f0d80]{height:100%}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-1f6f0d80]{width:826px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-1f6f0d80]{width:677px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-1f6f0d80]{width:564px}}.swiper .pc-swiper .right .picture-container .slick-container .picture[data-v-1f6f0d80]{position:relative}.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-1f6f0d80]{position:absolute;top:0;left:0;color:#2ec34d}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-1f6f0d80]{font-size:100px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-1f6f0d80]{font-size:82px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-1f6f0d80]{font-size:68px}}.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-1f6f0d80]{object-fit:cover}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-1f6f0d80]{width:776px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-1f6f0d80]{width:636px;height:479px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-1f6f0d80]{width:530px;height:399px}}.swiper .mo-swiper .slick-container[data-v-1f6f0d80]{width:94.44444444444444vw}.swiper .mo-swiper .slick-container .index[data-v-1f6f0d80]{position:absolute;top:0;left:0;color:#fff}@media (min-width: 1800px){.swiper .mo-swiper .slick-container .index[data-v-1f6f0d80]{font-size:20px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .mo-swiper .slick-container .index[data-v-1f6f0d80]{font-size:16px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .mo-swiper .slick-container .index[data-v-1f6f0d80]{font-size:14px}}.swiper .mo-swiper .slick-container .mo-item[data-v-1f6f0d80]{position:relative}.swiper .mo-swiper .slick-container .mo-item .item[data-v-1f6f0d80]{width:88.88888888888889vw}.swiper .mo-swiper .slick-container .mo-item .item img[data-v-1f6f0d80]{width:100%;height:66.66666666666667vw;object-fit:cover}.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-1f6f0d80]{background:#222;color:#999}@media (max-width: 720px){.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-1f6f0d80]{padding:10px 14px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-1f6f0d80]{padding:20px 28px}}.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0[data-v-1f6f0d80]{font-family:OPPOSans-Bold;color:#fff;width:100%;justify-content:space-between}.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0 .name[data-v-1f6f0d80]{width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0 .label[data-v-1f6f0d80]{white-space:nowrap;border-radius:1px;border:1px solid #2ec34d;align-items:center;justify-content:center;color:#2ec34d}@media (max-width: 720px){.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0 .label[data-v-1f6f0d80]{width:66px;height:24px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0 .label[data-v-1f6f0d80]{width:132px;height:48px}}.swiper .mo-swiper .dots[data-v-1f6f0d80]{justify-content:center}@media (max-width: 720px){.swiper .mo-swiper .dots[data-v-1f6f0d80]{margin-top:33px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots[data-v-1f6f0d80]{margin-top:66px}}.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]{border-radius:50%;background:rgba(255,255,255,0.08)}@media (max-width: 720px){.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]{width:4px;height:4px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]{width:8px;height:8px}}.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]:not(:first-child){}@media (max-width: 720px){.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]:not(:first-child){margin-left:6px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots .dot[data-v-1f6f0d80]:not(:first-child){margin-left:12px}}.swiper .mo-swiper .dots .dot.active[data-v-1f6f0d80]{background:#fff}
.works-dialog[data-v-9ec524ee]{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));background:rgba(0,0,0,0.4);z-index:999}.works-dialog .display-wrapper[data-v-9ec524ee]{width:100%;height:100%}@media (min-width:1024px){.works-dialog .display-wrapper[data-v-9ec524ee]{display:flex;align-items:center;justify-content:center}}.works-dialog .display-wrapper .display-content[data-v-9ec524ee]{height:90.18518518518518vh;height:calc(90.18518518518518 * var(--vh, 1vh));background:#323232;-webkit-transform:translateZ(0);transform:translateZ(0);display:flex;align-items:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content[data-v-9ec524ee]{width:1312px;padding:64px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content[data-v-9ec524ee]{width:1076px;padding:52px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content[data-v-9ec524ee]{width:896px;padding:44px}}.works-dialog .display-wrapper .display-content > *[data-v-9ec524ee]{flex-shrink:0}.works-dialog .display-wrapper .display-content .close[data-v-9ec524ee]{position:absolute;cursor:pointer;z-index:2}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .close[data-v-9ec524ee]{width:22px;height:22px;top:40px;right:64px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .close[data-v-9ec524ee]{width:18px;height:18px;top:33px;right:52px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .close[data-v-9ec524ee]{width:15px;height:15px;top:27px;right:44px}}.works-dialog .display-wrapper .display-content .intro[data-v-9ec524ee]{height:100%;position:relative}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro[data-v-9ec524ee]{width:198px;margin-right:90px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro[data-v-9ec524ee]{width:162px;margin-right:74px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro[data-v-9ec524ee]{width:135px;margin-right:61px}}.works-dialog .display-wrapper .display-content .intro .intro-content[data-v-9ec524ee]{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;word-break:break-all;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;z-index:1;pointer-events:none}.works-dialog .display-wrapper .display-content .intro .intro-content.active[data-v-9ec524ee]{opacity:1;z-index:2;pointer-events:auto}.works-dialog .display-wrapper .display-content .intro .author[data-v-9ec524ee]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .author[data-v-9ec524ee]{margin:10px 0}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .author[data-v-9ec524ee]{margin:8px 0}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .author[data-v-9ec524ee]{margin:7px 0}}.works-dialog .display-wrapper .display-content .intro .model[data-v-9ec524ee]{white-space:nowrap}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .model[data-v-9ec524ee]{margin:22px 0 41px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .model[data-v-9ec524ee]{margin:18px 0 34px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .model[data-v-9ec524ee]{margin:15px 0 28px}}.works-dialog .display-wrapper .display-content .intro .desc[data-v-9ec524ee]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-9ec524ee]{margin:41px 0 60px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-9ec524ee]{margin:34px 0 49px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-9ec524ee]{margin:28px 0 41px}}.works-dialog .display-wrapper .display-content .intro .label[data-v-9ec524ee]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .label[data-v-9ec524ee]{margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .label[data-v-9ec524ee]{margin-bottom:10px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .label[data-v-9ec524ee]{margin-bottom:8px}}.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-9ec524ee]{display:flex;align-items:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-9ec524ee]{margin-top:70px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-9ec524ee]{margin-top:57px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-9ec524ee]{margin-top:48px}}.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-9ec524ee]{text-align:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-9ec524ee]{width:65px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-9ec524ee]{width:53px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-9ec524ee]{width:44px}}.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-9ec524ee]{cursor:pointer}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-9ec524ee]{width:32px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-9ec524ee]{width:26px;height:26px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-9ec524ee]{width:22px;height:22px}}.works-dialog .display-wrapper .display-content .photos[data-v-9ec524ee]{position:relative;height:66.57407407407408vh;height:calc(66.57407407407408 * var(--vh, 1vh))}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .photos[data-v-9ec524ee]{width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos[data-v-9ec524ee]{width:735px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos[data-v-9ec524ee]{width:612px}}.works-dialog .display-wrapper .display-content .photos img[data-v-9ec524ee]{max-height:66.57407407407408vh;max-height:calc(66.57407407407408 * var(--vh, 1vh));position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .photos img[data-v-9ec524ee]{max-width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos img[data-v-9ec524ee]{max-width:735px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos img[data-v-9ec524ee]{max-width:612px}}.works-dialog .display-wrapper .display-content-pt[data-v-9ec524ee]{position:relative;width:100%;height:100%;background:#000;color:#fff;line-height:1.666666666666667;letter-spacing:-.05px}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt[data-v-9ec524ee]{font-size:12px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt[data-v-9ec524ee]{font-size:24px}}.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-9ec524ee]{position:relative;width:100%;display:flex;align-items:center;padding:0 5.555555555555555vw}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-9ec524ee]{height:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-9ec524ee]{height:96px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-9ec524ee]{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:flex-start}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-9ec524ee]{width:40px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-9ec524ee]{width:80px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-9ec524ee]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-9ec524ee]{width:8px;height:14px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-9ec524ee]{width:16px;height:28px}}.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-9ec524ee]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1.428571428571429;letter-spacing:-.05px;color:#666}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-9ec524ee]{font-size:14px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-9ec524ee]{font-size:28px}}.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-9ec524ee]{position:absolute;left:0;width:100%;height:100%;opacity:0;z-index:1}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-9ec524ee]{top:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-9ec524ee]{top:96px}}.works-dialog .display-wrapper .display-content-pt .cycle-content.active[data-v-9ec524ee]{opacity:1;z-index:2;transition:opacity .5s}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-9ec524ee]{width:100%;overflow:scroll}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-9ec524ee]{height:calc(100% - 48px)}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-9ec524ee]{height:calc(100% - 96px)}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .photos-pt[data-v-9ec524ee]{width:100%;height:auto}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-9ec524ee]{color:#999}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-9ec524ee]{padding:32px 5.555555555555555vw}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-9ec524ee]{padding:64px 5.555555555555555vw}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .name[data-v-9ec524ee]{color:#fff;font-family:OPPOSans-Bold}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-9ec524ee]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-9ec524ee]{margin:4px 0}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-9ec524ee]{margin:8px 0}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-9ec524ee]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-9ec524ee]{margin:4px 0 12px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-9ec524ee]{margin:8px 0 24px}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .line[data-v-9ec524ee]{width:100vw;height:1px;background:#333}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .line[data-v-9ec524ee]{margin:20px 0 20px -5.555555555555555vw}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .line[data-v-9ec524ee]{margin:40px 0 40px -5.555555555555555vw}}
.section-collection{width:100%;overflow:hidden}@media (max-width:1023px){.section-collection{background:#181818}}.section-collection .slick-list{overflow:initial !important}.section-collection .gradient-title{width:100%;text-align:center}@media (max-width:1023px){.section-collection .gradient-title{}}@media (max-width: 720px){.section-collection .gradient-title{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .gradient-title{padding-top:160px}}.section-collection .gradient-title span{background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%);-webkit-background-clip:text;color:transparent}.section-collection .theme-bar{display:flex;justify-content:center}@media (min-width: 1800px){.section-collection .theme-bar{margin:37px 0 145px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .theme-bar{margin:30px 0 119px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .theme-bar{margin:25px 0 99px}}@media (max-width:1023px){.section-collection .theme-bar{}}@media (max-width: 720px){.section-collection .theme-bar{margin:40px 0 32px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .theme-bar{margin:80px 0 64px}}.section-collection .theme-bar .landscape{}@media (min-width: 1800px){.section-collection .theme-bar .landscape{margin-right:43px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .theme-bar .landscape{margin-right:35px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .theme-bar .landscape{margin-right:29px}}@media (max-width:1023px){.section-collection .theme-bar .landscape{}}@media (max-width: 720px){.section-collection .theme-bar .landscape{margin-right:17px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .theme-bar .landscape{margin-right:34px}}.section-collection .theme-bar > *{cursor:pointer}.section-collection .theme-bar > * .text-0,.section-collection .theme-bar > * .text-1{color:#666}.section-collection .theme-bar > *.active .text-0{color:#999}.section-collection .theme-bar > *.active .text-1{color:#fff;border-bottom:1px solid #fff}@media (min-width: 1800px){.section-collection .theme-bar > *.active .text-1{padding-bottom:8px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .theme-bar > *.active .text-1{padding-bottom:7px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .theme-bar > *.active .text-1{padding-bottom:5px}}@media (max-width:1023px){.section-collection .theme-bar > *.active .text-1{}}@media (max-width: 720px){.section-collection .theme-bar > *.active .text-1{padding-bottom:2px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .theme-bar > *.active .text-1{padding-bottom:4px}}.section-collection .invited-works{position:relative}@media (min-width: 1800px){.section-collection .invited-works{height:584px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .invited-works{height:479px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .invited-works{height:399px}}@media (max-width:1023px){.section-collection .invited-works{min-height:98.61111111111111vw}}.section-collection .invited-works > *{position:absolute;top:0;left:0;opacity:0;z-index:1}.section-collection .invited-works > *.active{opacity:1;z-index:2}.section-collection .normal-works{}@media (min-width: 1800px){.section-collection .normal-works{margin-top:88px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works{margin-top:72px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works{margin-top:60px}}@media (max-width:1023px){.section-collection .normal-works{}.section-collection .normal-works .title{color:#c7c7c7}}@media (max-width: 720px){.section-collection .normal-works{margin-top:44px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works{margin-top:88px}}.section-collection .normal-works .works-wrapper{display:flex;flex-wrap:wrap}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper{margin-top:31px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper{margin-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper{margin-top:21px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper{width:100%;justify-content:space-between}}@media (max-width: 720px){.section-collection .normal-works .works-wrapper{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works .works-wrapper{margin-top:40px}}.section-collection .normal-works .works-wrapper .work-item{cursor:pointer;color:#999}.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){margin-bottom:45px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){margin-bottom:37px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){margin-bottom:31px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){}}@media (max-width: 720px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){margin-bottom:20px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works .works-wrapper .work-item:nth-child(2n - 1){margin-bottom:40px}}.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:48px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:39px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:33px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:0}}.section-collection .normal-works .works-wrapper .poster{object-fit:cover}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper .poster{width:405px;height:292px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper .poster{width:332px;height:239px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper .poster{width:277px;height:199px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .poster{width:42.22222222222222vw;height:42.22222222222222vw}}.section-collection .normal-works .works-wrapper .name-model{display:flex;justify-content:space-between;align-items:center}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper .name-model{margin-top:8px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper .name-model{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper .name-model{margin-top:5px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .name-model{}}@media (max-width: 720px){.section-collection .normal-works .works-wrapper .name-model{margin-top:8px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works .works-wrapper .name-model{margin-top:16px}}.section-collection .normal-works .works-wrapper .name-model .name{color:#fff}.section-collection .normal-works .more{display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;color:#000}@media (min-width: 1800px){.section-collection .normal-works .more{margin:64px auto 0;width:150px;height:47px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .more{margin:52px auto 0;width:123px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .more{margin:44px auto 0;width:102px;height:32px}}@media (max-width:1023px){.section-collection .normal-works .more{color:#fff;background:transparent;border:1px solid #fff}}@media (max-width: 720px){.section-collection .normal-works .more{margin:34px auto 0;width:190px;height:38px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works .more{margin:68px auto 0;width:380px;height:76px}}
.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{}@media (min-width: 1800px){.g--container,.g--container-ls{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:1076px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}}@media (max-width:720px){.g--container,.g--container-pt{width:88.89vw}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:89.58vw}}@media (max-width:1023px){.g--pt-hidden{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}.zn--wrapper .g--black{color:#000}.zn--wrapper .g--white{color:#fff}.zn--wrapper .g--light-grey{color:#efefef;font-family:OPPOSans-Medium}.zn--wrapper .g--grey{color:#c7c7c7}.zn--wrapper .g--dark-grey{color:#999}.zn--wrapper .font-regular{font-family:OPPOSans-Regular}@media (min-width:1024px){.zn--wrapper .fontpc-regular{font-family:OPPOSans-Regular}}@media (max-width:1023px){.zn--wrapper .fontmo-regular{font-family:OPPOSans-Regular}}.zn--wrapper .font-medium{font-family:OPPOSans-Medium}@media (min-width:1024px){.zn--wrapper .fontpc-medium{font-family:OPPOSans-Medium}}@media (max-width:1023px){.zn--wrapper .fontmo-medium{font-family:OPPOSans-Medium}}.zn--wrapper .font-bold{font-family:OPPOSans-Bold}@media (min-width:1024px){.zn--wrapper .fontpc-bold{font-family:OPPOSans-Bold}}@media (max-width:1023px){.zn--wrapper .fontmo-bold{font-family:OPPOSans-Bold}}.zn--wrapper{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/OPPOSansSuper-Medium-e71c7a.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:'DS-DIGI';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/DS-DIGI-576259.woff2) format('woff2');font-style:normal;font-weight:400}@font-face{font-family:'DS-DIGIB';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/DS-DIGIB-70a983.woff2) format('woff2');font-style:normal;font-weight:700}.zn--wrapper sup{font-size:1em;line-height:1;position:relative;vertical-align:baseline;top:-.2em;font-family:OPPOSans-super;font-weight:400}.zn--wrapper b sup,.zn--wrapper sup b,.zn--wrapper strong sup,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{background:#000;color:#fff}.zn--wrapper a{color:#fff}.zn--wrapper .vertical-center{height:100%;display:flex;align-items:center}.zn--wrapper .vertical-center > *{width:100%}.zn--wrapper .horizontal-center{width:100%;display:flex;align-items:center;flex-direction:column}.zn--wrapper .horizontal-center > *{height:100%}.zn--wrapper .text-center{text-align:center}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .fixed,.zn--wrapper .absolute{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}@media (max-width:1023px){.zn--wrapper .fixed-pt,.zn--wrapper .absolute-pt{left:0;top:0}.zn--wrapper .fixed-pt{position:fixed}.zn--wrapper .absolute-pt{position:absolute}}@media (min-width:1024px){.zn--wrapper .fixed-ls,.zn--wrapper .absolute-ls{left:0;top:0}.zn--wrapper .fixed-ls{position:fixed}.zn--wrapper .absolute-ls{position:absolute}}#oc-header.fixed{position:absolute}@media (min-width:1024px){#oc-wrapper{padding-top:.1px}}@media (min-width:1024px){.zn--navbar{margin-top:80px}}#oc-container .zn--navbar{margin-top:0}@media (min-width:1024px) and (max-width:1439px){.zn--navbar{margin-top:64px}}.zn--wrapper{position:relative}#navbar{position:-webkit-sticky;position:sticky;top:-1px;background-color:#fff;color:#000;cursor:default;height:60px;opacity:1;width:100%;z-index:10;border:1px solid rgba(0,0,0,0.1);border-left:none;border-right:none}@media (max-width:1023px){#navbar{height:50px}}#navbar.no-border-btm{border-bottom:transparent}#navbar.sticked{transition:background-color .3s ease;background-color:#fff}[data-active-selector]#navbar.sticked{transition:none}[data-theme='dark']:not([data-active-selector])#navbar.sticked,[data-theme='dark'].colorful-selector#navbar.sticked{background-color:#000}#navbar.sticked .sub-container{transition:opacity .5s ease-in-out,background-color .3s ease}[data-theme='dark']:not([data-active-selector])#navbar,[data-theme='dark'].colorful-selector#navbar{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar ul,#navbar li{align-items:center;display:flex;justify-content:center}#navbar li{font-family:OPPOSans-Regular;font-size:14px;letter-spacing:.05px;line-height:20px}@media (min-width:1024px){#navbar li{font-size:12px}}#navbar li .a{cursor:pointer;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}#navbar li .a:hover{opacity:1}#navbar li .a,#navbar li span{align-items:center;color:inherit;display:flex;font-size:inherit;justify-content:center;opacity:.6;transition:opacity .3s ease,color .3s ease}#navbar .container{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:14.4rem;padding:0 .6rem;position:relative}@media (min-width:1024px) and (max-width:1399px){#navbar .container{padding:0 .5rem}}@media (max-width:1023px){#navbar .container{padding:0 20px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#navbar .container{padding:0 40px}}#navbar .sub-container{opacity:0;pointer-events:none;position:relative;top:1px;width:100%;height:40px;background-color:#fff;padding:8px 0;pointer-events:none;border-bottom:1px solid rgba(0,0,0,0.1);transition:backround-color .3s ease;display:flex;justify-content:center}[data-theme='dark']#navbar .sub-container{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar .sub-container.visible{opacity:1;pointer-events:auto}#navbar .sub-container .links-container{max-width:100%;overflow-x:scroll;display:flex;justify-content:flex-start;scrollbar-width:none}#navbar .sub-container .links-container::-webkit-scrollbar{display:none}#navbar .sub-container .links-container .link{margin-right:18px}.lang-ar #navbar .sub-container .links-container .link{margin-left:18px;margin-right:0}#navbar .sub-container .links-container .link:first-child{}@media (max-width: 720px){#navbar .sub-container .links-container .link:first-child{padding-left:20px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:first-child{padding-left:40px}}.lang-ar #navbar .sub-container .links-container .link:first-child{padding-left:0}@media (max-width: 720px){.lang-ar #navbar .sub-container .links-container .link:first-child{padding-right:20px}}@media (min-width: 720px) and (max-width: 1023px){.lang-ar #navbar .sub-container .links-container .link:first-child{padding-right:40px}}#navbar .sub-container .links-container .link:last-child{margin:0}@media (max-width: 720px){#navbar .sub-container .links-container .link:last-child{padding-right:20px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:last-child{padding-right:40px}}.lang-ar #navbar .sub-container .links-container .link:last-child{padding-right:0}@media (max-width: 720px){.lang-ar #navbar .sub-container .links-container .link:last-child{padding-left:20px}}@media (min-width: 720px) and (max-width: 1023px){.lang-ar #navbar .sub-container .links-container .link:last-child{padding-left:40px}}#navbar .sub-container .links-container .link .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container .scroll-mask{position:absolute;top:0;height:100%;z-index:2}@media (max-width: 720px){#navbar .sub-container .scroll-mask{width:20px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .scroll-mask{width:40px}}#navbar .sub-container .mask-left{left:0}#navbar .sub-container .mask-right{right:0}#navbar .sub-container .mask-light{opacity:1;transition:opacity .3s ease .3s}[data-theme='dark']#navbar .sub-container .mask-light{opacity:0;transition:none}#navbar .sub-container .mask-light.mask-left{background:linear-gradient(to left,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-light.mask-right{background:linear-gradient(to right,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-dark{opacity:0;transition:none}[data-theme='dark']#navbar .sub-container .mask-dark{opacity:1;transition:opacity .3s ease .3s}#navbar .sub-container .mask-dark.mask-left{background:linear-gradient(to left,rgba(0,0,0,0),#000)}#navbar .sub-container .mask-dark.mask-right{background:linear-gradient(to right,rgba(0,0,0,0),#000)}#navbar .sub-container[data-active="1"] .link:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="2"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="2"] .link:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="3"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="3"] .link:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="4"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="4"] .link:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="5"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="5"] .link:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="6"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="6"] .link:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="7"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="7"] .link:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="8"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="8"] .link:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .sub-container[data-active="9"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="9"] .link:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .mask{background-color:rgba(0,0,0,0.56);transition:background-color .3s ease}#navbar .indicator .arrow{fill:#000;transition:fill .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .indicator .arrow,[data-theme='dark'].colorful-selector#navbar .indicator .arrow{fill:#fff}#navbar .products,#navbar .links,#navbar .buttons{align-items:center;min-width:0}#navbar .link:not(:first-child),#navbar .button:not(:first-child){}@media (min-width: 1800px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:18px}}@media (min-width: 1400px) and (max-width: 1799px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:15px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:12px}}.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-left:0}@media (min-width: 1800px){.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:18px}}@media (min-width: 1400px) and (max-width: 1799px){.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:15px}}@media (min-width: 1024px) and (max-width: 1399px){.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:12px}}@media (max-width:1023px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:0}}@media (max-width:1023px){#navbar .link .a.default,#navbar .product .a.active,#navbar .product.special{display:none}}@media (max-width:1023px){#navbar .products,#navbar .links{align-items:stretch;flex-direction:column;left:0;overflow:hidden;position:absolute;top:100%;margin-top:1px;width:100%;visibility:hidden}#navbar .products > :last-child > :last-child,#navbar .links > :last-child > :last-child,#navbar .products > :last-child > :last-child > :last-child,#navbar .links > :last-child > :last-child > :last-child{border-bottom-color:transparent}#navbar .products li,#navbar .links li{background-color:#fff;justify-content:stretch;position:relative;-webkit-transform:translateY(-400%);transform:translateY(-400%);-webkit-transform:translateY(calc(-100% * var(--links-n, 4)));transform:translateY(calc(-100% * var(--links-n, 4)));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .products li,[data-theme='dark']:not([data-active-selector])#navbar .links li,[data-theme='dark'].colorful-selector#navbar .products li,[data-theme='dark'].colorful-selector#navbar .links li{background-color:#000}#navbar .products .a,#navbar .links .a{border-bottom:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}[data-theme='dark']:not([data-active-selector])#navbar .products .a,[data-theme='dark']:not([data-active-selector])#navbar .links .a,[data-theme='dark'].colorful-selector#navbar .products .a,[data-theme='dark'].colorful-selector#navbar .links .a{background-color:#000;border-bottom:1px solid rgba(255,255,255,0.1)}}@media (max-width: 720px){#navbar .products li,#navbar .links li{padding:0 20px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .products li,#navbar .links li{padding:0 40px}}#navbar .products{flex:1 1 0%;justify-content:flex-start}@media (max-width:1023px){#navbar .products{z-index:3}}#navbar .products .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .products .divider{}@media (min-width: 1800px){#navbar .products .divider{margin:0 18px}}@media (min-width: 1400px) and (max-width: 1799px){#navbar .products .divider{margin:0 15px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .products .divider{margin:0 12px}}@media (max-width:1023px){#navbar .products .divider{display:none}}#navbar .products .divider .a{cursor:default}#navbar .links{flex:3 3 0%;justify-content:center}@media (min-width:1024px){#navbar .links{opacity:0}}@media (max-width:1023px){#navbar .links{z-index:4}}#navbar .links .default{pointer-events:none}#navbar .buttons{flex:1 1 0%;justify-content:flex-end}#navbar .buttons .button{overflow:hidden;position:relative;border-radius:2px}#navbar .buttons .button .a{background-color:#000;color:#fff;font-size:12px;height:30px;letter-spacing:0;line-height:1;opacity:1;padding:0 18px}[data-theme='dark']:not([data-active-selector])#navbar .buttons .button .a,[data-theme='dark'].colorful-selector#navbar .buttons .button .a{background-color:#fff;color:#000}@media (max-width:1023px){#navbar .buttons .button .a{height:32px;padding:0 12px;font-size:12px;min-width:64px}}#navbar .links[data-active=''] .default,#navbar .links:not([data-active]) .default{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="1"] > li:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="2"] > li:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="3"] > li:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="4"] > li:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="5"] > li:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="6"] > li:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="7"] > li:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="8"] > li:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="9"] > li:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}#navbar .links[data-active="10"] > li:nth-child(10) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold}@media (max-width:1023px){#navbar{position:relative}#navbar .mask{height:100vh;height:calc(100 * var(--vh, 1vh));left:0;position:absolute;top:calc(100% + 1px);width:100%;z-index:0;display:none}#navbar .indicator{height:24px;margin-left:5px}#navbar .indicator .arrow{width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#navbar .selector{align-items:center;display:flex;justify-content:flex-start}#navbar .selector li *{opacity:1;font-family:OPPOSans-Bold}#navbar .selector[disabled] .indicator{display:none}[data-active-selector]#navbar .mask{display:block}[data-active-selector='product']#navbar .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='product']#navbar .products{visibility:visible}[data-active-selector='product']#navbar .products > li{-webkit-transform:translateY(0);transform:translateY(0)}[data-active-selector='link']#navbar .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='link']#navbar .links{visibility:visible}[data-active-selector='link']#navbar .links > li{-webkit-transform:translateY(0);transform:translateY(0)}#navbar .product-selector,#navbar .buttons{}#navbar .link-selector{flex:1 1 0%;justify-content:center;margin:0 5px}}@media (max-width: 720px){#navbar .product-selector,#navbar .buttons{flex:0 0 85px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .product-selector,#navbar .buttons{flex:0 0 170px}}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:9999;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-container{position:relative;margin-top:-12px;width:55%;height:auto}@media (min-width:2400px){.g--popup .g--video-container{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-container{width:100vw}}.video-portrait.g--popup .g--video-container{width:100%;height:100%;padding:32px 0;margin-top:0}.g--popup .g--video-wrapper{position:relative;width:100%;height:auto;overflow:hidden}.g--popup .g--video-wrapper video{width:100%;height:auto;outline:none}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:12px;height:12px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (max-width:1023px){.g--popup .g--popup-close{width:24px;height:24px}}@media (max-width: 720px){.g--popup .g--popup-close{right:16px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup .g--popup-close{right:32px}}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-close .inner{-webkit-transform:scale(.5);transform:scale(.5)}}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme = 'white'] .g--popup-container{background:#fff}[data-theme = 'white'] .g--popup-close polygon{fill:#000}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}.gradient-text.color-33 span{background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%);-webkit-background-clip:text;color:transparent}#section-kv{z-index:1;width:100%}#section-kv .g--sticky-container{width:100%;height:300vh;height:calc(300 * var(--vh, 1vh))}@media (max-width:1023px){#section-kv .g--sticky-container{height:240vh;height:calc(240 * var(--vh, 1vh))}}#section-kv .g--sticky-container .g--sticky-item{position:relative;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden}#section-kv .g--sticky-container .g--sticky-item .bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#section-kv .g--sticky-container .g--sticky-item .bg1{z-index:1;will-change:opacity}#section-kv .g--sticky-container .g--sticky-item .bg2{z-index:2;will-change:transform,opacity}@media (max-width:1023px){#section-kv .g--sticky-container .g--sticky-item .bg2{-webkit-transform-origin:top;transform-origin:top}}#section-kv .g--sticky-container .g--sticky-item .bg3{z-index:3;height:auto;will-change:transform,opacity}@media (max-width:1023px){#section-kv .g--sticky-container .g--sticky-item .bg3{-webkit-transform-origin:top;transform-origin:top}}#section-kv .g--sticky-container .g--sticky-item .title-wrapper{position:relative;z-index:2;margin-top:45vh;margin-top:calc(45 * var(--vh, 1vh));text-align:center;font-family:OPPOSans-Medium;color:#fff}@media (min-width: 1800px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{font-size:64px;line-height:77px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{font-size:52px;line-height:63px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{font-size:44px;line-height:53px;letter-spacing:0px}}#section-kv .g--sticky-container .g--sticky-item .title-wrapper p{will-change:transform,opacity}#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){}@media (min-width: 1800px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){margin-top:16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){margin-top:14px}}@media (max-width:1023px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{letter-spacing:0;margin-top:45vh;margin-top:calc(45 * var(--vh, 1vh))}#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){}#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:nth-child(1){white-space:nowrap;font-size:5.5vw;line-height:10vw}}@media (max-width: 720px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper p:not(:first-child){margin-top:20px}}@media (max-width: 720px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{font-size:26px;line-height:38px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--sticky-container .g--sticky-item .title-wrapper{font-size:52px;line-height:76px}}#section-kv .g--sticky-container .g--sticky-item .cursor{position:absolute;z-index:4;top:0;left:0;pointer-events:none}@media (min-width: 1800px){#section-kv .g--sticky-container .g--sticky-item .cursor{width:93px;height:106px;-webkit-transform:translate3d(-93px,-106px,0);transform:translate3d(-93px,-106px,0)}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--sticky-container .g--sticky-item .cursor{width:76px;height:87px;-webkit-transform:translate3d(-76px,-87px,0);transform:translate3d(-76px,-87px,0)}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--sticky-container .g--sticky-item .cursor{width:64px;height:72px;-webkit-transform:translate3d(-64px,-72px,0);transform:translate3d(-64px,-72px,0)}}@media (max-width:1023px){#section-kv .g--sticky-container .g--sticky-item .cursor{top:77.7vh;top:calc(77.7 * var(--vh, 1vh));pointer-events:unset}}@media (max-width: 720px){#section-kv .g--sticky-container .g--sticky-item .cursor{left:calc(50% - 36px);width:72px;height:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--sticky-container .g--sticky-item .cursor{left:calc(50% - 72px);width:144px;height:160px}}#section-kv .g--sticky-container .g--sticky-item .play-trigger{z-index:10;width:100%;height:100%}#section-judges{}@media (min-width: 1800px){#section-judges{padding-bottom:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges{padding-bottom:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges{padding-bottom:41px}}#section-judges .title{text-align:center}#section-judges .judges-wrapper{display:flex;justify-content:space-between}@media (min-width: 1800px){#section-judges .judges-wrapper{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper{margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper{margin-top:55px}}@media (max-width:1023px){#section-judges .judges-wrapper{display:block}}@media (max-width: 720px){#section-judges .judges-wrapper{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper{margin-top:80px}}#section-judges .judges-wrapper .judge-container{}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container{width:406px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container{width:333px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container{width:277px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container{width:100%}#section-judges .judges-wrapper .judge-container:not(:first-child){}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container:not(:first-child){margin-top:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container:not(:first-child){margin-top:48px}}#section-judges .judges-wrapper .judge-container .avatar{position:relative;z-index:2}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .avatar{width:90px;height:90px;margin-left:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .avatar{width:74px;height:74px;margin-left:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .avatar{width:61px;height:61px;margin-left:29px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .avatar{}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .avatar{width:60px;height:60px;margin-left:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .avatar{width:120px;height:120px;margin-left:68px}}#section-judges .judges-wrapper .judge-container .judge-detail-box{position:relative;width:100%;background-color:#212223;border:2px solid;border-image-source:linear-gradient(225deg,#1f78ff 0%,#021736 100%);border-image-slice:1;border-image-outset:0 1px}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .judge-detail-box{height:410px;margin-top:-45px;padding:96px 42px 42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .judge-detail-box{height:336px;margin-top:-37px;padding:79px 34px 34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .judge-detail-box{height:280px;margin-top:-31px;padding:66px 29px 29px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box{}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .judge-detail-box{margin-top:-30px;padding:49px 36px 30px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box{margin-top:-60px;padding:98px 72px 60px}}#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{position:absolute;z-index:1;line-height:1;color:rgba(255,255,255,0.15)}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{top:78px;left:18px;font-size:110px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{top:64px;left:15px;font-size:90px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{top:53px;left:12px;font-size:75px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{top:41px;left:18px;font-size:70px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .quote{top:82px;left:36px;font-size:140px}}#section-judges .judges-wrapper .judge-container .judge-detail-box .text{letter-spacing:0}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{font-size:20px;line-height:30px;height:180px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{font-size:16px;line-height:25px;height:148px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{font-size:14px;line-height:20px;height:123px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{letter-spacing:0}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{font-size:14px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .text{font-size:28px;line-height:48px}}#section-judges .judges-wrapper .judge-container .judge-detail-box .name{color:#fff;letter-spacing:0}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{margin-top:40px;font-size:16px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{margin-top:33px;font-size:13px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{margin-top:27px;font-size:11px;line-height:16px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{font-family:OPPOSans-Medium;letter-spacing:0}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{margin-top:20px;font-size:14px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .name{margin-top:40px;font-size:28px;line-height:48px}}#section-judges .judges-wrapper .judge-container .judge-detail-box .job{color:#999;letter-spacing:0}@media (min-width: 1800px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-size:11px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-size:10px;line-height:16px}}@media (max-width:1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-family:OPPOSans-Medium;letter-spacing:0}}@media (max-width: 720px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-size:12px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-judges .judges-wrapper .judge-container .judge-detail-box .job{font-size:24px;line-height:40px}}#section-info{width:100%;overflow:hidden;background-image:linear-gradient(180deg,#000 0%,#11151b 64%,#11161e 66%,#000 100%)}@media (min-width: 1800px){#section-info{padding-top:128px;padding-bottom:131px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info{padding-top:105px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info{padding-top:87px;padding-bottom:89px}}@media (max-width:1023px){#section-info{background-image:url(/content/dam/oppo/event-page-asset/seebeyond/en/seebeyond-en-p3/v1/assets/en-info_bg_360-756549.jpg.webp);background-size:contain}}@media (max-width: 720px){#section-info{padding-top:80px;padding-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-info{padding-top:160px;padding-bottom:160px}}#section-info .intro-video .intro-video-item{display:flex;justify-content:space-between;width:100%}@media (min-width: 1800px){#section-info .intro-video .intro-video-item{height:400px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item{height:328px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item{height:273px}}@media (max-width:1023px){#section-info .intro-video .intro-video-item{display:block;height:auto}}#section-info .intro-video .intro-video-item .left{display:flex;flex-direction:column;justify-content:center}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left{width:520px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left{width:426px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left{width:355px}}@media (max-width:1023px){#section-info .intro-video .intro-video-item .left{width:100%;display:block;text-align:center}#section-info .intro-video .intro-video-item .left .mobile-cover{width:100%;height:55.56vw}}@media (max-width: 720px){#section-info .intro-video .intro-video-item .left .mobile-cover{margin-bottom:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .intro-video .intro-video-item .left .mobile-cover{margin-bottom:56px}}#section-info .intro-video .intro-video-item .left .video-trigger{display:flex;justify-content:center;align-items:center;background:#fff;color:#000;cursor:pointer}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:40px;width:144px;height:48px;border-radius:2px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:33px;width:118px;height:39px;border-radius:2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:27px;width:98px;height:33px;border-radius:1px}}#section-info .intro-video .intro-video-item .left .video-trigger .icon{}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:10px;height:13px;margin-right:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:8px;height:11px;margin-right:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:7px;height:9px;margin-right:7px}}#section-info .intro-video .intro-video-item .right{position:relative}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .right{width:718px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .right{width:589px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .right{width:490px}}#section-info .intro-video .intro-video-item .right video{width:100%;height:100%;object-fit:cover}#section-info .join-wrapper{text-align:center}#section-info .join-wrapper .title{margin:0 auto}@media (min-width: 1800px){#section-info .join-wrapper .title{width:472px;height:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .title{width:387px;height:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .title{width:322px;height:29px}}@media (max-width:1023px){#section-info .join-wrapper .title{}}@media (max-width: 720px){#section-info .join-wrapper .title{width:257px;height:70px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .title{width:514px;height:140px}}#section-info .join-wrapper .join-container{display:flex;justify-content:space-between}@media (min-width: 1800px){#section-info .join-wrapper .join-container{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container{margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container{margin-top:55px}}@media (max-width:1023px){#section-info .join-wrapper .join-container{padding-left:2.78vw;display:block}#section-info .join-wrapper .join-container .join-title-wrapper{text-align:left;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#section-info .join-wrapper .join-container .join-title-wrapper .join-title{white-space:nowrap;color:#666;display:inline-block}#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{}#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{}#section-info .join-wrapper .join-container .join-info-wrapper{display:flex;width:250vw;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info-wrapper{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info-wrapper{margin-top:44px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{width:250px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{width:500px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{width:300px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{width:600px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper{width:900px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper{width:1800px}}@media (max-width: 720px){#section-info .join-wrapper .join-container{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container{margin-top:64px}}#section-info .join-wrapper .join-container .join-info{text-align:left;background-color:#212223;border-radius:2px;border:2px solid;border-image-source:linear-gradient(225deg,#1f78ff 0%,#021736 100%);border-image-slice:1;border-image-outset:0 1px}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info{width:408px;height:500px;padding:50px 36px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info{width:335px;height:410px;padding:41px 30px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info{width:279px;height:341px;padding:34px 25px 0}}#section-info .join-wrapper .join-container .join-info .detail{}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:41px}}#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:20px}}@media (max-width:1023px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:40px}}@media (max-width:1023px){#section-info .join-wrapper .join-container .join-info{width:83.33vw;height:104vw;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info{padding:29px 28px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info{padding:58px 56px 0}}#section-info .join-wrapper .pt-join-container[data-active="0"] .join-title-0{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="0"] .join-info-0{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{}@media (max-width: 720px){#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{-webkit-transform:translateX(-600px);transform:translateX(-600px)}}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper .join-title-1{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-info-wrapper{-webkit-transform:translateX(-83.33vw);transform:translateX(-83.33vw)}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-info-wrapper .join-info-1{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{}@media (max-width: 720px){#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{-webkit-transform:translateX(-550px);transform:translateX(-550px)}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{-webkit-transform:translateX(-1100px);transform:translateX(-1100px)}}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper .join-title-2{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-info-wrapper{-webkit-transform:translateX(-166.66vw);transform:translateX(-166.66vw)}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-info-wrapper .join-info-2{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .link-container{display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-info .join-wrapper .link-container{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .link-container{margin-top:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .link-container{margin-top:41px}}@media (max-width:1023px){#section-info .join-wrapper .link-container{}}@media (max-width: 720px){#section-info .join-wrapper .link-container{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .link-container{margin-top:80px}}#section-info .join-wrapper .link-container .link{border-bottom:1px solid #fff;cursor:pointer}#section-info .join-wrapper .link-container .link:not(:first-child){}@media (min-width: 1800px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:20px}}@media (max-width:1023px){#section-info .join-wrapper .link-container .link:not(:first-child){}}@media (max-width: 720px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:48px}}#section-info .join-wrapper .link-container .link:hover{color:#fff}#section-info .join-wrapper .button{position:relative;z-index:2;background-color:#fff;color:#070b11;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-info .join-wrapper .button{margin:33px auto 0;width:155px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .button{margin:27px auto 0;width:127px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .button{margin:23px auto 0;width:106px;height:33px}}@media (max-width:1023px){#section-info .join-wrapper .button{color:#fff;border:1px solid #fff;border-radius:2px;background-color:unset}}@media (max-width: 720px){#section-info .join-wrapper .button{margin:24px auto 0;width:140px;height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .button{margin:48px auto 0;width:280px;height:80px}}#section-ng{width:100%;text-align:center;background-color:#11151b}@media (min-width: 1800px){#section-ng{height:1023px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng{height:839px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng{height:699px}}@media (max-width:1023px){#section-ng{height:232vw}}#section-ng .bg{z-index:1;width:100%;height:59.53vw}@media (max-width:1023px){#section-ng .bg{height:100%}}#section-ng .g--container{z-index:2}@media (min-width: 1800px){#section-ng .g--container{padding-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container{padding-top:105px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container{padding-top:87px}}@media (max-width:1023px){#section-ng .g--container{}}@media (max-width: 720px){#section-ng .g--container{padding-top:77px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container{padding-top:154px}}#section-ng .g--container .main-title{}@media (max-width: 720px){#section-ng .g--container .main-title{font-size:26px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container .main-title{font-size:52px}}@media (min-width: 1800px){#section-ng .g--container .main-title{font-size:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .main-title{font-size:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .main-title{font-size:25px}}#section-ng .g--container .text{}@media (min-width: 1800px){#section-ng .g--container .text{width:860px;margin:14px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .text{width:705px;margin:11px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .text{width:587px;margin:10px auto 0}}@media (max-width:1023px){#section-ng .g--container .text{width:100%}}@media (max-width: 720px){#section-ng .g--container .text{margin:6px auto 0}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container .text{margin:12px auto 0}}#section-ng .g--container .hover-card-wrapper{width:100%}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper{height:520px;margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper{height:426px;margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper{height:355px;margin-top:55px}}#section-ng .g--container .hover-card-wrapper .hover-card{position:absolute;top:0;height:100%;cursor:pointer;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card{width:416px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card{width:341px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card{width:284px}}#section-ng .g--container .hover-card-wrapper .hover-card .mask{z-index:3;width:100%;height:100%;background-color:#000;opacity:.6}#section-ng .g--container .hover-card-wrapper .hover-card .bg{z-index:1;width:100%;height:100%}#section-ng .g--container .hover-card-wrapper .hover-card .desc{z-index:2;text-align:left}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:416px;margin-left:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:341px;margin-left:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:284px;margin-left:20px}}#section-ng .g--container .hover-card-wrapper .hover-card-0{left:0}#section-ng .g--container .hover-card-wrapper .hover-card-1{}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:292px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:239px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:199px}}#section-ng .g--container .hover-card-wrapper .hover-card-2{}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:272px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:223px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:186px}}#section-ng .g--container .hover-card-wrapper .hover-card-3{right:0}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-0{z-index:4;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-0 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-1{z-index:3;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-2{z-index:2;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-3{z-index:1;-webkit-transform:scale(.68);transform:scale(.68)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-0{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-1{z-index:3;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-1 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-2{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-3{z-index:1;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-0{z-index:1;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-1{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-2{z-index:3;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-2 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-3{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-0{z-index:1;-webkit-transform:scale(.68);transform:scale(.68)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-1{z-index:2;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-2{z-index:3;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-3{z-index:4;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-3 .mask{visibility:hidden}#section-ng .pt-card-wrapper{position:relative;width:100%;height:91.67vw;overflow:hidden}@media (max-width: 720px){#section-ng .pt-card-wrapper{margin-top:33px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .pt-card-wrapper{margin-top:66px}}#section-ng .pt-card-wrapper .card{position:absolute;top:0;left:13.34vw;width:73.33vw;height:100%;border-radius:6px;overflow:hidden;transition:z-index .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,z-index .5s ease;transition:transform .5s ease,z-index .5s ease,-webkit-transform .5s ease;border:2px solid #000}#section-ng .pt-card-wrapper .card .mask{z-index:2;width:100%;height:100%;background-color:#000;opacity:.6;transition:opacity .5s ease}#section-ng .pt-card-wrapper .card .bg{z-index:1;width:100%;height:100%}#section-ng .pt-card-wrapper[active-card="0"] .card-0{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="0"] .card-0 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="0"] .card-1{z-index:3;-webkit-transform:translateX(10vw) scale(.9);transform:translateX(10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="0"] .card-2{z-index:2;-webkit-transform:translateX(13.34vw) scale(.78);transform:translateX(13.34vw) scale(.78);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="0"] .card-3{z-index:1;-webkit-transform:translateX(16vw) scale(.66);transform:translateX(16vw) scale(.66)}#section-ng .pt-card-wrapper[active-card="0"] + .point-wrapper .point:nth-child(1){background-color:#fff}#section-ng .pt-card-wrapper[active-card="1"] .card-0{z-index:3;-webkit-transform:translateX(-13.34vw) scale(.9);transform:translateX(-13.34vw) scale(.9);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="1"] .card-1{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="1"] .card-1 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="1"] .card-2{z-index:3;-webkit-transform:translateX(10vw) scale(.9);transform:translateX(10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="1"] .card-3{z-index:2;-webkit-transform:translateX(13.34vw) scale(.78);transform:translateX(13.34vw) scale(.78);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="1"] + .point-wrapper .point:nth-child(2){background-color:#fff}#section-ng .pt-card-wrapper[active-card="2"] .card-0{z-index:2;-webkit-transform:translateX(-13.34vw) scale(.78);transform:translateX(-13.34vw) scale(.78);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="2"] .card-1{z-index:3;-webkit-transform:translateX(-10vw) scale(.9);transform:translateX(-10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="2"] .card-2{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="2"] .card-2 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="2"] .card-3{z-index:3;-webkit-transform:translateX(13.34vw) scale(.9);transform:translateX(13.34vw) scale(.9);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="2"] + .point-wrapper .point:nth-child(3){background-color:#fff}#section-ng .pt-card-wrapper[active-card="3"] .card-0{z-index:1;-webkit-transform:translateX(-16vw) scale(.66);transform:translateX(-16vw) scale(.66)}#section-ng .pt-card-wrapper[active-card="3"] .card-1{z-index:2;-webkit-transform:translateX(-13.34vw) scale(.78);transform:translateX(-13.34vw) scale(.78);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="3"] .card-2{z-index:3;-webkit-transform:translateX(-10vw) scale(.9);transform:translateX(-10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="3"] .card-3{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="3"] .card-3 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="3"] + .point-wrapper .point:nth-child(4){background-color:#fff}#section-ng .point-wrapper{position:relative;z-index:2;display:flex;justify-content:center}@media (max-width: 720px){#section-ng .point-wrapper{margin-top:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .point-wrapper{margin-top:60px}}#section-ng .point-wrapper .point{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.3)}#section-ng .point-wrapper .point:not(:first-child){margin-left:10px}#section-ng .button{position:relative;z-index:2;background-color:#fff;color:#070b11;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-ng .button{margin:80px auto 0;width:155px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .button{margin:66px auto 0;width:127px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .button{margin:55px auto 0;width:106px;height:33px}}@media (max-width:1023px){#section-ng .button{color:#fff;border:1px solid #fff;border-radius:2px;background-color:unset}}@media (max-width: 720px){#section-ng .button{margin:40px auto 0;width:320px;height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .button{margin:80px auto 0;width:640px;height:96px}}#section-shot{width:100%;text-align:center;background-image:linear-gradient(180deg,#11151b 0%,#000 100%)}@media (min-width: 1800px){#section-shot{min-height:1038px;padding-top:120px;padding-bottom:120px}}@media (min-width: 1400px) and (max-width: 1799px){#section-shot{min-height:851px;padding-top:98px;padding-bottom:98px}}@media (min-width: 1024px) and (max-width: 1399px){#section-shot{min-height:709px;padding-top:82px;padding-bottom:82px}}@media (max-width:1023px){#section-shot{min-height:236vw}}@media (max-width: 720px){#section-shot{padding-top:60px;padding-bottom:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot{padding-top:120px;padding-bottom:120px}}#section-shot .margin-top-24{}@media (max-width: 720px){#section-shot .margin-top-24{margin-top:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot .margin-top-24{margin-top:32px}}#section-shot .taggbox-container{width:100%}@media (min-width: 1800px){#section-shot .taggbox-container{min-height:729px;margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-shot .taggbox-container{min-height:598px;margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){#section-shot .taggbox-container{min-height:498px;margin-top:55px}}@media (max-width:1023px){#section-shot .taggbox-container{min-height:97.5vw}}@media (max-width: 720px){#section-shot .taggbox-container{margin-top:42px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot .taggbox-container{margin-top:84px}}.g--popup-en{position:fixed;z-index:11;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));display:none;background-color:#000}.g--popup-en.show{display:block}.g--popup-en.is-white{background-color:#fff}.g--popup-en.is-white .white-close{display:none}.g--popup-en.is-white .black-close{display:block}.g--popup-en.is-white .scroll-area .main-title{color:#000;background-image:unset}.g--popup-en.is-white .scroll-area .text-wrapper .title{color:#000}.g--popup-en.is-white .scroll-area .text-wrapper .text{color:#666}.g--popup-en.is-white .g--white{color:#000}.g--popup-en .close{position:fixed;top:5vh;top:calc(5 * var(--vh, 1vh));right:5vw;cursor:pointer}@media (min-width: 1800px){.g--popup-en .close{width:24px;height:24px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .close{width:20px;height:20px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .close{width:16px;height:16px}}.g--popup-en .white-close{display:block}.g--popup-en .black-close{display:none}.g--popup-en .scroll-area{overflow-y:scroll}@media (min-width: 1800px){.g--popup-en .scroll-area{width:860px;height:calc(100vh - 122px);height:calc((100 * var(--vh, 1vh)) - 122px);margin:122px auto 0;padding-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area{width:705px;height:calc(100vh - 100px);height:calc((100 * var(--vh, 1vh)) - 100px);margin:100px auto 0;padding-bottom:66px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area{width:587px;height:calc(100vh - 83px);height:calc((100 * var(--vh, 1vh)) - 83px);margin:83px auto 0;padding-bottom:55px}}.g--popup-en .scroll-area::-webkit-scrollbar{width:10px}@media (max-width:1023px){.g--popup-en .scroll-area{}}@media (max-width: 720px){.g--popup-en .scroll-area{width:280px;height:calc(100vh - 60px);height:calc((100 * var(--vh, 1vh)) - 60px);margin:60px auto 0;padding-bottom:120px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area{width:560px;height:calc(100vh - 120px);height:calc((100 * var(--vh, 1vh)) - 120px);margin:120px auto 0;padding-bottom:240px}}.g--popup-en .scroll-area .main-title{background-image:radial-gradient(#1f78ff 15%,#8cbaff 100%);-webkit-background-clip:text;color:transparent}@media (min-width: 1800px){.g--popup-en .scroll-area .main-title{font-size:48px;line-height:65px;letter-spacing:0px;margin-bottom:83px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .main-title{font-size:39px;line-height:53px;letter-spacing:0px;margin-bottom:68px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .main-title{font-size:33px;line-height:44px;letter-spacing:0px;margin-bottom:57px}}@media (max-width:1023px){.g--popup-en .scroll-area .main-title{}}@media (max-width: 720px){.g--popup-en .scroll-area .main-title{font-size:24px;line-height:40px;letter-spacing:0px;margin-bottom:41px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .main-title{font-size:48px;line-height:80px;letter-spacing:0px;margin-bottom:82px}}.g--popup-en .scroll-area .text-wrapper{}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:42px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:34px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:29px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:32px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:64px}}.g--popup-en .scroll-area .text-wrapper .title{color:#fff}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper .title{font-size:22px;line-height:34px;letter-spacing:0px;margin-bottom:11px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper .title{font-size:18px;line-height:28px;letter-spacing:0px;margin-bottom:9px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper .title{font-size:15px;line-height:23px;letter-spacing:0px;margin-bottom:8px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper .title{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper .title{font-size:16px;line-height:26px;letter-spacing:0px;margin-bottom:11px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper .title{font-size:32px;line-height:52px;letter-spacing:0px;margin-bottom:22px}}.g--popup-en .scroll-area .text-wrapper .text{color:#c7c7c7}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper .text{font-size:16px;line-height:28px;letter-spacing:0px;margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper .text{font-size:13px;line-height:23px;letter-spacing:0px;margin-bottom:10px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper .text{font-size:11px;line-height:19px;letter-spacing:0px;margin-bottom:8px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper .text{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper .text{font-size:12px;line-height:20px;letter-spacing:0px;margin-bottom:12px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper .text{font-size:24px;line-height:40px;letter-spacing:0px;margin-bottom:24px}}.g--popup-en .scroll-area .text-wrapper .text a{color:#0f7fff;border-bottom:1px solid #0f7fff}#section-find{width:100%;text-align:center}@media (min-width: 1800px){#section-find{margin-top:131px}}@media (min-width: 1400px) and (max-width: 1799px){#section-find{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-find{margin-top:89px}}@media (max-width:1023px){#section-find .g--container{width:100%}}@media (max-width:1023px){#section-find{}}@media (max-width: 720px){#section-find{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-find{margin-top:160px}}#section-find .main-title{}@media (max-width: 720px){#section-find .main-title{font-size:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-find .main-title{font-size:60px}}#section-find .sub-title{}@media (min-width: 1800px){#section-find .sub-title{font-size:28px;line-height:42px;letter-spacing:0px;margin-top:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-find .sub-title{font-size:23px;line-height:34px;letter-spacing:0px;margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-find .sub-title{font-size:19px;line-height:29px;letter-spacing:0px;margin-top:7px}}@media (max-width:1023px){#section-find .sub-title{}}@media (max-width: 720px){#section-find .sub-title{font-size:20px;line-height:32px;letter-spacing:0px;margin-top:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-find .sub-title{font-size:40px;line-height:64px;letter-spacing:0px;margin-top:16px}}#section-find .button{position:relative;z-index:2;background-color:#fff;color:#070b11;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-find .button{margin:33px auto 0;width:155px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-find .button{margin:27px auto 0;width:127px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-find .button{margin:23px auto 0;width:106px;height:33px}}@media (max-width:1023px){#section-find .button{color:#fff;border:1px solid #fff;border-radius:2px;background-color:unset}}@media (max-width: 720px){#section-find .button{margin:24px auto 0;width:140px;height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-find .button{margin:48px auto 0;width:280px;height:80px}}#section-find .phone{width:100%}@media (min-width: 1800px){#section-find .phone{height:300px;margin-top:88px;margin-bottom:103px}}@media (min-width: 1400px) and (max-width: 1799px){#section-find .phone{height:246px;margin-top:72px;margin-bottom:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-find .phone{height:205px;margin-top:60px;margin-bottom:70px}}@media (max-width:1023px){#section-find .phone{width:100%;height:100vw}}@media (max-width: 720px){#section-find .phone{margin-top:71px;margin-bottom:59px}}@media (min-width: 720px) and (max-width: 1023px){#section-find .phone{margin-top:142px;margin-bottom:118px}}#section-story{z-index:1;width:100%;text-align:center}@media (min-width: 1800px){#section-story{margin-top:133px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story{margin-top:109px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story{margin-top:91px}}@media (max-width:1023px){#section-story{}}@media (max-width: 720px){#section-story{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-story{margin-top:160px}}#section-story .bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;object-fit:cover}#section-story .main-title{position:relative;z-index:2}#section-story .stories-wrapper{position:relative;z-index:2;width:100%;overflow:hidden}@media (min-width: 1800px){#section-story .stories-wrapper{margin-top:83px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper{margin-top:68px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper{margin-top:57px}}#section-story .stories-wrapper .slick-list{overflow:unset}#section-story .stories-wrapper .slick-active .mask{opacity:0}#section-story .stories-wrapper .stories-list{}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list{margin-left:calc(50% - 540px);width:1200px;height:606px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list{margin-left:calc(50% - 443px);width:984px;height:497px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list{margin-left:calc(50% - 369px);width:819px;height:414px}}#section-story .stories-wrapper .stories-list .story-wrapper{position:relative;height:100%}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper{width:1080px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper{width:886px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper{width:738px}}#section-story .stories-wrapper .stories-list .story-wrapper .mask{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);transition:opacity .5s ease;pointer-events:none}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper{position:relative;z-index:1;height:100%}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper{width:1080px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper{width:886px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper{width:738px}}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .cover{position:relative;z-index:1;width:100%;height:100%}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc{position:absolute;z-index:2;bottom:0;left:0;width:100%;background:rgba(33,34,35,0.95);text-align:left}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc{padding:22px 60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc{padding:18px 49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc{padding:15px 41px}}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text-title{}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text-title{font-size:16px;line-height:24px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text-title{font-size:13px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text-title{font-size:11px;line-height:16px;letter-spacing:0px}}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text{}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text{font-size:14px;line-height:22px;letter-spacing:0px;margin-top:9px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text{font-size:11px;line-height:18px;letter-spacing:0px;margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .text{font-size:10px;line-height:15px;letter-spacing:0px;margin-top:6px}}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn{display:flex;align-items:center;cursor:pointer}@media (min-width: 1800px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn{margin-top:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn{margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn{margin-top:10px}}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn .icon{width:12px;height:14px}#section-story .stories-wrapper .stories-list .story-wrapper .story-cover-wrapper .desc .play-btn .btn-text{margin-left:6px;border-bottom:1px solid #fff}#section-story .stories-wrapper .stories-pre-list{display:flex;justify-content:center;position:relative}@media (min-width: 1800px){#section-story .stories-wrapper .stories-pre-list{margin:28px auto 0;height:99px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-pre-list{margin:23px auto 0;height:81px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-pre-list{margin:19px auto 0;height:68px}}#section-story .stories-wrapper .stories-pre-list .select-ui{position:absolute;z-index:2;top:0;pointer-events:none;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}@media (min-width: 1800px){#section-story .stories-wrapper .stories-pre-list .select-ui{left:calc(50% - 241px);width:154px;height:99px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-pre-list .select-ui{left:calc(50% - 198px);width:126px;height:81px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-pre-list .select-ui{left:calc(50% - 165px);width:105px;height:68px}}#section-story .stories-wrapper .stories-pre-list .imgs-wrapper{position:relative;z-index:1;display:flex}#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img{cursor:pointer}@media (min-width: 1800px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img{width:144px;height:81px;margin-top:13px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img{width:118px;height:66px;margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img{width:98px;height:55px;margin-top:9px}}#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img:not(:first-child){}@media (min-width: 1800px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img:not(:first-child){margin-left:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img:not(:first-child){margin-left:16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-story .stories-wrapper .stories-pre-list .imgs-wrapper .pre-img:not(:first-child){margin-left:14px}}#section-story .pt-story-wrapper{position:relative;width:100%}@media (max-width: 720px){#section-story .pt-story-wrapper{margin:42px auto 0}}@media (min-width: 720px) and (max-width: 1023px){#section-story .pt-story-wrapper{margin:84px auto 0}}#section-story .pt-story-wrapper .cover{position:relative;z-index:1;width:100%;height:54.2vw;object-fit:cover}#section-story .pt-story-wrapper .play-icon{position:absolute;z-index:2;pointer-events:none}@media (max-width: 720px){#section-story .pt-story-wrapper .play-icon{top:calc(27.1vw - 25px);left:calc(50% - 25px);width:50px;height:50px}}@media (min-width: 720px) and (max-width: 1023px){#section-story .pt-story-wrapper .play-icon{top:calc(27.1vw - 50px);left:calc(50% - 50px);width:100px;height:100px}}#section-story .pt-story-wrapper .desc{width:100%;background:#222;text-align:left}@media (max-width: 720px){#section-story .pt-story-wrapper .desc{padding:17px 14px 24px}}@media (min-width: 720px) and (max-width: 1023px){#section-story .pt-story-wrapper .desc{padding:34px 28px 48px}}#section-story .pt-story-wrapper .desc .text-title{}@media (max-width: 720px){#section-story .pt-story-wrapper .desc .text-title{font-size:14px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){#section-story .pt-story-wrapper .desc .text-title{font-size:28px;line-height:48px;letter-spacing:0px}}#section-story .pt-story-wrapper .desc .text{}@media (max-width: 720px){#section-story .pt-story-wrapper .desc .text{font-size:12px;line-height:20px;letter-spacing:0px;margin-top:3px}}@media (min-width: 720px) and (max-width: 1023px){#section-story .pt-story-wrapper .desc .text{font-size:24px;line-height:40px;letter-spacing:0px;margin-top:6px}}.bold{font-family:OPPOSans-Bold}.medium{font-family:OPPOSans-Medium}.home-f-0{}@media (min-width: 1800px){.home-f-0{font-size:26px;line-height:32px;letter-spacing:-1px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-0{font-size:21px;line-height:26px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-0{font-size:18px;line-height:22px;letter-spacing:-1px}}@media (max-width:1023px){.home-f-0{}}@media (max-width: 720px){.home-f-0{font-size:10px;line-height:17px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-0{font-size:20px;line-height:34px;letter-spacing:0px}}.home-f-1{}@media (min-width: 1800px){.home-f-1{font-size:108px;line-height:130px;letter-spacing:-1px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-1{font-size:89px;line-height:107px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-1{font-size:74px;line-height:89px;letter-spacing:-1px}}@media (max-width:1023px){.home-f-1{letter-spacing:0}}@media (max-width: 720px){.home-f-1{font-size:34px;line-height:43px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-1{font-size:68px;line-height:86px}}.home-f-2{}@media (min-width: 1800px){.home-f-2{font-size:16px;line-height:24px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-2{font-size:13px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-2{font-size:11px;line-height:16px;letter-spacing:0px}}@media (max-width:1023px){.home-f-2{}}@media (max-width: 720px){.home-f-2{font-size:14px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-2{font-size:28px;line-height:48px;letter-spacing:0px}}@media (max-width:1023px){.home-f-2.small{}}@media (max-width: 720px){.home-f-2.small{font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-2.small{font-size:24px;line-height:40px;letter-spacing:0px}}.home-f-3{letter-spacing:0}@media (min-width: 1800px){.home-f-3{font-size:28px;line-height:34px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-3{font-size:23px;line-height:28px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-3{font-size:19px;line-height:23px}}@media (max-width:1023px){.home-f-3{}}@media (max-width: 720px){.home-f-3{font-size:20px;line-height:30px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-3{font-size:40px;line-height:60px;letter-spacing:0px}}.home-f-4{}@media (min-width: 1800px){.home-f-4{font-size:18px;line-height:27px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-4{font-size:15px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-4{font-size:12px;line-height:18px;letter-spacing:0px}}@media (max-width:1023px){.home-f-4{}}@media (max-width: 720px){.home-f-4{font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-4{font-size:24px;line-height:40px;letter-spacing:0px}}.home-f-5{letter-spacing:0}@media (min-width: 1800px){.home-f-5{font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-5{font-size:11px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-5{font-size:10px;line-height:16px}}@media (max-width:1023px){.home-f-5{}.home-f-5.small{}}@media (max-width: 720px){.home-f-5.small{font-size:10px;line-height:17px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-5.small{font-size:20px;line-height:34px;letter-spacing:0px}}@media (max-width: 720px){.home-f-5{font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-5{font-size:24px;line-height:40px;letter-spacing:0px}}.home-f-6{letter-spacing:0}@media (min-width: 1800px){.home-f-6{font-size:36px;line-height:43px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-6{font-size:30px;line-height:35px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-6{font-size:25px;line-height:29px}}@media (max-width:1023px){.home-f-6{}}@media (max-width: 720px){.home-f-6{font-size:24px;line-height:36px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-6{font-size:48px;line-height:72px;letter-spacing:0px}}.home-f-7{}@media (min-width: 1800px){.home-f-7{font-size:24px;line-height:36px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-7{font-size:20px;line-height:30px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-7{font-size:16px;line-height:25px;letter-spacing:0px}}@media (max-width:1023px){.home-f-7{letter-spacing:0}}@media (max-width: 720px){.home-f-7{font-size:14px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-7{font-size:28px;line-height:48px}}.home-f-8{}@media (min-width: 1800px){.home-f-8{font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-8{font-size:10px;line-height:16px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-8{font-size:8px;line-height:14px;letter-spacing:0px}}@media (max-width:1023px){.home-f-8{}}@media (max-width: 720px){.home-f-8{font-size:10px;line-height:17px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-f-8{font-size:20px;line-height:34px;letter-spacing:0px}}.home-f-9{}@media (min-width: 1800px){.home-f-9{font-size:20px;line-height:30px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-f-9{font-size:16px;line-height:25px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-f-9{font-size:14px;line-height:20px;letter-spacing:0px}}.home-en-f-1{}@media (min-width: 1800px){.home-en-f-1{font-size:18px;line-height:27px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-1{font-size:15px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-1{font-size:12px;line-height:18px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-1{}}@media (max-width: 720px){.home-en-f-1{font-size:16px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-1{font-size:32px;line-height:48px;letter-spacing:0px}}.home-en-f-2{}@media (min-width: 1800px){.home-en-f-2{font-size:42px;line-height:60px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-2{font-size:34px;line-height:49px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-2{font-size:29px;line-height:41px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-2{}}@media (max-width: 720px){.home-en-f-2{font-size:32px;line-height:38px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-2{font-size:64px;line-height:76px;letter-spacing:-1px}}.home-en-f-3{}@media (min-width: 1800px){.home-en-f-3{font-size:22px;line-height:34px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-3{font-size:18px;line-height:28px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-3{font-size:15px;line-height:23px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-3{}}@media (max-width: 720px){.home-en-f-3{font-size:16px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-3{font-size:32px;line-height:48px;letter-spacing:0px}}.home-en-f-4{}@media (min-width: 1800px){.home-en-f-4{font-size:20px;line-height:34px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-4{font-size:16px;line-height:28px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-4{font-size:14px;line-height:23px;letter-spacing:0px}}.home-en-f-5{}@media (min-width: 1800px){.home-en-f-5{font-size:36px;line-height:46px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-5{font-size:30px;line-height:38px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-5{font-size:25px;line-height:31px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-5{}}@media (max-width: 720px){.home-en-f-5{font-size:26px;line-height:38px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-5{font-size:52px;line-height:76px;letter-spacing:0px}}.home-en-f-main{}@media (min-width: 1800px){.home-en-f-main{font-size:16px;line-height:24px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-main{font-size:13px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-main{font-size:11px;line-height:16px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-main{}}@media (max-width: 720px){.home-en-f-main{font-size:14px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-main{font-size:28px;line-height:48px;letter-spacing:0px}}.home-en-f-sub{}@media (min-width: 1800px){.home-en-f-sub{font-size:18px;line-height:27px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-sub{font-size:15px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-sub{font-size:12px;line-height:18px;letter-spacing:0px}}@media (max-width:1023px){.home-en-f-sub{}}@media (max-width: 720px){.home-en-f-sub{font-size:14px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.home-en-f-sub{font-size:28px;line-height:48px;letter-spacing:0px}}.home-en-12{font-size:12px;line-height:20px;letter-spacing:-.07px}.home-en-14{font-size:14px;line-height:24px;letter-spacing:-.07px}.home-en-16{font-size:16px;line-height:24px;letter-spacing:-.1px}.home-en-24{font-size:24px;line-height:42px;letter-spacing:-.23px}.g--gradient-title{background-color:#0f7fff;background-image:linear-gradient(233.6deg,#1f78ff 24.1%,#8cbaff 134.34%);-webkit-background-clip:text;color:transparent}.margin-top-24{}@media (min-width: 1800px){.margin-top-24{margin-top:24px}}@media (min-width: 1400px) and (max-width: 1799px){.margin-top-24{margin-top:20px}}@media (min-width: 1024px) and (max-width: 1399px){.margin-top-24{margin-top:16px}}@media (max-width:1023px){.margin-top-24{}}@media (max-width: 720px){.margin-top-24{margin-top:24px}}@media (min-width: 720px) and (max-width: 1023px){.margin-top-24{margin-top:48px}}.margin-top-128{}@media (min-width: 1800px){.margin-top-128{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.margin-top-128{margin-top:105px}}@media (min-width: 1024px) and (max-width: 1399px){.margin-top-128{margin-top:87px}}@media (max-width:1023px){.margin-top-128{}}@media (max-width: 720px){.margin-top-128{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.margin-top-128{margin-top:160px}}.slick-slider{position:relative;display:block;outline:none}.slick-slider .slick-list{position:relative;width:100%;height:100%;overflow:hidden}.slick-slider .slick-list:focus{outline:none}.slick-slider .slick-list.dragging{cursor:pointer}.slick-slider .slick-list .slick-track{height:100%}.slick-slider .slick-list .slick-track .slick-slide{outline:none}.slick-slider .slick-list .slick-track .slick-slide > *{width:100%;height:100%}.p3-content-wrapper{position:relative;z-index:2;width:100%;overflow:hidden;margin-top:-80vh;margin-top:calc(-80 * var(--vh, 1vh))}@media (max-width:1023px){.p3-content-wrapper{margin-top:-40vh;margin-top:calc(-40 * var(--vh, 1vh))}}.p3-content-wrapper #transform-wrapper{-webkit-transform-origin:top;transform-origin:top}body:not(.no-scroll){background:#000;color:#fff}body #oc-header{background:#fff}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}