#section-tomorrow{}@media (max-width: 720px){#section-tomorrow{padding-top:68px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow{padding-top:136px}}@media (min-width: 1800px){#section-tomorrow{padding-top:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow{padding-top:68px}}@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 .main-title{}@media (min-width: 1800px){#section-tomorrow .content-wrapper .main-title{width:466px;height:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .content-wrapper .main-title{width:466px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .content-wrapper .main-title{width:318px;height:29px}}#section-tomorrow .content-wrapper .text{}@media (max-width: 720px){#section-tomorrow .content-wrapper .text{margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-tomorrow .content-wrapper .text{margin-top:46px}}@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:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .content-wrapper .text{margin-top:17px}}#section-tomorrow .collections-list{display:flex;flex-wrap:wrap;justify-content:space-between}@media (min-width: 1800px){#section-tomorrow .collections-list{margin-top:82px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list{margin-top:82px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list{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:310px;height:412px}}@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;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:310px;height:310px}}@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:33px;height:25px;border-radius:12px;background-color:rgba(0,0,0,0.6);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:14px;right:14px}}@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{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:absolute;z-index:2;bottom:0;left:0;width:100%;border-radius:2px;background-color:rgba(0,0,0,0.78);text-overflow:ellipsis;overflow:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}@media (min-width: 1800px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .desc{height:88px;padding:11px 16px 16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .desc{height:88px;padding:11px 16px 16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tomorrow .collections-list .collection-wrapper .collection-cover-wrapper .desc{height:60px;padding:8px 11px 11px}}
.flex[data-v-fef93fac]{display:flex}.swiper .pc-swiper .left[data-v-fef93fac]{position:relative;flex-direction:column;justify-content:space-between}@media (min-width:1024px){.swiper .pc-swiper .left[data-v-fef93fac]{flex-shrink:0}}@media (min-width: 1800px){.swiper .pc-swiper .left[data-v-fef93fac]{width:167px;margin-right:68px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left[data-v-fef93fac]{width:167px;margin-right:68px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left[data-v-fef93fac]{width:114px;margin-right:46px}}.swiper .pc-swiper .left .description[data-v-fef93fac]{width:100%;opacity:0}.swiper .pc-swiper .left .description[data-v-fef93fac]:not(:first-child){position:absolute;top:0;left:0}.swiper .pc-swiper .left .description.active[data-v-fef93fac]{opacity:1}.swiper .pc-swiper .left .description .title[data-v-fef93fac]{justify-content:space-between}.swiper .pc-swiper .left .description .title .name[data-v-fef93fac]{word-break:break-all}@media (min-width: 1800px){.swiper .pc-swiper .left .description .title .name[data-v-fef93fac]{width:124px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .title .name[data-v-fef93fac]{width:124px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .title .name[data-v-fef93fac]{width:85px}}.swiper .pc-swiper .left .description .title .label[data-v-fef93fac]{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-fef93fac]{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-fef93fac]{margin-top:7px;width:64px;height:24px;margin-left:10px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .title .label[data-v-fef93fac]{margin-top:5px;width:44px;height:16px;margin-left:7px}}.swiper .pc-swiper .left .description .device[data-v-fef93fac]{}@media (min-width: 1800px){.swiper .pc-swiper .left .description .device[data-v-fef93fac]{margin-top:5px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .device[data-v-fef93fac]{margin-top:5px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .device[data-v-fef93fac]{margin-top:3px}}.swiper .pc-swiper .left .description .author[data-v-fef93fac]{}@media (min-width: 1800px){.swiper .pc-swiper .left .description .author[data-v-fef93fac]{margin-top:14px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .description .author[data-v-fef93fac]{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .description .author[data-v-fef93fac]{margin-top:10px}}.swiper .pc-swiper .left .switch-bar[data-v-fef93fac]{align-items:center}.swiper .pc-swiper .left .switch-bar .dots[data-v-fef93fac]{}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots[data-v-fef93fac]{margin:0 20px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots[data-v-fef93fac]{margin:0 20px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots[data-v-fef93fac]{margin:0 14px}}.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]{border-radius:50%;background:rgba(255,255,255,0.08)}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]{width:4px;height:4px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]{width:4px;height:4px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]{width:3px;height:3px}}.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]:not(:first-child){}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]:not(:first-child){margin-left:6px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]:not(:first-child){margin-left:6px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .dots .dot[data-v-fef93fac]:not(:first-child){margin-left:4px}}.swiper .pc-swiper .left .switch-bar .dots .dot.active[data-v-fef93fac]{background:#fff}.swiper .pc-swiper .left .switch-bar .btn[data-v-fef93fac]{cursor:pointer}@media (min-width: 1800px){.swiper .pc-swiper .left .switch-bar .btn[data-v-fef93fac]{width:32px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .left .switch-bar .btn[data-v-fef93fac]{width:32px;height:32px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .left .switch-bar .btn[data-v-fef93fac]{width:22px;height:22px}}.swiper .pc-swiper .right .picture-container[data-v-fef93fac]{position:relative;overflow:hidden}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container[data-v-fef93fac]{width:1371px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container[data-v-fef93fac]{width:1371px;height:584px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container[data-v-fef93fac]{width:936px;height:399px}}.swiper .pc-swiper .right .picture-container .slick-container[data-v-fef93fac]{height:100%}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-fef93fac]{width:826px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-fef93fac]{width:826px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container[data-v-fef93fac]{width:564px}}.swiper .pc-swiper .right .picture-container .slick-container .picture[data-v-fef93fac]{position:relative}.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-fef93fac]{position:absolute;top:0;left:0;color:#2ec34d}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-fef93fac]{font-size:100px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-fef93fac]{font-size:100px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container .picture .index[data-v-fef93fac]{font-size:68px}}.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-fef93fac]{object-fit:cover}@media (min-width: 1800px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-fef93fac]{width:776px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-fef93fac]{width:776px;height:584px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .pc-swiper .right .picture-container .slick-container .picture img[data-v-fef93fac]{width:530px;height:399px}}.swiper .mo-swiper .slick-container[data-v-fef93fac]{width:94.44444444444444vw}.swiper .mo-swiper .slick-container .index[data-v-fef93fac]{position:absolute;top:0;left:0;color:#fff}@media (min-width: 1800px){.swiper .mo-swiper .slick-container .index[data-v-fef93fac]{font-size:20px}}@media (min-width: 1400px) and (max-width: 1799px){.swiper .mo-swiper .slick-container .index[data-v-fef93fac]{font-size:20px}}@media (min-width: 1024px) and (max-width: 1399px){.swiper .mo-swiper .slick-container .index[data-v-fef93fac]{font-size:14px}}.swiper .mo-swiper .slick-container .mo-item[data-v-fef93fac]{position:relative}.swiper .mo-swiper .slick-container .mo-item .item[data-v-fef93fac]{width:88.88888888888889vw}.swiper .mo-swiper .slick-container .mo-item .item img[data-v-fef93fac]{width:100%;height:66.66666666666667vw;object-fit:cover}.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-fef93fac]{background:#222;color:#999}@media (max-width: 720px){.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-fef93fac]{padding:10px 14px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .slick-container .mo-item .item .intro[data-v-fef93fac]{padding:20px 28px}}.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0[data-v-fef93fac]{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-fef93fac]{width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swiper .mo-swiper .slick-container .mo-item .item .intro .intro-0 .label[data-v-fef93fac]{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-fef93fac]{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-fef93fac]{width:132px;height:48px}}.swiper .mo-swiper .dots[data-v-fef93fac]{justify-content:center}@media (max-width: 720px){.swiper .mo-swiper .dots[data-v-fef93fac]{margin-top:33px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots[data-v-fef93fac]{margin-top:66px}}.swiper .mo-swiper .dots .dot[data-v-fef93fac]{border-radius:50%;background:rgba(255,255,255,0.08)}@media (max-width: 720px){.swiper .mo-swiper .dots .dot[data-v-fef93fac]{width:4px;height:4px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots .dot[data-v-fef93fac]{width:8px;height:8px}}.swiper .mo-swiper .dots .dot[data-v-fef93fac]:not(:first-child){}@media (max-width: 720px){.swiper .mo-swiper .dots .dot[data-v-fef93fac]:not(:first-child){margin-left:6px}}@media (min-width: 720px) and (max-width: 1023px){.swiper .mo-swiper .dots .dot[data-v-fef93fac]:not(:first-child){margin-left:12px}}.swiper .mo-swiper .dots .dot.active[data-v-fef93fac]{background:#fff}
.works-dialog[data-v-6765246c]{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-6765246c]{width:100%;height:100%}@media (min-width:1024px){.works-dialog .display-wrapper[data-v-6765246c]{display:flex;align-items:center;justify-content:center}}.works-dialog .display-wrapper .display-content[data-v-6765246c]{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-6765246c]{width:1312px;padding:64px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content[data-v-6765246c]{width:1312px;padding:64px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content[data-v-6765246c]{width:896px;padding:44px}}.works-dialog .display-wrapper .display-content > *[data-v-6765246c]{flex-shrink:0}.works-dialog .display-wrapper .display-content .close[data-v-6765246c]{position:absolute;cursor:pointer;z-index:2}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .close[data-v-6765246c]{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-6765246c]{width:22px;height:22px;top:40px;right:64px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .close[data-v-6765246c]{width:15px;height:15px;top:27px;right:44px}}.works-dialog .display-wrapper .display-content .intro[data-v-6765246c]{height:100%;position:relative}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro[data-v-6765246c]{width:198px;margin-right:90px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro[data-v-6765246c]{width:198px;margin-right:90px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro[data-v-6765246c]{width:135px;margin-right:61px}}.works-dialog .display-wrapper .display-content .intro .intro-content[data-v-6765246c]{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-6765246c]{opacity:1;z-index:2;pointer-events:auto}.works-dialog .display-wrapper .display-content .intro .model[data-v-6765246c]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .model[data-v-6765246c]{margin:22px 0 41px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .model[data-v-6765246c]{margin:22px 0 41px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .model[data-v-6765246c]{margin:15px 0 28px}}.works-dialog .display-wrapper .display-content .intro .desc[data-v-6765246c]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-6765246c]{margin-bottom:60px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-6765246c]{margin-bottom:60px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .desc[data-v-6765246c]{margin-bottom:41px}}.works-dialog .display-wrapper .display-content .intro .label[data-v-6765246c]{}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .label[data-v-6765246c]{margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .label[data-v-6765246c]{margin-bottom:12px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .label[data-v-6765246c]{margin-bottom:8px}}.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-6765246c]{display:flex;align-items:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-6765246c]{margin-top:70px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-6765246c]{margin-top:70px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar[data-v-6765246c]{margin-top:48px}}.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-6765246c]{text-align:center}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-6765246c]{width:65px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-6765246c]{width:65px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .index[data-v-6765246c]{width:44px}}.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-6765246c]{cursor:pointer}@media (min-width: 1800px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-6765246c]{width:32px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-6765246c]{width:32px;height:32px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .intro .change-bar .btn[data-v-6765246c]{width:22px;height:22px}}.works-dialog .display-wrapper .display-content .photos[data-v-6765246c]{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-6765246c]{width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos[data-v-6765246c]{width:896px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos[data-v-6765246c]{width:612px}}.works-dialog .display-wrapper .display-content .photos img[data-v-6765246c]{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-6765246c]{max-width:896px}}@media (min-width: 1400px) and (max-width: 1799px){.works-dialog .display-wrapper .display-content .photos img[data-v-6765246c]{max-width:896px}}@media (min-width: 1024px) and (max-width: 1399px){.works-dialog .display-wrapper .display-content .photos img[data-v-6765246c]{max-width:612px}}.works-dialog .display-wrapper .display-content-pt[data-v-6765246c]{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-6765246c]{font-size:12px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt[data-v-6765246c]{font-size:24px}}.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-6765246c]{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-6765246c]{height:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav[data-v-6765246c]{height:96px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-6765246c]{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-6765246c]{width:40px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon[data-v-6765246c]{width:80px}}.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-6765246c]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .content-nav .icon img[data-v-6765246c]{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-6765246c]{width:16px;height:28px}}.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-6765246c]{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-6765246c]{font-size:14px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .content-nav .index[data-v-6765246c]{font-size:28px}}.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-6765246c]{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-6765246c]{top:48px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content[data-v-6765246c]{top:96px}}.works-dialog .display-wrapper .display-content-pt .cycle-content.active[data-v-6765246c]{opacity:1;z-index:2;transition:opacity .5s}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-6765246c]{width:100%;overflow:scroll}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll[data-v-6765246c]{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-6765246c]{height:calc(100% - 96px)}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .photos-pt[data-v-6765246c]{width:100%;height:auto}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-6765246c]{color:#999}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro[data-v-6765246c]{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-6765246c]{padding:64px 5.555555555555555vw}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .name[data-v-6765246c]{color:#fff;font-family:OPPOSans-Bold}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-6765246c]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .author[data-v-6765246c]{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-6765246c]{margin:8px 0}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-6765246c]{}@media (max-width: 720px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-6765246c]{margin-bottom:12px}}@media (min-width: 720px) and (max-width: 1023px){.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .model[data-v-6765246c]{margin-bottom:24px}}.works-dialog .display-wrapper .display-content-pt .cycle-content .content-scroll .intro .line[data-v-6765246c]{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-6765246c]{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-6765246c]{margin:40px 0 40px -5.555555555555555vw}}
.section-collection{width:100%;overflow:hidden}@media (max-width:1023px){.section-collection{background:#181818}}.section-collection .slick-list{overflow:initial !important}.section-collection .gradient-title{width:100%;text-align:center}@media (max-width:1023px){.section-collection .gradient-title{}}@media (max-width: 720px){.section-collection .gradient-title{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .gradient-title{padding-top:160px}}.section-collection .gradient-title span{background:radial-gradient(103.89% 102.54% at 90.27% 0%,#1f78ff 23.44%,#8cbaff 92.71%);-webkit-background-clip:text;color:transparent}.section-collection .theme-bar{display:flex;justify-content:center}@media (min-width: 1800px){.section-collection .theme-bar{margin:37px 0 145px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .theme-bar{margin:37px 0 145px}}@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:43px}}@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:8px}}@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:584px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .invited-works{height:399px}}@media (max-width:1023px){.section-collection .invited-works{min-height:98.61111111111111vw}}.section-collection .invited-works > *{position:absolute;top:0;left:0;opacity:0;z-index:1}.section-collection .invited-works > *.active{opacity:1;z-index:2}.section-collection .normal-works{}@media (min-width: 1800px){.section-collection .normal-works{margin-top:88px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works{margin-top:88px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works{margin-top:60px}}@media (max-width:1023px){.section-collection .normal-works{}.section-collection .normal-works .title{color:#c7c7c7}}@media (max-width: 720px){.section-collection .normal-works{margin-top:44px}}@media (min-width: 720px) and (max-width: 1023px){.section-collection .normal-works{margin-top:88px}}.section-collection .normal-works .works-wrapper{display:flex;flex-wrap:wrap}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper{margin-top:31px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper{margin-top:31px}}@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:45px}}@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:48px}}@media (min-width: 1024px) and (max-width: 1399px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:33px}}@media (max-width:1023px){.section-collection .normal-works .works-wrapper .work-item:not(:nth-child(3n - 2)){margin-left:0}}.section-collection .normal-works .works-wrapper .poster{object-fit:cover}@media (min-width: 1800px){.section-collection .normal-works .works-wrapper .poster{width:405px;height:292px}}@media (min-width: 1400px) and (max-width: 1799px){.section-collection .normal-works .works-wrapper .poster{width:405px;height:292px}}@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:8px}}@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:64px auto 0;width:150px;height:47px}}@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:1312px}}@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 .font-regular{font-family:OPPOSans-Regular}@media (min-width:1024px){.zn--wrapper .fontpc-regular{font-family:OPPOSans-Regular}}@media (max-width:1023px){.zn--wrapper .fontmo-regular{font-family:OPPOSans-Regular}}.zn--wrapper .font-medium{font-family:OPPOSans-Medium}@media (min-width:1024px){.zn--wrapper .fontpc-medium{font-family:OPPOSans-Medium}}@media (max-width:1023px){.zn--wrapper .fontmo-medium{font-family:OPPOSans-Medium}}.zn--wrapper .font-bold{font-family:OPPOSans-Bold}@media (min-width:1024px){.zn--wrapper .fontpc-bold{font-family:OPPOSans-Bold}}@media (max-width:1023px){.zn--wrapper .fontmo-bold{font-family:OPPOSans-Bold}}.zn--wrapper{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/OPPOSansSuper-Medium-e71c7a.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:'DS-DIGI';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/DS-DIGI-576259.woff2) format('woff2');font-style:normal;font-weight:400}@font-face{font-family:'DS-DIGIB';src:url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/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:18px}}@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:18px}}@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 18px}}@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;font-family:OPPOSans-Bold;font-size:2.708333333333333vw;line-height:1.192307692307692;letter-spacing:-.5px}@media (max-width:1023px){#section-kv .kv-0{font-size:10vw;line-height:1.166666666666667;letter-spacing:-.3px}}@media (max-width:1023px){#section-kv .kv-0{font-family:OPPOSans-Medium;font-size:8.88888888888889vw;line-height:1.25;letter-spacing:-.2px;text-align:left}}#section-kv .kv-1{font-size:1.666666666666667vw;line-height:1.194444444444444;letter-spacing:-.12px;font-family:OPPOSans-Medium;font-size:1.145833333333333vw;line-height:1.454545454545455;letter-spacing:-.12px}@media (max-width:1023px){#section-kv .kv-1{font-size:5.555555555555555vw;line-height:1.5}}@media (max-width:1023px){#section-kv .kv-1{font-size:3.333333333333333vw;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;left:15.833333333333334vw}@media (min-width: 1800px){#section-kv .logo{width:285px;height:19px;width:92px;height:23px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .logo{width:285px;height:19px;width:92px;height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .logo{width:195px;height:13px;width:63px;height:16px}}@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}}@media (max-width:1023px){#section-kv .logo{width:16.944444444444443vw;height:4.166666666666667vw;top:auto;left:6.666666666666666vw;bottom:6.666666666666666vw;-webkit-transform:translateX(0);transform:translateX(0)}}#section-kv .text{position:absolute;top:23.229166666666668vw;left:0;width:100%;z-index:2;top:28.59375vw}@media (max-width:1023px){#section-kv .text{top:60vw}}@media (max-width:1023px){#section-kv .text{width:54.44444444444444vw;top:57.77777777777778vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-kv .text > *{text-align:left !important}}#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;margin-top:1.5625vw}@media (max-width:1023px){#section-kv .text .text-1{margin-top:2.5vw}}@media (max-width:1023px){#section-kv .text .text-1{margin-top:9.444444444444445vw}}#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:30px;right:30px;width:22px;height:22px}}@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:28px;line-height:34px;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:90px}}@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 70px}}@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:25px;width:145px;font-size:25px;line-height:30px;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:100px;line-height:125px}}@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%;overflow:hidden;background-image:linear-gradient(180deg,#000 0%,#11151b 64%,#11161e 66%,#000 100%)}@media (min-width: 1800px){#section-info{padding-top:128px;padding-bottom:131px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info{padding-top:128px;padding-bottom:131px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info{padding-top:87px;padding-bottom:89px}}@media (max-width:1023px){#section-info{background-image:url(/content/dam/oppo/event-page-asset/seebeyond/en/home-en/v1/assets/en-info_bg_360-756549.jpg.webp);background-size:contain}}@media (max-width: 720px){#section-info{padding-top:80px;padding-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-info{padding-top:160px;padding-bottom:160px}}#section-info .intro-video .intro-video-item{display:flex;justify-content:space-between;width:100%}@media (min-width: 1800px){#section-info .intro-video .intro-video-item{height:400px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item{height:400px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item{height:273px}}@media (max-width:1023px){#section-info .intro-video .intro-video-item{display:block;height:auto}}#section-info .intro-video .intro-video-item .left{display:flex;flex-direction:column;justify-content:center}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left{width:520px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left{width:520px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left{width:355px}}@media (max-width:1023px){#section-info .intro-video .intro-video-item .left{width:100%;display:block;text-align:center}#section-info .intro-video .intro-video-item .left .mobile-cover{width:100%;height:55.56vw}}@media (max-width: 720px){#section-info .intro-video .intro-video-item .left .mobile-cover{margin-bottom:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .intro-video .intro-video-item .left .mobile-cover{margin-bottom:56px}}#section-info .intro-video .intro-video-item .left .video-trigger{display:flex;justify-content:center;align-items:center;background:#fff;color:#000;cursor:pointer}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:40px;width:144px;height:48px;border-radius:2px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:40px;width:144px;height:48px;border-radius:2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left .video-trigger{margin-top:27px;width:98px;height:33px;border-radius:1px}}#section-info .intro-video .intro-video-item .left .video-trigger .icon{}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:10px;height:13px;margin-right:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:10px;height:13px;margin-right:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .left .video-trigger .icon{width:7px;height:9px;margin-right:7px}}#section-info .intro-video .intro-video-item .right{position:relative}@media (min-width: 1800px){#section-info .intro-video .intro-video-item .right{width:718px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .intro-video .intro-video-item .right{width:718px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .intro-video .intro-video-item .right{width:490px}}#section-info .intro-video .intro-video-item .right video{width:100%;height:100%;object-fit:cover}#section-info .join-wrapper{text-align:center}#section-info .join-wrapper .title{margin:0 auto}@media (min-width: 1800px){#section-info .join-wrapper .title{width:472px;height:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .title{width:472px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .title{width:322px;height:29px}}@media (max-width:1023px){#section-info .join-wrapper .title{}}@media (max-width: 720px){#section-info .join-wrapper .title{width:257px;height:70px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .title{width:514px;height:140px}}#section-info .join-wrapper .join-container{display:flex;justify-content:space-between}@media (min-width: 1800px){#section-info .join-wrapper .join-container{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container{margin-top:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container{margin-top:55px}}@media (max-width:1023px){#section-info .join-wrapper .join-container{padding-left:2.78vw;display:block}#section-info .join-wrapper .join-container .join-title-wrapper{text-align:left;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#section-info .join-wrapper .join-container .join-title-wrapper .join-title{white-space:nowrap;color:#666;display:inline-block}#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{}#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{}#section-info .join-wrapper .join-container .join-info-wrapper{display:flex;width:250vw;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info-wrapper{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info-wrapper{margin-top:44px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{width:250px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-1{width:500px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{width:300px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper .join-title-0{width:600px}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-title-wrapper{width:900px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-title-wrapper{width:1800px}}@media (max-width: 720px){#section-info .join-wrapper .join-container{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container{margin-top:64px}}#section-info .join-wrapper .join-container .join-info{text-align:left;background-color:#212223;border-radius:2px;border:2px solid;border-image-source:linear-gradient(225deg,#1f78ff 0%,#021736 100%);border-image-slice:1;border-image-outset:0 1px}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info{width:408px;height:500px;padding:50px 36px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info{width:408px;height:500px;padding:50px 36px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info{width:279px;height:341px;padding:34px 25px 0}}#section-info .join-wrapper .join-container .join-info .detail{}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:60px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info .detail{margin-top:41px}}#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){}@media (min-width: 1800px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:20px}}@media (max-width:1023px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info .detail .text:not(:first-child){margin-top:40px}}@media (max-width:1023px){#section-info .join-wrapper .join-container .join-info{width:83.33vw;height:104vw;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}}@media (max-width: 720px){#section-info .join-wrapper .join-container .join-info{padding:29px 28px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .join-container .join-info{padding:58px 56px 0}}#section-info .join-wrapper .pt-join-container[data-active="0"] .join-title-0{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="0"] .join-info-0{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{}@media (max-width: 720px){#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper{-webkit-transform:translateX(-600px);transform:translateX(-600px)}}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-title-wrapper .join-title-1{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-info-wrapper{-webkit-transform:translateX(-83.33vw);transform:translateX(-83.33vw)}#section-info .join-wrapper .pt-join-container[data-active="1"] .join-info-wrapper .join-info-1{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{}@media (max-width: 720px){#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{-webkit-transform:translateX(-550px);transform:translateX(-550px)}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper{-webkit-transform:translateX(-1100px);transform:translateX(-1100px)}}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-title-wrapper .join-title-2{color:#fff}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-info-wrapper{-webkit-transform:translateX(-166.66vw);transform:translateX(-166.66vw)}#section-info .join-wrapper .pt-join-container[data-active="2"] .join-info-wrapper .join-info-2{-webkit-transform:scale(1);transform:scale(1)}#section-info .join-wrapper .link-container{display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-info .join-wrapper .link-container{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .link-container{margin-top:60px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .link-container{margin-top:41px}}@media (max-width:1023px){#section-info .join-wrapper .link-container{}}@media (max-width: 720px){#section-info .join-wrapper .link-container{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .link-container{margin-top:80px}}#section-info .join-wrapper .link-container .link{border-bottom:1px solid #fff;cursor:pointer}#section-info .join-wrapper .link-container .link:not(:first-child){}@media (min-width: 1800px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:20px}}@media (max-width:1023px){#section-info .join-wrapper .link-container .link:not(:first-child){}}@media (max-width: 720px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-info .join-wrapper .link-container .link:not(:first-child){margin-left:48px}}#section-info .join-wrapper .link-container .link:hover{color:#fff}#section-ng{width:100%;text-align:center;background-color:#11151b}#section-ng .bg{z-index:1;width:100%;height:59.53vw}@media (max-width:1023px){#section-ng .bg{height:100%}}#section-ng .g--container{z-index:2}@media (min-width: 1800px){#section-ng .g--container{padding-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container{padding-top:128px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container{padding-top:87px}}@media (max-width:1023px){#section-ng .g--container{}}@media (max-width: 720px){#section-ng .g--container{padding-top:77px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container{padding-top:154px}}#section-ng .g--container .title{margin:0 auto}@media (min-width: 1800px){#section-ng .g--container .title{width:816px;height:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .title{width:816px;height:36px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .title{width:557px;height:25px}}@media (max-width:1023px){#section-ng .g--container .title{}}@media (max-width: 720px){#section-ng .g--container .title{width:317px;height:64px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container .title{width:634px;height:128px}}#section-ng .g--container .text{}@media (min-width: 1800px){#section-ng .g--container .text{width:860px;margin:14px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .text{width:860px;margin:14px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .text{width:587px;margin:10px auto 0}}@media (max-width:1023px){#section-ng .g--container .text{width:100%}}@media (max-width: 720px){#section-ng .g--container .text{margin:6px auto 0}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .g--container .text{margin:12px auto 0}}#section-ng .g--container .hover-card-wrapper{width:100%}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper{height:520px;margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper{height:520px;margin-top:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper{height:355px;margin-top:55px}}#section-ng .g--container .hover-card-wrapper .hover-card{position:absolute;top:0;height:100%;cursor:pointer;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card{width:416px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card{width:416px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card{width:284px}}#section-ng .g--container .hover-card-wrapper .hover-card .mask{z-index:3;width:100%;height:100%;background-color:#000;opacity:.6}#section-ng .g--container .hover-card-wrapper .hover-card .bg{z-index:1;width:100%;height:100%}#section-ng .g--container .hover-card-wrapper .hover-card .desc{z-index:2;text-align:left}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:416px;margin-left:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:416px;margin-left:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card .desc{margin-top:284px;margin-left:20px}}#section-ng .g--container .hover-card-wrapper .hover-card-0{left:0}#section-ng .g--container .hover-card-wrapper .hover-card-1{}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:292px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:292px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card-1{left:199px}}#section-ng .g--container .hover-card-wrapper .hover-card-2{}@media (min-width: 1800px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:272px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:272px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .g--container .hover-card-wrapper .hover-card-2{right:186px}}#section-ng .g--container .hover-card-wrapper .hover-card-3{right:0}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-0{z-index:4;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-0 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-1{z-index:3;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-2{z-index:2;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="0"] .hover-card-3{z-index:1;-webkit-transform:scale(.68);transform:scale(.68)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-0{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-1{z-index:3;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-1 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-2{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="1"] .hover-card-3{z-index:1;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-0{z-index:1;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-1{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-2{z-index:3;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-2 .mask{visibility:hidden}#section-ng .g--container .hover-card-wrapper[active-card="2"] .hover-card-3{z-index:2;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-0{z-index:1;-webkit-transform:scale(.68);transform:scale(.68)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-1{z-index:2;-webkit-transform:scale(.77);transform:scale(.77)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-2{z-index:3;-webkit-transform:scale(.865);transform:scale(.865)}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-3{z-index:4;-webkit-transform:scale(1);transform:scale(1);border:2px solid #333}#section-ng .g--container .hover-card-wrapper[active-card="3"] .hover-card-3 .mask{visibility:hidden}#section-ng .pt-card-wrapper{position:relative;width:100%;height:91.67vw;overflow:hidden}@media (max-width: 720px){#section-ng .pt-card-wrapper{margin-top:33px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .pt-card-wrapper{margin-top:66px}}#section-ng .pt-card-wrapper .card{position:absolute;top:0;left:13.34vw;width:73.33vw;height:100%;border-radius:6px;overflow:hidden;transition:z-index .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,z-index .5s ease;transition:transform .5s ease,z-index .5s ease,-webkit-transform .5s ease;border:2px solid #000}#section-ng .pt-card-wrapper .card .mask{z-index:2;width:100%;height:100%;background-color:#000;opacity:.6;transition:opacity .5s ease}#section-ng .pt-card-wrapper .card .bg{z-index:1;width:100%;height:100%}#section-ng .pt-card-wrapper[active-card="0"] .card-0{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="0"] .card-0 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="0"] .card-1{z-index:3;-webkit-transform:translateX(10vw) scale(.9);transform:translateX(10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="0"] .card-2{z-index:2;-webkit-transform:translateX(13.34vw) scale(.78);transform:translateX(13.34vw) scale(.78);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="0"] .card-3{z-index:1;-webkit-transform:translateX(16vw) scale(.66);transform:translateX(16vw) scale(.66)}#section-ng .pt-card-wrapper[active-card="0"] + .point-wrapper .point:nth-child(1){background-color:#fff}#section-ng .pt-card-wrapper[active-card="1"] .card-0{z-index:3;-webkit-transform:translateX(-13.34vw) scale(.9);transform:translateX(-13.34vw) scale(.9);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="1"] .card-1{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="1"] .card-1 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="1"] .card-2{z-index:3;-webkit-transform:translateX(10vw) scale(.9);transform:translateX(10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="1"] .card-3{z-index:2;-webkit-transform:translateX(13.34vw) scale(.78);transform:translateX(13.34vw) scale(.78);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="1"] + .point-wrapper .point:nth-child(2){background-color:#fff}#section-ng .pt-card-wrapper[active-card="2"] .card-0{z-index:2;-webkit-transform:translateX(-13.34vw) scale(.78);transform:translateX(-13.34vw) scale(.78);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="2"] .card-1{z-index:3;-webkit-transform:translateX(-10vw) scale(.9);transform:translateX(-10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="2"] .card-2{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="2"] .card-2 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="2"] .card-3{z-index:3;-webkit-transform:translateX(13.34vw) scale(.9);transform:translateX(13.34vw) scale(.9);-webkit-transform-origin:right;transform-origin:right}#section-ng .pt-card-wrapper[active-card="2"] + .point-wrapper .point:nth-child(3){background-color:#fff}#section-ng .pt-card-wrapper[active-card="3"] .card-0{z-index:1;-webkit-transform:translateX(-16vw) scale(.66);transform:translateX(-16vw) scale(.66)}#section-ng .pt-card-wrapper[active-card="3"] .card-1{z-index:2;-webkit-transform:translateX(-13.34vw) scale(.78);transform:translateX(-13.34vw) scale(.78);-webkit-transform-origin:left;transform-origin:left}#section-ng .pt-card-wrapper[active-card="3"] .card-2{z-index:3;-webkit-transform:translateX(-10vw) scale(.9);transform:translateX(-10vw) scale(.9)}#section-ng .pt-card-wrapper[active-card="3"] .card-3{z-index:4;border:2px solid #333}#section-ng .pt-card-wrapper[active-card="3"] .card-3 .mask{opacity:0}#section-ng .pt-card-wrapper[active-card="3"] + .point-wrapper .point:nth-child(4){background-color:#fff}#section-ng .point-wrapper{position:relative;z-index:2;display:flex;justify-content:center}@media (max-width: 720px){#section-ng .point-wrapper{margin-top:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .point-wrapper{margin-top:60px}}#section-ng .point-wrapper .point{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.3)}#section-ng .point-wrapper .point:not(:first-child){margin-left:10px}#section-ng .button{position:relative;z-index:2;background-color:#fff;color:#070b11;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){#section-ng .button{margin:80px auto 0;width:155px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-ng .button{margin:80px auto 0;width:155px;height:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-ng .button{margin:55px auto 0;width:106px;height:33px}}@media (max-width:1023px){#section-ng .button{color:#fff;border:1px solid #fff;border-radius:2px;background-color:unset}}@media (max-width: 720px){#section-ng .button{margin:40px auto 0;width:320px;height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-ng .button{margin:80px auto 0;width:640px;height:96px}}#section-shot{width:100%;text-align:center;background-image:linear-gradient(180deg,#11151b 0%,#000 100%)}@media (min-width: 1800px){#section-shot{min-height:1038px;padding-top:120px;padding-bottom:120px}}@media (min-width: 1400px) and (max-width: 1799px){#section-shot{min-height:1038px;padding-top:120px;padding-bottom:120px}}@media (min-width: 1024px) and (max-width: 1399px){#section-shot{min-height:709px;padding-top:82px;padding-bottom:82px}}@media (max-width:1023px){#section-shot{min-height:236vw}}@media (max-width: 720px){#section-shot{padding-top:60px;padding-bottom:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot{padding-top:120px;padding-bottom:120px}}#section-shot .title{margin:0 auto}@media (min-width: 1800px){#section-shot .title{width:275px;height:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-shot .title{width:275px;height:32px}}@media (min-width: 1024px) and (max-width: 1399px){#section-shot .title{width:188px;height:22px}}@media (max-width:1023px){#section-shot .title{}}@media (max-width: 720px){#section-shot .title{width:208px;height:25px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot .title{width:416px;height:50px}}#section-shot .taggbox-container{width:100%}@media (min-width: 1800px){#section-shot .taggbox-container{min-height:729px;margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-shot .taggbox-container{min-height:729px;margin-top:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-shot .taggbox-container{min-height:498px;margin-top:55px}}@media (max-width:1023px){#section-shot .taggbox-container{min-height:97.5vw}}@media (max-width: 720px){#section-shot .taggbox-container{margin-top:42px}}@media (min-width: 720px) and (max-width: 1023px){#section-shot .taggbox-container{margin-top:84px}}.g--popup-en{position:fixed;z-index:11;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));display:none;background-color:#000}.g--popup-en.show{display:block}.g--popup-en.is-white{background-color:#fff}.g--popup-en.is-white .white-close{display:none}.g--popup-en.is-white .black-close{display:block}.g--popup-en.is-white .scroll-area .main-title{color:#000;background-image:unset}.g--popup-en.is-white .scroll-area .text-wrapper .title{color:#000}.g--popup-en.is-white .scroll-area .text-wrapper .text{color:#666}.g--popup-en.is-white .g--white{color:#000}.g--popup-en .close{position:fixed;top:5vh;top:calc(5 * var(--vh, 1vh));right:5vw;cursor:pointer}@media (min-width: 1800px){.g--popup-en .close{width:24px;height:24px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .close{width:24px;height:24px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .close{width:16px;height:16px}}.g--popup-en .white-close{display:block}.g--popup-en .black-close{display:none}.g--popup-en .scroll-area{overflow-y:scroll}@media (min-width: 1800px){.g--popup-en .scroll-area{width:860px;height:calc(100vh - 122px);height:calc((100 * var(--vh, 1vh)) - 122px);margin:122px auto 0;padding-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area{width:860px;height:calc(100vh - 122px);height:calc((100 * var(--vh, 1vh)) - 122px);margin:122px auto 0;padding-bottom:80px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area{width:587px;height:calc(100vh - 83px);height:calc((100 * var(--vh, 1vh)) - 83px);margin:83px auto 0;padding-bottom:55px}}.g--popup-en .scroll-area::-webkit-scrollbar{width:10px}@media (max-width:1023px){.g--popup-en .scroll-area{}}@media (max-width: 720px){.g--popup-en .scroll-area{width:280px;height:calc(100vh - 60px);height:calc((100 * var(--vh, 1vh)) - 60px);margin:60px auto 0;padding-bottom:120px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area{width:560px;height:calc(100vh - 120px);height:calc((100 * var(--vh, 1vh)) - 120px);margin:120px auto 0;padding-bottom:240px}}.g--popup-en .scroll-area .main-title{background-image:radial-gradient(#1f78ff 15%,#8cbaff 100%);-webkit-background-clip:text;color:transparent}@media (min-width: 1800px){.g--popup-en .scroll-area .main-title{font-size:48px;line-height:58px;letter-spacing:0px;margin-bottom:83px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .main-title{font-size:48px;line-height:58px;letter-spacing:0px;margin-bottom:83px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .main-title{font-size:33px;line-height:40px;letter-spacing:0px;margin-bottom:57px}}@media (max-width:1023px){.g--popup-en .scroll-area .main-title{}}@media (max-width: 720px){.g--popup-en .scroll-area .main-title{font-size:24px;line-height:40px;letter-spacing:0px;margin-bottom:41px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .main-title{font-size:48px;line-height:80px;letter-spacing:0px;margin-bottom:82px}}.g--popup-en .scroll-area .text-wrapper{}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:42px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:42px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:29px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:32px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper{margin-bottom:64px}}.g--popup-en .scroll-area .text-wrapper .title{color:#fff}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper .title{font-size:22px;line-height:34px;letter-spacing:0px;margin-bottom:11px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper .title{font-size:22px;line-height:34px;letter-spacing:0px;margin-bottom:11px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper .title{font-size:15px;line-height:23px;letter-spacing:0px;margin-bottom:8px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper .title{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper .title{font-size:16px;line-height:26px;letter-spacing:0px;margin-bottom:11px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper .title{font-size:32px;line-height:52px;letter-spacing:0px;margin-bottom:22px}}.g--popup-en .scroll-area .text-wrapper .text{color:#c7c7c7}@media (min-width: 1800px){.g--popup-en .scroll-area .text-wrapper .text{font-size:16px;line-height:28px;letter-spacing:0px;margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.g--popup-en .scroll-area .text-wrapper .text{font-size:16px;line-height:28px;letter-spacing:0px;margin-bottom:12px}}@media (min-width: 1024px) and (max-width: 1399px){.g--popup-en .scroll-area .text-wrapper .text{font-size:11px;line-height:19px;letter-spacing:0px;margin-bottom:8px}}@media (max-width:1023px){.g--popup-en .scroll-area .text-wrapper .text{}}@media (max-width: 720px){.g--popup-en .scroll-area .text-wrapper .text{font-size:12px;line-height:20px;letter-spacing:0px;margin-bottom:12px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup-en .scroll-area .text-wrapper .text{font-size:24px;line-height:40px;letter-spacing:0px;margin-bottom:24px}}.g--popup-en .scroll-area .text-wrapper .text a{color:#0f7fff;border-bottom:1px solid #0f7fff}.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:26px;line-height:32px;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:108px;line-height:130px;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:16px;line-height:24px;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:28px;line-height:34px}}@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:18px;line-height:27px;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:14px;line-height:24px}}@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:36px;line-height:43px}}@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:24px;line-height:36px;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:12px;line-height:20px;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:20px;line-height:30px;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:18px;line-height:27px;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:50px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.home-en-f-2{font-size:42px;line-height:50px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.home-en-f-2{font-size:29px;line-height:34px;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:22px;line-height:34px;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:20px;line-height:34px;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:36px;line-height:46px;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:16px;line-height:24px;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:18px;line-height:27px;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-mini{font-size:12px;line-height:20px;letter-spacing:-.07px}.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:24px}}@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:128px}}@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%}body:not(.no-scroll){color:#fff}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}