#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-41ccb466]{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-41ccb466]{width:100%;height:100%}@media (min-width:1024px){.works-dialog .display-wrapper[data-v-41ccb466]{display:flex;align-items:center;justify-content:center}}.works-dialog .display-wrapper .display-content[data-v-41ccb466]{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-41ccb466]{width:1312px;padding:64px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content[data-v-41ccb466]{width:1076px;padding:52px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content[data-v-41ccb466]{width:896px;padding:44px}}.works-dialog .display-wrapper .display-content > *[data-v-41ccb466]{flex-shrink:0}.works-dialog .display-wrapper .display-content .close[data-v-41ccb466]{position:absolute;cursor:pointer;z-index:2}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .close[data-v-41ccb466]{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-41ccb466]{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-41ccb466]{width:15px;height:15px;top:27px;right:44px}}.works-dialog .display-wrapper .display-content .intro[data-v-41ccb466]{height:100%;position:relative}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro[data-v-41ccb466]{width:198px;margin-right:90px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro[data-v-41ccb466]{width:162px;margin-right:74px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro[data-v-41ccb466]{width:135px;margin-right:61px}}.works-dialog .display-wrapper .display-content .intro .intro-content[data-v-41ccb466]{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-41ccb466]{opacity:1;z-index:2;pointer-events:auto}.works-dialog .display-wrapper .display-content .intro .author[data-v-41ccb466]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .author[data-v-41ccb466]{margin:10px 0}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .author[data-v-41ccb466]{margin:8px 0}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .author[data-v-41ccb466]{margin:7px 0}}.works-dialog .display-wrapper .display-content .intro .model[data-v-41ccb466]{white-space:nowrap}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .model[data-v-41ccb466]{margin:22px 0 41px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .model[data-v-41ccb466]{margin:18px 0 34px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .model[data-v-41ccb466]{margin:15px 0 28px}}.works-dialog .display-wrapper .display-content .intro .desc[data-v-41ccb466]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-41ccb466]{margin:41px 0 60px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-41ccb466]{margin:34px 0 49px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-41ccb466]{margin:28px 0 41px}}.works-dialog .display-wrapper .display-content .intro .label[data-v-41ccb466]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .label[data-v-41ccb466]{margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .label[data-v-41ccb466]{margin-bottom:10px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .label[data-v-41ccb466]{margin-bottom:8px}}.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-41ccb466]{display:flex;align-items:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-41ccb466]{margin-top:70px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-41ccb466]{margin-top:57px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-41ccb466]{margin-top:48px}}.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-41ccb466]{text-align:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-41ccb466]{width:65px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-41ccb466]{width:53px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-41ccb466]{width:44px}}.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-41ccb466]{cursor:pointer}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-41ccb466]{width:32px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-41ccb466]{width:26px;height:26px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-41ccb466]{width:22px;height:22px}}.works-dialog .display-wrapper .display-content .photos[data-v-41ccb466]{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-41ccb466]{width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos[data-v-41ccb466]{width:735px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos[data-v-41ccb466]{width:612px}}.works-dialog .display-wrapper .display-content .photos img[data-v-41ccb466]{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-41ccb466]{max-width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos img[data-v-41ccb466]{max-width:735px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos img[data-v-41ccb466]{max-width:612px}}.works-dialog .display-wrapper .display-content-pt[data-v-41ccb466]{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-41ccb466]{font-size:12px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt[data-v-41ccb466]{font-size:24px}}.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-41ccb466]{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-41ccb466]{height:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-41ccb466]{height:96px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-41ccb466]{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-41ccb466]{width:40px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-41ccb466]{width:80px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-41ccb466]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-41ccb466]{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-41ccb466]{width:16px;height:28px}}.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-41ccb466]{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-41ccb466]{font-size:14px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-41ccb466]{font-size:28px}}.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-41ccb466]{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-41ccb466]{top:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-41ccb466]{top:96px}}.works-dialog .display-wrapper .display-content-pt .cycle-content.active[data-v-41ccb466]{opacity:1;z-index:2;transition:opacity .5s}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-41ccb466]{width:100%;overflow:scroll}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-41ccb466]{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-41ccb466]{height:calc(100% - 96px)}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .photos-pt[data-v-41ccb466]{width:100%;height:auto}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-41ccb466]{color:#999}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-41ccb466]{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-41ccb466]{padding:64px 5.555555555555555vw}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .name[data-v-41ccb466]{color:#fff;font-family:OPPOSans-Bold}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-41ccb466]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-41ccb466]{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-41ccb466]{margin:8px 0}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-41ccb466]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-41ccb466]{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-41ccb466]{margin:8px 0 24px}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .line[data-v-41ccb466]{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-41ccb466]{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-41ccb466]{margin:40px 0 40px -5.555555555555555vw}}
.section-collection{width:100%;overflow:hidden}@media (max-width:1023px){.section-collection{background:#181818}}@media (max-width: 720px){.section-collection{margin-top:128px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection{margin-top:256px}}.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;margin:0 auto 128px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works{margin-top:72px;margin:0 auto 105px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works{margin-top:60px;margin:0 auto 87px}}@media (max-width:1023px){.section-collection .normal-works{}}@media (max-width: 720px){.section-collection .normal-works{padding-bottom:50px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works{padding-bottom:100px}}@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}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .work-item{width:42.22222222222222vw}}.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-headline-4{line-height:1.24;font-size:42px}@media (min-width:1024px){.zn--wrapper .font-headline-4{line-height:1.38;font-size:52px}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .font-headline-4{font-size:44px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .font-headline-4{font-size:36px}}@media (min-width:1024px){.zn--wrapper .fontpc-headline-4{line-height:1.24;font-size:42px}}@media (min-width:1024px) and (min-width:1024px){.zn--wrapper .fontpc-headline-4{line-height:1.38;font-size:52px}}@media (min-width:1024px) and (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .fontpc-headline-4{font-size:44px}}@media (min-width:1024px) and (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .fontpc-headline-4{font-size:36px}}@media (max-width:1023px){.zn--wrapper .fontmo-headline-4{line-height:1.24;font-size:42px}}@media (max-width:1023px) and (min-width:1024px){.zn--wrapper .fontmo-headline-4{line-height:1.38;font-size:52px}}@media (max-width:1023px) and (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .fontmo-headline-4{font-size:44px}}@media (max-width:1023px) and (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .fontmo-headline-4{font-size:36px}}.zn--wrapper .font-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}@media (min-width:1024px){.zn--wrapper .font-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .font-subtitle-4{font-size:20px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .font-subtitle-4{font-size:16px}}@media (min-width:1024px){.zn--wrapper .fontpc-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}}@media (min-width:1024px) and (min-width:1024px){.zn--wrapper .fontpc-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}}@media (min-width:1024px) and (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .fontpc-subtitle-4{font-size:20px}}@media (min-width:1024px) and (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .fontpc-subtitle-4{font-size:16px}}@media (max-width:1023px){.zn--wrapper .fontmo-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}}@media (max-width:1023px) and (min-width:1024px){.zn--wrapper .fontmo-subtitle-4{line-height:1.83;font-size:24px;letter-spacing:-.0029em}}@media (max-width:1023px) and (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.zn--wrapper .fontmo-subtitle-4{font-size:20px}}@media (max-width:1023px) and (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.zn--wrapper .fontmo-subtitle-4{font-size:16px}}.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/cn/home-p3/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/cn/home-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/cn/home-p3/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/cn/home-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/cn/home-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/cn/home-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{width:100%;height:40.052083333333336vw;background:#fff}#section-kv img{width:100%;height:100.5%}@media (max-width:1023px){#section-kv{height:177.77777777777777vw}}#section-kv .kv-0{font-size:2.708333333333333vw;line-height:1.2;letter-spacing:-.5px}@media (max-width:1023px){#section-kv .kv-0{font-size:10vw;line-height:1.166666666666667;letter-spacing:-.3px}}#section-kv .kv-1{font-size:1.666666666666667vw;line-height:1.194444444444444;letter-spacing:-.12px}@media (max-width:1023px){#section-kv .kv-1{font-size:5.555555555555555vw;line-height:1.5}}#section-kv .kv-2{font-size:.9375vw;line-height:1.5}@media (max-width:1023px){#section-kv .kv-2{font-size:3.888888888888889vw;line-height:1.714285714285714}}#section-kv .bg,#section-kv .number{position:absolute;width:100%;height:100%;top:0;left:0}#section-kv .logo{position:absolute;left:16.979166666666668vw;bottom:2.8125vw}@media (min-width: 1800px){#section-kv .logo{width:285px;height:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .logo{width:234px;height:16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .logo{width:195px;height:13px}}@media (max-width:1023px){#section-kv .logo{width:36.388888888888886vw;height:3.611111111111111vw;top:134.72222222222223vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:auto}}#section-kv .text{position:absolute;top:23.229166666666668vw;left:0;width:100%;z-index:2}@media (max-width:1023px){#section-kv .text{top:60vw}}#section-kv .text .text-0,#section-kv .text .text-1,#section-kv .text .text-2{width:100%;text-align:center;-webkit-transform:translateY(30px);transform:translateY(30px)}#section-kv .text .text-1{margin-top:1.25vw}@media (max-width:1023px){#section-kv .text .text-1{margin-top:2.5vw}}#section-kv .text .text-2{margin-top:4.84375vw}@media (max-width:1023px){#section-kv .text .text-2{margin-top:8.61111111111111vw}}#section-kv .number,#section-kv .logo,#section-kv .text-0,#section-kv .text-1,#section-kv .text-2{opacity:0}#section-kv.show .number{opacity:1;transition:opacity .6s .5s cubic-bezier(.35,0,1,1)}#section-kv.show .logo{opacity:1;transition:opacity .5s 1.05s}#section-kv.show .text-0{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1s cubic-bezier(0,0,.22,.99);transition:transform .5s 1s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1);transition:transform .5s 1s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1s cubic-bezier(0,0,.22,.99)}#section-kv.show .text-1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1.05s cubic-bezier(0,0,.22,.99);transition:transform .5s 1.05s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1);transition:transform .5s 1.05s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1.05s cubic-bezier(0,0,.22,.99)}#section-kv.show .text-2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1.1s cubic-bezier(0,0,.22,.99);transition:transform .5s 1.1s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1);transition:transform .5s 1.1s cubic-bezier(0,0,.22,.99),opacity .5s 1s cubic-bezier(.25,.1,.25,.1),-webkit-transform .5s 1.1s cubic-bezier(0,0,.22,.99)}#section-kv .countdown-2121{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));background:#000;z-index:999;color:#fff}#section-kv .countdown-2121 .wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper{width:66.66666666666667vw;align-items:flex-start;margin:auto}}#section-kv .countdown-2121 .wrapper .close{position:absolute;cursor:pointer}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .close{top:30px;right:30px;width:22px;height:22px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .close{top:25px;right:25px;width:18px;height:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .close{top:20px;right:20px;width:15px;height:15px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .close{}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .close{width:11px;height:11px;top:30px;right:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .close{width:22px;height:22px;top:60px;right:80px}}#section-kv .countdown-2121 .wrapper .countdown-0{}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .countdown-0{font-size:28px;line-height:34px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .countdown-0{font-size:23px;line-height:28px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .countdown-0{font-size:19px;line-height:23px;letter-spacing:0px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .countdown-0{}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .countdown-0{font-size:20px;line-height:30px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .countdown-0{font-size:40px;line-height:60px;letter-spacing:0px}}#section-kv .countdown-2121 .wrapper .countdown-1{display:flex}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .countdown-1{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .countdown-1{margin-top:74px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .countdown-1{margin-top:61px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .countdown-1{flex-direction:column}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .countdown-1{margin-top:47px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .countdown-1{margin-top:94px}}#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){margin:0 70px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){margin:0 57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){margin:0 48px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){margin:47px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .countdown-1 > :nth-child(2){margin:94px 0}}#section-kv .countdown-2121 .wrapper .countdown-1 .label{color:rgba(255,255,255,0.25)}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{margin-bottom:25px;width:145px;font-size:25px;line-height:30px;letter-spacing:-1px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{margin-bottom:21px;width:119px;font-size:21px;line-height:25px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{margin-bottom:17px;width:99px;font-size:17px;line-height:20px;letter-spacing:-1px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{font-size:17px;line-height:20px;letter-spacing:-1px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .countdown-1 .label{font-size:34px;line-height:40px;letter-spacing:-2px}}#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-family:'DS-DIGI';letter-spacing:0;color:rgba(255,255,255,0.9)}@media (min-width: 1800px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-size:100px;line-height:125px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-size:82px;line-height:103px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-size:68px;line-height:85px}}@media (max-width:1023px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{letter-spacing:0}}@media (max-width: 720px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-size:50px;line-height:84px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .countdown-2121 .wrapper .countdown-1 .value{font-size:100px;line-height:168px}}#section-kv .countdown-2121 .wrapper .countdown-0,#section-kv .countdown-2121 .wrapper .countdown-1{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}#section-kv .countdown-2121.show .countdown-0,#section-kv .countdown-2121.show .countdown-1{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#section-kv .countdown-2121.show .countdown-0{transition:opacity .8s cubic-bezier(.25,.1,.25,.1),-webkit-transform .8s cubic-bezier(0,0,.22,.99);transition:transform .8s cubic-bezier(0,0,.22,.99),opacity .8s cubic-bezier(.25,.1,.25,.1);transition:transform .8s cubic-bezier(0,0,.22,.99),opacity .8s cubic-bezier(.25,.1,.25,.1),-webkit-transform .8s cubic-bezier(0,0,.22,.99)}#section-kv .countdown-2121.show .countdown-1{transition:opacity .6s .2s cubic-bezier(.25,.1,.25,.1),-webkit-transform .6s .2s cubic-bezier(0,0,.22,.99);transition:transform .6s .2s cubic-bezier(0,0,.22,.99),opacity .6s .2s cubic-bezier(.25,.1,.25,.1);transition:transform .6s .2s cubic-bezier(0,0,.22,.99),opacity .6s .2s cubic-bezier(.25,.1,.25,.1),-webkit-transform .6s .2s cubic-bezier(0,0,.22,.99)}#section-info{width:100%}@media (max-width:1023px){#section-info{margin-top:-33.333333333333336vw;position:relative;z-index:2;margin-top:-22.22222222222222vw}}.countdown{display:flex;justify-content:space-between}@media (min-width: 1800px){.countdown{width:770px;margin:96px auto}}@media (min-width: 1400px) and (max-width: 1799px){.countdown{width:631px;margin:79px auto}}@media (min-width: 1024px) and (max-width: 1399px){.countdown{width:526px;margin:66px auto}}@media (max-width:1023px){.countdown{}}@media (max-width: 720px){.countdown{margin:20px auto 70px}}@media (min-width: 720px) and (max-width: 1023px){.countdown{margin:40px auto 140px}}.countdown .label{color:rgba(255,255,255,0.25);letter-spacing:0}@media (min-width: 1800px){.countdown .label{margin-bottom:15px;width:145px;font-size:26px;line-height:26px}}@media (min-width: 1400px) and (max-width: 1799px){.countdown .label{margin-bottom:12px;width:119px;font-size:21px;line-height:21px}}@media (min-width: 1024px) and (max-width: 1399px){.countdown .label{margin-bottom:10px;width:99px;font-size:18px;line-height:18px}}@media (max-width:1023px){.countdown .label{letter-spacing:0;width:auto}}@media (max-width: 720px){.countdown .label{font-size:10px;line-height:12px;margin-bottom:12px}}@media (min-width: 720px) and (max-width: 1023px){.countdown .label{font-size:20px;line-height:24px;margin-bottom:24px}}.countdown .value{font-family:'DS-DIGI';letter-spacing:0;color:rgba(255,255,255,0.9)}@media (min-width: 1800px){.countdown .value{font-size:108px;line-height:110px}}@media (min-width: 1400px) and (max-width: 1799px){.countdown .value{font-size:89px;line-height:90px}}@media (min-width: 1024px) and (max-width: 1399px){.countdown .value{font-size:74px;line-height:75px}}@media (max-width:1023px){.countdown .value{letter-spacing:0}}@media (max-width: 720px){.countdown .value{font-size:44px;line-height:52px}}@media (min-width: 720px) and (max-width: 1023px){.countdown .value{font-size:88px;line-height:104px}}.intro-text{margin:auto;text-align:center;color:#999}@media (min-width: 1800px){.intro-text{margin:96px auto 0;width:870px;margin-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-text{margin:79px auto 0;width:713px;margin-bottom:66px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-text{margin:66px auto 0;width:594px;margin-bottom:55px}}@media (max-width:1023px){.intro-text{}}@media (max-width: 720px){.intro-text{margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.intro-text{margin-bottom:160px}}.intro-text .white{color:#fff}@media (max-width:1023px){.intro-video{}}@media (max-width: 720px){.intro-video{margin:96px 0}}@media (min-width: 720px) and (max-width: 1023px){.intro-video{margin:192px 0}}.intro-video .intro-video-item-ls{display:flex;width:100%;text-align:center}@media (min-width: 1800px){.intro-video .intro-video-item-ls{height:400px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls{height:328px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls{height:273px}}.intro-video .intro-video-item-ls.intro-video-1{flex-direction:row-reverse}@media (min-width: 1800px){.intro-video .intro-video-item-ls.intro-video-1{margin:80px 0}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls.intro-video-1{margin:66px 0}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls.intro-video-1{margin:55px 0}}.intro-video .intro-video-item-ls .left{background:#222;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1800px){.intro-video .intro-video-item-ls .left{width:594px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls .left{width:487px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls .left{width:406px}}.intro-video .intro-video-item-ls .left .center{}@media (min-width: 1800px){.intro-video .intro-video-item-ls .left .center{margin:8px 0 20px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls .left .center{margin:7px 0 16px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls .left .center{margin:5px 0 14px}}.intro-video .intro-video-item-ls .left .last{color:#999}.intro-video .intro-video-item-ls .left .video-trigger{display:flex;justify-content:center;align-items:center;background:#fff;color:#000;cursor:pointer}@media (min-width: 1800px){.intro-video .intro-video-item-ls .left .video-trigger{width:132px;height:40px;border-radius:2px;margin-top:29px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls .left .video-trigger{width:108px;height:33px;border-radius:2px;margin-top:24px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls .left .video-trigger{width:90px;height:27px;border-radius:1px;margin-top:20px}}.intro-video .intro-video-item-ls .left .video-trigger .icon{}@media (min-width: 1800px){.intro-video .intro-video-item-ls .left .video-trigger .icon{width:10px;height:13px;margin-right:10px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls .left .video-trigger .icon{width:8px;height:11px;margin-right:8px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls .left .video-trigger .icon{width:7px;height:9px;margin-right:7px}}.intro-video .intro-video-item-ls .right{position:relative}@media (min-width: 1800px){.intro-video .intro-video-item-ls .right{width:718px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-video .intro-video-item-ls .right{width:589px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-video .intro-video-item-ls .right{width:490px}}.intro-video .intro-video-item-ls .right img{width:100%;height:100%;object-fit:cover}.intro-video .video-slick{width:94.44444444444444vw;margin-left:5.555555555555555vw}.intro-video .video-slick .intro-video-item-pt{color:#fff}.intro-video .video-slick .intro-video-item-pt .item{position:relative;width:88.88888888888889vw}.intro-video .video-slick .intro-video-item-pt .item .up{position:relative;width:100%}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .up{height:171px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .up{height:342px}}.intro-video .video-slick .intro-video-item-pt .item .up img{width:100%;height:100%;object-fit:cover}.intro-video .video-slick .intro-video-item-pt .item .up .icon{position:absolute;bottom:0;z-index:2}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .up .icon{right:10px;width:30px;height:30px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .up .icon{right:20px;width:60px;height:60px}}.intro-video .video-slick .intro-video-item-pt .item .down{background:#222}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .down{padding:0 22px;height:164px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .down{padding:0 44px;height:328px}}.intro-video .video-slick .intro-video-item-pt .item .down .intro-0{}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-0{padding-top:14px;font-size:18px;line-height:27px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-0{padding-top:28px;font-size:36px;line-height:54px;letter-spacing:0px}}.intro-video .video-slick .intro-video-item-pt .item .down .intro-1{letter-spacing:0;color:#666}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-1{margin:5px 0 9px;font-size:10px;line-height:17px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-1{margin:10px 0 18px;font-size:20px;line-height:34px}}.intro-video .video-slick .intro-video-item-pt .item .down .intro-2{color:#999}@media (max-width: 720px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-2{font-size:14px;line-height:24px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .video-slick .intro-video-item-pt .item .down .intro-2{font-size:28px;line-height:48px;letter-spacing:0px}}.intro-video .dots{display:flex;justify-content:center}@media (max-width: 720px){.intro-video .dots{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .dots{margin-top:40px}}.intro-video .dots .dot{background:rgba(255,255,255,0.2);border-radius:50%}@media (max-width: 720px){.intro-video .dots .dot{width:6px;height:6px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .dots .dot{width:12px;height:12px}}.intro-video .dots .dot.active{background:#fff;transition:background .5s}.intro-video .dots .dot:first-child{}@media (max-width: 720px){.intro-video .dots .dot:first-child{margin-right:9px}}@media (min-width: 720px) and (max-width: 1023px){.intro-video .dots .dot:first-child{margin-right:18px}}.judges{text-align:center}@media (min-width: 1800px){.judges{margin-top:120px}}@media (min-width: 1400px) and (max-width: 1799px){.judges{margin-top:98px}}@media (min-width: 1024px) and (max-width: 1399px){.judges{margin-top:82px}}@media (max-width:1023px){.judges{}}@media (max-width: 720px){.judges{margin-top:77px}}@media (min-width: 720px) and (max-width: 1023px){.judges{margin-top:154px}}.judges .grey{color:#999}.judges .people{display:flex;justify-content:center}@media (min-width: 1800px){.judges .people{margin-top:80px;margin-bottom:216px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .people{margin-top:66px;margin-bottom:177px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .people{margin-top:55px;margin-bottom:148px}}.judges .people > :nth-child(2){}@media (min-width: 1800px){.judges .people > :nth-child(2){margin:0 46px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .people > :nth-child(2){margin:0 38px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .people > :nth-child(2){margin:0 31px}}@media (max-width:1023px){.judges .people{width:100%;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.judges .people::-webkit-scrollbar{display:none}.judges .people .people-info{position:relative;flex-shrink:0}.judges .people > :nth-child(2){}}@media (max-width: 720px){.judges .people > :nth-child(2){margin:0 10px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people > :nth-child(2){margin:0 20px}}@media (max-width: 720px){.judges .people .people-info{width:130px;height:190px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people .people-info{width:260px;height:380px}}@media (max-width: 720px){.judges .people{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people{margin-top:80px}}.judges .people .avatar{}@media (min-width: 1800px){.judges .people .avatar{width:329px;height:234px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .people .avatar{width:270px;height:192px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .people .avatar{width:225px;height:160px}}@media (max-width:1023px){.judges .people .avatar{width:100%}}@media (max-width: 720px){.judges .people .avatar{height:111px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people .avatar{height:222px}}.judges .people .avatar img{width:100%;height:100%;object-fit:cover}.judges .people .text{text-align:left;background:#333}@media (min-width: 1800px){.judges .people .text{width:329px;padding:16px 30px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .people .text{width:270px;padding:13px 25px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .people .text{width:225px;padding:11px 20px}}@media (max-width:1023px){.judges .people .text{width:100%}.judges .people .text .scale{width:100%;white-space:nowrap;-webkit-transform:scale(.8333333333333334);transform:scale(.8333333333333334)}}@media (max-width: 720px){.judges .people .text .scale{margin-left:-10px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people .text .scale{margin-left:-20px}}@media (max-width: 720px){.judges .people .text{padding:8px 13px}}@media (min-width: 720px) and (max-width: 1023px){.judges .people .text{padding:16px 26px}}.judges .time-line{position:relative;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){.judges .time-line{margin:103px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){.judges .time-line{margin:84px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){.judges .time-line{margin:70px auto 0}}@media (max-width:1023px){.judges .time-line{}}@media (max-width: 720px){.judges .time-line{margin:66px auto 0}}@media (min-width: 720px) and (max-width: 1023px){.judges .time-line{margin:132px auto 0}}.judges .time-line .circle{position:relative;z-index:2}.judges .time-line .circle img{}@media (min-width: 1800px){.judges .time-line .circle img{width:21px;height:21px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .time-line .circle img{width:17px;height:17px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .time-line .circle img{width:14px;height:14px}}@media (max-width:1023px){.judges .time-line .circle img{}}@media (max-width: 720px){.judges .time-line .circle img{width:14px;height:14px}}@media (min-width: 720px) and (max-width: 1023px){.judges .time-line .circle img{width:28px;height:28px}}.judges .time-line .circle .line-text{position:absolute;left:50%;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width: 1800px){.judges .time-line .circle .line-text{top:46px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .time-line .circle .line-text{top:38px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .time-line .circle .line-text{top:31px}}@media (max-width:1023px){.judges .time-line .circle .line-text{}}@media (max-width: 720px){.judges .time-line .circle .line-text{top:20px;font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){.judges .time-line .circle .line-text{top:40px;font-size:24px;line-height:40px;letter-spacing:0px}}.judges .time-line .line{}@media (min-width: 1800px){.judges .time-line .line{width:494px;height:2px}}@media (min-width: 1400px) and (max-width: 1799px){.judges .time-line .line{width:405px;height:2px}}@media (min-width: 1024px) and (max-width: 1399px){.judges .time-line .line{width:337px;height:1px}}@media (max-width:1023px){.judges .time-line .line{height:2px}}@media (max-width: 720px){.judges .time-line .line{width:120px}}@media (min-width: 720px) and (max-width: 1023px){.judges .time-line .line{width:240px}}.judges .time-line .line-0{background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%)}@media (max-width:1023px){.judges .time-line .line-0{opacity:0}}.judges .time-line .line-1{background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%)}@media (max-width:1023px){.judges .time-line .line-1{opacity:0}}.judges .time-line .line-pt{position:absolute;z-index:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:2px;background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%)}@media (max-width: 720px){.judges .time-line .line-pt{width:257px}}@media (min-width: 720px) and (max-width: 1023px){.judges .time-line .line-pt{width:514px}}.reward{text-align:center}@media (min-width: 1800px){.reward{margin:192px auto 0;padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.reward{margin:157px auto 0;padding-bottom:105px}}@media (min-width: 1024px) and (max-width: 1399px){.reward{margin:131px auto 0;padding-bottom:87px}}@media (max-width:1023px){.reward{}}@media (max-width: 720px){.reward{margin:140px auto 0;padding-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.reward{margin:280px auto 0;padding-bottom:160px}}@media (min-width:1024px){.reward .reward-content{display:flex;justify-content:center}}@media (min-width: 1800px){.reward .reward-content{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){.reward .reward-content{margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){.reward .reward-content{margin-top:55px}}@media (max-width:1023px){.reward .reward-content{}}@media (max-width: 720px){.reward .reward-content{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){.reward .reward-content{margin-top:80px}}.reward .reward-content .reward-item-ls{background:#222;border:2px solid;border-image:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#021736 92.71%);border-image-slice:1;border-image-outset:0 1px}@media (min-width: 1800px){.reward .reward-content .reward-item-ls{width:328px;height:354px;padding:45px}}@media (min-width: 1400px) and (max-width: 1799px){.reward .reward-content .reward-item-ls{width:269px;height:290px;padding:37px}}@media (min-width: 1024px) and (max-width: 1399px){.reward .reward-content .reward-item-ls{width:224px;height:242px;padding:31px}}.reward .reward-content > :nth-child(2){}@media (min-width: 1800px){.reward .reward-content > :nth-child(2){margin:auto 46px}}@media (min-width: 1400px) and (max-width: 1799px){.reward .reward-content > :nth-child(2){margin:auto 38px}}@media (min-width: 1024px) and (max-width: 1399px){.reward .reward-content > :nth-child(2){margin:auto 31px}}.reward .reward-content .desc{text-align:left;color:#c7c7c7}@media (min-width: 1800px){.reward .reward-content .desc{margin-top:45px}}@media (min-width: 1400px) and (max-width: 1799px){.reward .reward-content .desc{margin-top:37px}}@media (min-width: 1024px) and (max-width: 1399px){.reward .reward-content .desc{margin-top:31px}}.reward .reward-content .reward-item-pt{position:relative;margin:auto}@media (max-width: 720px){.reward .reward-content .reward-item-pt{width:275px;height:260px}}@media (min-width: 720px) and (max-width: 1023px){.reward .reward-content .reward-item-pt{width:550px;height:520px}}.reward .reward-content .reward-item-pt .reward-wrapper{}@media (max-width: 720px){.reward .reward-content .reward-item-pt .reward-wrapper{height:260px}}@media (min-width: 720px) and (max-width: 1023px){.reward .reward-content .reward-item-pt .reward-wrapper{height:520px}}.reward .reward-content .reward-item-pt .inner{margin:auto;height:100%;background:#222;border-radius:2px;border:2px solid;border-image:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#021736 92.71%);border-image-slice:1;border-image-outset:0 1px}@media (max-width: 720px){.reward .reward-content .reward-item-pt .inner{width:241px;padding:33px 30px 0}}@media (min-width: 720px) and (max-width: 1023px){.reward .reward-content .reward-item-pt .inner{width:482px;padding:66px 60px 0}}.reward .reward-content .reward-item-pt .inner .title{text-align:left}@media (max-width: 720px){.reward .reward-content .reward-item-pt .inner .title{margin-bottom:22px}}@media (min-width: 720px) and (max-width: 1023px){.reward .reward-content .reward-item-pt .inner .title{margin-bottom:44px}}.reward .reward-content .reward-item-pt .reward-slick .slick-list{overflow:initial !important}#section-entrance{background:#000}@media (min-width: 1800px){#section-entrance{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance{margin-top:105px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance{margin-top:87px}}@media (max-width:1023px){#section-entrance{}}@media (max-width: 720px){#section-entrance{margin-top:64px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance{margin-top:128px}}#section-entrance .register-content{position:relative;display:flex}@media (min-width: 1800px){#section-entrance .register-content{padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content{padding-bottom:105px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content{padding-bottom:87px}}@media (max-width:1023px){#section-entrance .register-content{width:90.27777777777777vw;flex-direction:column}}@media (max-width: 720px){#section-entrance .register-content{padding:50px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content{padding:100px 0}}#section-entrance .register-content .left{position:relative;color:#fff}@media (min-width: 1800px){#section-entrance .register-content .left{width:780px;height:311px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .left{width:640px;height:255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .left{width:533px;height:212px}}@media (max-width:1023px){#section-entrance .register-content .left{width:100%;height:39.166666666666664vw;object-fit:cover}}#section-entrance .register-content .left .left-0,#section-entrance .register-content .left .left-1{width:100%;text-align:center;position:relative;z-index:2}#section-entrance .register-content .left .left-0{}@media (min-width: 1800px){#section-entrance .register-content .left .left-0{margin-top:195px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .left .left-0{margin-top:160px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .left .left-0{margin-top:133px}}@media (max-width:1023px){#section-entrance .register-content .left .left-0{margin-top:21.11111111111111vw;font-size:6.666666666666666vw;line-height:1.5;letter-spacing:-.2px;text-align:center;position:relative;z-index:2}}#section-entrance .register-content .left .left-1{}@media (min-width: 1800px){#section-entrance .register-content .left .left-1{margin-top:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .left .left-1{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .left .left-1{margin-top:7px}}#section-entrance .register-content .left img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#section-entrance .register-content .left .icon{position:absolute}@media (min-width: 1800px){#section-entrance .register-content .left .icon{width:75px;height:18px;top:274px;left:23px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .left .icon{width:61px;height:15px;top:225px;left:19px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .left .icon{width:51px;height:12px;top:187px;left:16px}}#section-entrance .register-content .right{display:flex;flex-direction:column;align-items:center;background:#fff}@media (min-width: 1800px){#section-entrance .register-content .right{width:532px;height:311px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right{width:436px;height:255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right{width:363px;height:212px}}@media (max-width:1023px){#section-entrance .register-content .right{width:100%}}@media (max-width: 720px){#section-entrance .register-content .right{height:134px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content .right{height:268px}}#section-entrance .register-content .right .register-0{color:#000}@media (min-width: 1800px){#section-entrance .register-content .right .register-0{margin-top:65px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-0{margin-top:53px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-0{margin-top:44px}}#section-entrance .register-content .right .register-1{color:#fff;background:#000;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-entrance .register-content .right .register-1{width:313px;height:46px;margin-top:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-1{width:257px;height:38px;margin-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-1{width:214px;height:31px;margin-top:20px}}@media (max-width:1023px){#section-entrance .register-content .right .register-1{}}@media (max-width: 720px){#section-entrance .register-content .right .register-1{width:188px;height:43px;margin-top:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content .right .register-1{width:376px;height:86px;margin-top:56px}}#section-entrance .register-content .right .register-2{display:flex;justify-content:center;align-items:center}@media (min-width: 1800px){#section-entrance .register-content .right .register-2{margin-top:44px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-2{margin-top:36px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-2{margin-top:30px}}#section-entrance .register-content .right .register-2 .line{height:1px;background:rgba(0,0,0,0.16)}@media (min-width: 1800px){#section-entrance .register-content .right .register-2 .line{width:112px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-2 .line{width:92px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-2 .line{width:76px}}#section-entrance .register-content .right .register-2 .text{color:rgba(0,0,0,0.4)}@media (min-width: 1800px){#section-entrance .register-content .right .register-2 .text{margin:0 12px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-2 .text{margin:0 10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-2 .text{margin:0 8px}}#section-entrance .register-content .right .register-3{display:flex;justify-content:center;color:rgba(0,0,0,0.4)}@media (min-width: 1800px){#section-entrance .register-content .right .register-3{margin-top:15px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-3{margin-top:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-3{margin-top:10px}}@media (max-width:1023px){#section-entrance .register-content .right .register-3{align-items:center}}@media (max-width: 720px){#section-entrance .register-content .right .register-3{margin-top:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content .right .register-3{margin-top:56px}}#section-entrance .register-content .right .register-3 .oppo-c{}@media (min-width: 1800px){#section-entrance .register-content .right .register-3 .oppo-c{width:15px;height:15px;margin-right:18px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-3 .oppo-c{width:12px;height:12px;margin-right:15px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-3 .oppo-c{width:10px;height:10px;margin-right:12px}}@media (max-width:1023px){#section-entrance .register-content .right .register-3 .oppo-c{}}@media (max-width: 720px){#section-entrance .register-content .right .register-3 .oppo-c{width:15px;height:15px;margin-right:18px;margin-left:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content .right .register-3 .oppo-c{width:30px;height:30px;margin-right:36px;margin-left:24px}}#section-entrance .register-content .right .register-3 .weibo{}@media (min-width: 1800px){#section-entrance .register-content .right .register-3 .weibo{width:16px;height:13px}}@media (min-width: 1400px) and (max-width: 1799px){#section-entrance .register-content .right .register-3 .weibo{width:13px;height:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-entrance .register-content .right .register-3 .weibo{width:11px;height:9px}}@media (max-width:1023px){#section-entrance .register-content .right .register-3 .weibo{}}@media (max-width: 720px){#section-entrance .register-content .right .register-3 .weibo{width:16px;height:13px}}@media (min-width: 720px) and (max-width: 1023px){#section-entrance .register-content .right .register-3 .weibo{width:32px;height:26px}}.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}