.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:1100px}}@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:calc(100vw - 40px)}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:calc(100vw - 80px)}}@media (min-width:1024px){.g--gap-top-large{}}@media (min-width: 1800px){.g--gap-top-large{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-large{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:124px}}@media (max-width:1023px){.g--gap-top-large{}}@media (max-width: 720px){.g--gap-top-large{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-large{margin-top:160px}}@media (min-width:1024px){.g--gap-bottom-large{}}@media (min-width: 1800px){.g--gap-bottom-large{margin-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-large{margin-bottom:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:124px}}@media (max-width:1023px){.g--gap-bottom-large{}}@media (max-width: 720px){.g--gap-bottom-large{margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-large{margin-bottom:160px}}@media (min-width:1024px){.g--gap-top-medium{}}@media (min-width: 1800px){.g--gap-top-medium{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-medium{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:87px}}@media (max-width:1023px){.g--gap-top-medium{}}@media (max-width: 720px){.g--gap-top-medium{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-medium{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-medium{}}@media (min-width: 1800px){.g--gap-bottom-medium{margin-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-medium{margin-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:87px}}@media (max-width:1023px){.g--gap-bottom-medium{}}@media (max-width: 720px){.g--gap-bottom-medium{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width:1024px){.g--gap-top-small{}}@media (min-width: 1800px){.g--gap-top-small{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-small{margin-top:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:61px}}@media (max-width:1023px){.g--gap-top-small{}}@media (max-width: 720px){.g--gap-top-small{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-small{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-small{}}@media (min-width: 1800px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-small{margin-bottom:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:61px}}@media (max-width:1023px){.g--gap-bottom-small{}}@media (max-width: 720px){.g--gap-bottom-small{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width:1024px){.g--wrapper{width:calc(100% - 64px)}}@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--title-1{font-family:OPPOSans-Medium;font-size:28px;line-height:44px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--title-1{font-size:42px;line-height:64px;letter-spacing:-.2px}}.zn--wrapper .g--desc-title-1{font-family:OPPOSans-Regular;font-size:36px;line-height:48px;letter-spacing:0}@media (min-width:1024px){.zn--wrapper .g--desc-title-1{font-size:52px;line-height:64px;letter-spacing:0}}.zn--wrapper .g--unit-1{font-family:OPPOSans-Bold;font-size:16px;line-height:36px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--unit-1{font-family:OPPOSans-Regular;font-size:16px;line-height:32px;letter-spacing:0}}.zn--wrapper .g--desc-detail-1{font-family:OPPOSans-Regular;font-size:14px;line-height:24px;letter-spacing:-.06px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-1{font-size:16px;line-height:18px;letter-spacing:-.07px}}.zn--wrapper .g--desc-detail-2{font-family:OPPOSans-Bold;font-size:16px;line-height:24px;letter-spacing:-.07px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-2{font-family:OPPOSans-Bold;font-size:20px;line-height:24px;letter-spacing:-.06px}}.zn--wrapper .g--desc-detail-3{font-family:OPPOSans-Medium;font-size:16px;line-height:28px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-3{font-size:20px;line-height:36px;letter-spacing:0}}.zn--wrapper .g--desc-detail-3-1{font-family:OPPOSans-Medium;font-size:16px;line-height:28px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-3-1{font-family:OPPOSans-Regular;font-size:16px;line-height:28px;letter-spacing:-.1px}}.zn--wrapper .g--desc-detail-3-1.op-67{opacity:.67}.zn--wrapper .g--desc-detail-4{font-family:OPPOSans-Bold;font-size:14px;line-height:24px;letter-spacing:-.09px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-4{font-size:20px;line-height:36px;letter-spacing:-.12px}}.zn--wrapper .g--title-2{font-family:OPPOSans-Medium;font-size:28px;line-height:44px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--title-2{font-size:42px;line-height:64px;letter-spacing:-.2px}}.zn--wrapper .g--desc-detail-5{font-family:OPPOSans-Regular;font-size:16px;line-height:28px;letter-spacing:-.1px}.zn--wrapper .font-button{font-family:OPPOSans-Medium;font-size:14px;line-height:1.71}.zn--wrapper .font-subtitle-2{font-family:OPPOSans-Medium;font-size:42px;line-height:1.52;letter-spacing:-.0048em}.zn--wrapper .font-subtitle-4{font-family:OPPOSans-Medium;font-size:28px;line-height:1.57;letter-spacing:-.0036em}@media (min-width:1024px){.zn--wrapper .font-subtitle-4{font-size:42px;line-height:1.52;letter-spacing:-.0048em}}.zn--wrapper .font-subtitle-4 sup{font-size:40%;top:-1.2em}.zn--wrapper .font-body-1{font-family:OPPOSans-Bold;font-size:20px;line-height:1.6;letter-spacing:-.006em}@media (min-width:1024px){.zn--wrapper .font-body-1{font-size:24px;line-height:1.5}}.zn--wrapper .font-body-2{font-size:16px;line-height:1.75;letter-spacing:-.0062em}@media (min-width:1024px){.zn--wrapper .font-body-2{font-size:20px;line-height:1.6;letter-spacing:-.006em}}.zn--wrapper .font-body-3{font-size:14px;line-height:1.71;letter-spacing:-.0043em}.zn--wrapper .font-body-4{font-size:12px;line-height:2}@media (min-width:1024px){.zn--wrapper .font-body-4{font-size:16px;line-height:1.13;letter-spacing:-.0044em}}.zn--wrapper,.zn--navbar{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 *,.zn--navbar *{box-sizing:border-box}.zn--wrapper a,.zn--navbar a{text-decoration:none}.zn--wrapper img,.zn--navbar img{display:block;max-width:initial;opacity:0}.zn--wrapper img.loaded,.zn--navbar img.loaded{opacity:1}.zn--wrapper canvas img,.zn--navbar canvas img{display:none}.zn--wrapper video,.zn--navbar video{display:block;max-width:initial}.zn--wrapper br,.zn--navbar 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,.zn--navbar 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}.zn--wrapper{background:$black;color:$white}.zn--wrapper a{color:$white}.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 .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}}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-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-wrapper{position:relative;margin-top:-12px;width:67vw}@media (min-width:1024px){.g--popup .g--video-wrapper{width:67vw;height:37.6875vw;max-height:90vh;max-height:calc(90 * var(--vh, 1vh));max-width:160.02vh;max-width:calc(160.02 * var(--vh, 1vh))}}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.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}}.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}.zn-bubble{position:absolute;top:0;left:0;z-index:9 !important}@media (min-width: 1800px){.zn-bubble{width:180px;height:180px}}@media (min-width: 1400px) and (max-width: 1799px){.zn-bubble{width:151px;height:151px}}@media (min-width: 1024px) and (max-width: 1399px){.zn-bubble{width:123px;height:123px}}.zn-bubble img,.zn-bubble canvas{position:relative;width:100%;height:100%}.zn-bubble img{display:none}.zn-wave-text .wave-wrapper{display:flex}.zn-wave-text .text{font-family:OPPOSans-Medium;letter-spacing:-.00477em;line-height:1.5}@media (min-width: 1800px){.zn-wave-text .text{font-size:42px}}@media (min-width: 1400px) and (max-width: 1799px){.zn-wave-text .text{font-size:35px}}@media (min-width: 1024px) and (max-width: 1399px){.zn-wave-text .text{font-size:29px}}@media (max-width:1023px){.zn-wave-text .text{letter-spacing:-.00375em}}@media (max-width: 720px){.zn-wave-text .text{font-size:24px}}@media (min-width: 720px) and (max-width: 1023px){.zn-wave-text .text{font-size:48px}}.g--text-title,.g--text-keywords,.g--text-keyword{display:flex;justify-content:flex-start;align-items:flex-start}.row-wrapper{display:flex}.g--text-title,.g--text-keyword{flex-direction:column}.g--text-title{font-family:OPPOSans-Bold;white-space:nowrap;letter-spacing:-.015em}@media (min-width: 1800px){.g--text-title{font-size:36px;line-height:56px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-title{font-size:30px;line-height:47px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-title{font-size:25px;line-height:38px}}@media (max-width:1023px){.g--text-title{font-family:OPPOSans-Bold;letter-spacing:-.01em;white-space:normal}}@media (max-width: 720px){.g--text-title{font-size:20px;line-height:32px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-title{font-size:40px;line-height:64px}}.g--text-title sup{font-size:40%;top:-1.2em}.g--text-detail{font-family:OPPOSans-Regular;width:100%}@media (min-width: 1800px){.g--text-detail{max-width:820px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{max-width:687px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{max-width:560px}}@media (min-width:1024px){.g--text-detail{}}@media (min-width: 1800px){.g--text-detail{font-size:18px;letter-spacing:0px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{font-size:15px;letter-spacing:0px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{font-size:12px;letter-spacing:0px;line-height:20px}}@media (max-width:1023px){.g--text-detail{letter-spacing:-.02em}}@media (max-width: 720px){.g--text-detail{font-size:14px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-detail{font-size:28px;line-height:48px}}@media (min-width:1400px) and (max-width:1799px){.g--text-detail{font-size:15px;line-height:26px}}.g--text-detail.bold{font-family:OPPOSans-Bold}.g--text-detail.with-margin{}@media (min-width: 1800px){.g--text-detail.with-margin{margin-top:10px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail.with-margin{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail.with-margin{margin-top:7px}}@media (max-width:1023px){.g--text-detail.with-margin{}}@media (max-width: 720px){.g--text-detail.with-margin{margin-top:4px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-detail.with-margin{margin-top:8px}}.g--text-keywords{flex-direction:row;flex-wrap:wrap;width:100%}.g--text-keywords.with-margin .g--text-keyword{margin-top:32px}.g--text-keywords .value{font-family:OPPOSans-Medium;font-size:48px;line-height:1.31;letter-spacing:-.0035em}@media (max-width:1023px){.g--text-keywords .value{font-size:36px;line-height:1;letter-spacing:-.005em}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value{font-size:52px;line-height:1.23;letter-spacing:0}}.g--text-keywords .value sub{font-family:OPPOSans-Medium;bottom:0;font-size:24px;line-height:1.29;letter-spacing:-.0025em}@media (max-width:1023px){.g--text-keywords .value sub{font-size:16px;line-height:1;letter-spacing:-.0062em}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value sub{font-size:20px;line-height:1.6;letter-spacing:-.006em}}.g--text-keywords .key{font-size:16px;line-height:1.31;letter-spacing:-.0037em}@media (max-width:1023px){.g--text-keywords .key{font-size:12px;line-height:2;letter-spacing:-.0042em}}.g--text-keyword{}@media (min-width: 1800px){.g--text-keyword{margin-right:67px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keyword{margin-right:56px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keyword{margin-right:46px}}@media (max-width:1023px){.g--text-keyword{margin-right:0;flex:0 0 50%}}.g--text-container{color:$white;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.g--text-container.black{color:$black}.pic-container,.img-container{position:relative;overflow:hidden;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out, -webkit-transform .4s ease-out}@media (max-width:1023px){.pic-container,.img-container{transition:none}}.pic-container img,.img-container img{position:absolute;width:100%;height:100%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (max-width:1023px){.pic-container img,.img-container img{transition:none}}.pic-container .tag,.img-container .tag{position:absolute;left:calc(50% - 40px);width:80px;height:28px;font-size:13px;color:#000;display:flex;align-items:center;justify-content:center}@media (min-width: 1800px){.pic-container .tag,.img-container .tag{bottom:32px}}@media (min-width: 1400px) and (max-width: 1799px){.pic-container .tag,.img-container .tag{bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){.pic-container .tag,.img-container .tag{bottom:22px}}@media (min-width:1024px){.g--text-container.ta--group-hima{flex-direction:row;align-items:flex-end}}@media (max-width:1023px){.g--text-container.ta--group-hima{flex-direction:column}}.g--text-container.ta--group-hima .content-wrapper{display:flex;flex-direction:column}@media (min-width:1024px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{}}@media (min-width: 1800px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:87px}}.g--text-container.ta--group-hima .g--text-keywords-hima{display:flex}@media (max-width:1023px){.g--text-container.ta--group-hima .g--text-keywords-hima{margin-top:48px}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima:not(:last-child){margin-right:50px}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-family:OPPOSans-Regular;font-size:36px;line-height:48px;letter-spacing:0;color:#fff}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:52px;line-height:64px;letter-spacing:0}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-family:OPPOSans-Bold;font-size:16px;line-height:36px;letter-spacing:-.1px;color:#fff}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{margin-left:4px;font-family:OPPOSans-Regular;font-size:16px;line-height:32px;letter-spacing:0}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-family:OPPOSans-Regular;font-size:14px;line-height:24px;letter-spacing:-.06px;color:#fff}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{margin-top:11px;font-size:16px;line-height:18px;letter-spacing:-.07px}}.overflow{overflow:hidden}.g--text-container-col{display:flex}@media (max-width:1023px){.g--text-container-col{align-items:flex-start;flex-direction:column}}.g--text-container-col .title-wrapper{font-family:OPPOSans-Medium;flex:0 0 48%;letter-spacing:-.004761904761904762em}@media (min-width: 1800px){.g--text-container-col .title-wrapper{font-size:42px;line-height:56px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .title-wrapper{font-size:35px;line-height:47px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .title-wrapper{font-size:29px;line-height:38px}}@media (max-width:1023px){.g--text-container-col .title-wrapper{}}@media (max-width: 720px){.g--text-container-col .title-wrapper{font-size:24px;letter-spacing:0px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .title-wrapper{font-size:48px;letter-spacing:0px;line-height:80px}}.g--text-container-col .title-wrapper .subtitle{opacity:.7}.g--text-container-col .detail-wrapper{flex:1;letter-spacing:-.02em}@media (min-width: 1800px){.g--text-container-col .detail-wrapper{font-size:20px;line-height:32px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{font-size:17px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{font-size:14px;line-height:22px}}@media (min-width:1024px){.g--text-container-col .detail-wrapper{}}@media (min-width: 1800px){.g--text-container-col .detail-wrapper{margin-top:10px;margin-left:58px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{margin-top:8px;margin-left:49px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{margin-top:7px;margin-left:40px}}@media (max-width:1023px){.g--text-container-col .detail-wrapper{color:#fff;letter-spacing:-.012857142857142857em}}@media (max-width: 720px){.g--text-container-col .detail-wrapper{margin-top:10px;font-size:14px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .detail-wrapper{margin-top:20px;font-size:28px;letter-spacing:0px;line-height:48px}}#section-kv{position:fixed;top:0;left:0;width:100%;z-index:0;height:100%;overflow:hidden;will-change:transform}#section-kv + *{margin-top:100vh;margin-top:calc(100 * var(--vh, 1vh))}#section-kv .transform-wrapper{position:relative;width:100%;height:100%;will-change:transform}#section-kv .mask{position:absolute;z-index:5;width:100%;height:100%;background:linear-gradient(180deg,#fff,#f2f7fa);opacity:0;pointer-events:none}#section-kv .bg{position:absolute;left:50%;top:calc(50% + 1px / 2);z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);will-change:transform}@media (min-width:1024px){#section-kv .bg{width:100%;height:100%;object-fit:cover}}@media (max-width:1023px){#section-kv .bg{top:calc(50% + 1px / 2);width:100%;height:100%;object-fit:cover}}#section-kv .text{position:absolute;z-index:1;top:47.118%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;will-change:transform}@media (min-width:1800px){#section-kv .text{top:51%}}@media (min-width:1400px) and (max-width:1799px){#section-kv .text{top:50%}}@media (min-width:1024px) and (max-width:1399px){#section-kv .text{top:51%}}@media (min-width:720px) and (max-width:1023px){#section-kv .text{top:51%}}@media (max-width:720px){#section-kv .text{top:51%}}#section-kv .text .before-title{font-family:OPPOSans-Medium;font-weight:600;letter-spacing:-.03076923076923077em}@media (min-width: 1800px){#section-kv .text .before-title{font-size:26px;line-height:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .text .before-title{font-size:22px;line-height:35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .text .before-title{font-size:18px;line-height:29px}}@media (max-width:1023px){#section-kv .text .before-title{letter-spacing:-.03461538461538462em}}@media (max-width: 720px){#section-kv .text .before-title{font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .text .before-title{font-size:26px;line-height:46px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .text .before-title{font-size:20px;letter-spacing:-.045em;line-height:32px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .text .before-title{font-size:18px;letter-spacing:-.045000000000000005em;line-height:30px}}@media (min-width:720px) and (max-width:1023px){#section-kv .text .before-title{font-size:18px;letter-spacing:-.05555555555555555em;line-height:30px}}#section-kv .text .title{font-family:OPPOSans-Medium;font-weight:600;letter-spacing:-.011764705882352941em;white-space:nowrap;letter-spacing:-.010526315789473684em}@media (min-width: 1800px){#section-kv .text .title{margin-top:5px;font-size:68px;line-height:86px;margin-top:4px;font-size:57px;line-height:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .text .title{margin-top:4px;font-size:57px;line-height:72px;margin-top:3px;font-size:48px;line-height:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .text .title{margin-top:3px;font-size:46px;line-height:59px;margin-top:3px;font-size:39px;line-height:46px}}@media (max-width:1023px){#section-kv .text .title{letter-spacing:.01em;letter-spacing:-.013999999999999999em}}@media (max-width: 720px){#section-kv .text .title{font-size:34px;line-height:48px;font-size:25px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .text .title{font-size:68px;line-height:96px;font-size:50px;line-height:80px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .text .title{margin-top:0;font-size:44px;letter-spacing:-.028863636363636366em;line-height:66px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .text .title{margin-top:0;font-size:46px;line-height:66px;font-size:44px;letter-spacing:-.028863636363636366em;line-height:66px}}@media (min-width:720px) and (max-width:1023px){#section-kv .text .title{margin-top:0;font-size:46px;letter-spacing:.01em;line-height:66px;font-size:38px;letter-spacing:-.03763157894736842em;line-height:58px}}#section-kv .text .after-title{font-family:OPPOSans-Medium;font-weight:600}@media (min-width:1024px){#section-kv .text .after-title{letter-spacing:-.03076923076923077em;letter-spacing:-.03076923076923077em}}@media (min-width: 1800px){#section-kv .text .after-title{margin-top:5px;font-size:26px;line-height:42px;margin-top:6px;font-size:26px;line-height:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .text .after-title{margin-top:4px;font-size:22px;line-height:35px;margin-top:5px;font-size:22px;line-height:35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .text .after-title{margin-top:3px;font-size:18px;line-height:29px;margin-top:4px;font-size:18px;line-height:29px}}@media (max-width:1023px){#section-kv .text .after-title{letter-spacing:-.03461538461538462em}}@media (max-width: 720px){#section-kv .text .after-title{font-size:13px;line-height:23px;margin-top:2px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .text .after-title{font-size:26px;line-height:46px;margin-top:4px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .text .after-title{margin-top:0;font-size:20px;letter-spacing:-.045em;line-height:32px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .text .after-title{margin-top:0;font-size:18px;letter-spacing:-.045000000000000005em;line-height:30px}}@media (min-width:720px) and (max-width:1023px){#section-kv .text .after-title{margin-top:0;font-size:18px;letter-spacing:-.005555555555555556em;line-height:30px}}#section-kv .text .separator{background:#25ca40}@media (min-width: 1800px){#section-kv .text .separator{margin:96px auto 0;width:70px;height:12px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .text .separator{margin:80px auto 0;width:59px;height:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .text .separator{margin:66px auto 0;width:48px;height:8px}}@media (max-width:1023px){#section-kv .text .separator{}}@media (max-width: 720px){#section-kv .text .separator{margin:67px auto 0;width:50px;height:6px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .text .separator{margin:134px auto 0;width:100px;height:12px}}#section-kv .bottom{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}@media (min-width:1024px){#section-kv .bottom{}}@media (min-width: 1800px){#section-kv .bottom{bottom:100px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .bottom{bottom:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .bottom{bottom:68px}}@media (max-width:1023px){#section-kv .bottom{}}@media (max-width: 720px){#section-kv .bottom{bottom:68px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .bottom{bottom:136px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .bottom{bottom:60px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .bottom{bottom:50px}}@media (min-width:720px) and (max-width:1023px){#section-kv .bottom{bottom:52px}}#section-kv .bottom .time,#section-kv .bottom .location{font-family:OPPOSans-Bold;letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:12px;line-height:20px}}@media (max-width:1023px){#section-kv .bottom .time,#section-kv .bottom .location{letter-spacing:-.004166666666666667em}}@media (max-width: 720px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:12px;line-height:18px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:24px;line-height:36px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:16px;letter-spacing:-.00625em;line-height:28px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:14px;letter-spacing:-.004285714285714286em;line-height:24px}}@media (min-width:720px) and (max-width:1023px){#section-kv .bottom .time,#section-kv .bottom .location{font-size:16px;letter-spacing:-.004375em;line-height:28px}}#section-welcome{overflow:hidden;color:#000}#section-welcome > *{position:relative;z-index:1}#section-welcome .bg{position:absolute;z-index:0;width:100%;height:100%}#section-welcome .bubble{position:absolute;z-index:0;mix-blend-mode:darken;opacity:0}@media (min-width: 1800px){#section-welcome .bubble{top:398px;right:-86px;width:172px;height:172px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .bubble{top:334px;right:-72px;width:144px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .bubble{top:272px;right:-59px;width:117px;height:117px}}@media (max-width:1023px){#section-welcome .bubble{bottom:auto;top:76%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width: 720px){#section-welcome .bubble{width:91px;height:91px;right:-36px}}@media (min-width: 720px) and (max-width: 1023px){#section-welcome .bubble{width:182px;height:182px;right:-72px}}#section-welcome .bubble-0{left:23vw}@media (min-width: 1800px){#section-welcome .bubble-0{top:260px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .bubble-0{top:218px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .bubble-0{top:178px}}#section-welcome .bubble-1{left:70vw}@media (min-width: 1800px){#section-welcome .bubble-1{top:500px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .bubble-1{top:419px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .bubble-1{top:341px}}#section-welcome .welcome-text-wrapper{text-align:center}@media (min-width: 1800px){#section-welcome .welcome-text-wrapper{padding:260px 0 200px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .welcome-text-wrapper{padding:218px 0 168px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .welcome-text-wrapper{padding:178px 0 137px}}@media (max-width:1023px){#section-welcome .welcome-text-wrapper{}}@media (max-width: 720px){#section-welcome .welcome-text-wrapper{padding:160px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-welcome .welcome-text-wrapper{padding:320px 0}}#section-welcome .welcome-text-wrapper > *:not(.absolute-bg){position:relative;z-index:2}#section-welcome .welcome-text-wrapper .absolute-bg{position:absolute;top:0;width:100%;height:61.5%;z-index:1}@media (min-width:1024px){#section-welcome .welcome-text-wrapper .absolute-bg{left:0}}#section-welcome .welcome-text-wrapper .slogan{font-family:OPPOSans-Bold;color:#005a67;letter-spacing:-.02em;text-align:center}@media (min-width: 1800px){#section-welcome .welcome-text-wrapper .slogan{font-size:38px;line-height:54px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .welcome-text-wrapper .slogan{font-size:32px;line-height:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .welcome-text-wrapper .slogan{font-size:26px;line-height:37px}}@media (min-width:1024px){#section-welcome .welcome-text-wrapper .slogan{margin:0 auto}}@media (min-width: 1800px){#section-welcome .welcome-text-wrapper .slogan{width:940px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .welcome-text-wrapper .slogan{width:788px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .welcome-text-wrapper .slogan{width:642px}}@media (max-width:1023px){#section-welcome .welcome-text-wrapper .slogan{letter-spacing:-.03em}}@media (max-width: 720px){#section-welcome .welcome-text-wrapper .slogan{font-size:24px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-welcome .welcome-text-wrapper .slogan{font-size:48px;line-height:80px}}#section-welcome .welcome-text-wrapper .title{font-family:OPPOSans-Bold;display:inline-block;background-image:linear-gradient(to right,#00c09a,#00abe8,#476492);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:1024px){#section-welcome .welcome-text-wrapper .title{letter-spacing:-.01em}}@media (min-width: 1800px){#section-welcome .welcome-text-wrapper .title{font-size:42px;line-height:64px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .welcome-text-wrapper .title{font-size:35px;line-height:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .welcome-text-wrapper .title{font-size:29px;line-height:44px}}@media (max-width:1023px){#section-welcome .welcome-text-wrapper .title{letter-spacing:-.00923076923076923em;color:#3c475c}}@media (max-width: 720px){#section-welcome .welcome-text-wrapper .title{font-size:26px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-welcome .welcome-text-wrapper .title{font-size:52px;line-height:80px}}@media (min-width:1024px){#section-welcome .welcome-text-wrapper .detail{margin:0 auto;letter-spacing:-.02em}}@media (min-width: 1800px){#section-welcome .welcome-text-wrapper .detail{margin-top:20px;width:1000px;font-size:22px;line-height:34px}}@media (min-width: 1400px) and (max-width: 1799px){#section-welcome .welcome-text-wrapper .detail{margin-top:17px;width:838px;font-size:18px;line-height:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-welcome .welcome-text-wrapper .detail{margin-top:14px;width:683px;font-size:15px;line-height:23px}}@media (max-width:1023px){#section-welcome .welcome-text-wrapper .detail{letter-spacing:-.00625em}}@media (max-width: 720px){#section-welcome .welcome-text-wrapper .detail{margin-top:20px;font-size:16px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-welcome .welcome-text-wrapper .detail{margin-top:40px;font-size:32px;line-height:56px}}#section-floating-charging{overflow:hidden;margin:0 auto;width:100%;color:#000}@media (min-width: 1800px){#section-floating-charging{padding:0 0 182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging{padding:0 0 153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging{padding:0 0 124px}}@media (max-width:1023px){#section-floating-charging{}}@media (max-width: 720px){#section-floating-charging{padding:96px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging{padding:192px 0}}#section-floating-charging .g--text-detail{}@media (min-width: 1800px){#section-floating-charging .g--text-detail{max-width:900px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .g--text-detail{max-width:755px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .g--text-detail{max-width:615px}}#section-floating-charging > *{position:relative;z-index:1}#section-floating-charging .bg{position:absolute;z-index:0;width:100%;height:100%}#section-floating-charging .bubble{position:absolute;z-index:0;mix-blend-mode:darken}@media (min-width: 1800px){#section-floating-charging .bubble{left:-132px;bottom:276px;width:207px;height:207px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .bubble{left:-111px;bottom:231px;width:174px;height:174px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .bubble{left:-90px;bottom:188px;width:141px;height:141px}}@media (max-width:1023px){#section-floating-charging .bubble{bottom:auto;top:54.2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width: 720px){#section-floating-charging .bubble{width:80px;height:80px;right:-28px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .bubble{width:160px;height:160px;right:-56px}}@media (max-width:1023px){#section-floating-charging .play{width:auto}}@media (max-width: 720px){#section-floating-charging .play{height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .play{height:96px}}#section-floating-charging .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}@media (max-width:1023px){#section-floating-charging{display:flex;justify-content:center}}#section-floating-charging .inner-container{position:relative;z-index:1}@media (max-width:1023px){#section-floating-charging .inner-container{}}@media (max-width: 720px){#section-floating-charging .inner-container{width:calc(100vw - 88px)}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .inner-container{width:calc(100vw - 176px)}}#section-floating-charging .learn-more{font-family:OPPOSans-Bold;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:-.004285714285714286em;background:#000}@media (min-width: 1800px){#section-floating-charging .learn-more{margin-top:30px;width:128px;height:48px;font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .learn-more{margin-top:25px;width:107px;height:40px;font-size:12px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .learn-more{margin-top:20px;width:87px;height:33px;font-size:10px;line-height:16px}}@media (max-width:1023px){#section-floating-charging .learn-more{}}@media (max-width: 720px){#section-floating-charging .learn-more{margin-top:20px;padding:10px 16px;font-size:12px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .learn-more{margin-top:40px;padding:20px 32px;font-size:24px;line-height:40px}}#section-floating-charging .img-title{font-family:OPPOSans-Bold;letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-floating-charging .img-title{margin-top:20px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .img-title{margin-top:17px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .img-title{margin-top:14px;font-size:12px;line-height:20px}}@media (max-width:1023px){#section-floating-charging .img-title{letter-spacing:-.004615384615384615em}}@media (max-width: 720px){#section-floating-charging .img-title{margin-top:14px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .img-title{margin-top:28px;font-size:26px;line-height:46px}}#section-floating-charging .img-detail{letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-floating-charging .img-detail{margin-top:8px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .img-detail{margin-top:7px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .img-detail{margin-top:5px;font-size:12px;line-height:20px}}@media (max-width:1023px){#section-floating-charging .img-detail{letter-spacing:-.013846153846153845em}}@media (max-width: 720px){#section-floating-charging .img-detail{margin-top:4px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .img-detail{margin-top:8px;font-size:26px;line-height:46px}}@media (min-width:1400px) and (max-width:1799px){#section-floating-charging .img-detail{font-size:13px;line-height:23px}}#section-floating-charging .reel-img-wrapper{position:relative}@media (min-width: 1800px){#section-floating-charging .reel-img-wrapper{margin-top:30px;width:1312px;height:460px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .reel-img-wrapper{margin-top:25px;width:1100px;height:386px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .reel-img-wrapper{margin-top:20px;width:896px;height:314px}}@media (min-width:1024px){#section-floating-charging .reel-img-wrapper{width:100%;height:0;padding-bottom:35.07%}}@media (max-width:1023px){#section-floating-charging .reel-img-wrapper{}}@media (max-width: 720px){#section-floating-charging .reel-img-wrapper{margin-top:18px;width:calc(100vw - 88px);height:calc((100vw - 88px) * 1.404)}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .reel-img-wrapper{margin-top:36px;width:calc(100vw - 176px);height:calc((100vw - 176px) * 1.404)}}#section-floating-charging .reel-img-wrapper .reel{position:absolute;z-index:0;width:100%;height:100%}#section-floating-charging .reel-img-wrapper .play-btn{position:absolute;z-index:1}@media (min-width: 1800px){#section-floating-charging .reel-img-wrapper .play-btn{width:146px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .reel-img-wrapper .play-btn{width:122px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .reel-img-wrapper .play-btn{width:100px;height:33px}}#section-floating-charging .col-container{display:flex;justify-content:space-between}@media (min-width: 1800px){#section-floating-charging .col-container{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .col-container{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .col-container{margin-top:55px}}@media (max-width:1023px){#section-floating-charging .col-container{flex-direction:column}}@media (max-width: 720px){#section-floating-charging .col-container{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .col-container{margin-top:80px}}#section-floating-charging .col-container .col{}@media (min-width: 1800px){#section-floating-charging .col-container .col{width:600px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .col-container .col{width:503px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .col-container .col{width:410px}}#section-floating-charging .col-container .col > img{width:100%}@media (min-width: 1800px){#section-floating-charging .col-container .col > img{height:450px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .col-container .col > img{height:377px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .col-container .col > img{height:307px}}#section-floating-charging .col-container .col .charging-img-wrapper{position:relative;width:100%}@media (min-width: 1800px){#section-floating-charging .col-container .col .charging-img-wrapper{height:450px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .col-container .col .charging-img-wrapper{height:377px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .col-container .col .charging-img-wrapper{height:307px}}#section-floating-charging .col-container .col .charging-img-wrapper > .charging{width:100%;height:100%}#section-floating-charging .col-container .col .img-detail{width:100%}@media (min-width:1024px){#section-floating-charging .col-container .col + .col{}}@media (min-width: 1800px){#section-floating-charging .col-container .col + .col{margin-left:56px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .col-container .col + .col{margin-left:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .col-container .col + .col{margin-left:38px}}@media (max-width:1023px){#section-floating-charging .col-container .col + .col{}}@media (max-width: 720px){#section-floating-charging .col-container .col + .col{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .col-container .col + .col{margin-top:80px}}#section-floating-charging .detail-link{display:inline-flex;align-items:center;font-size:0}@media (min-width: 1800px){#section-floating-charging .detail-link{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .detail-link{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .detail-link{margin-top:14px}}@media (max-width:1023px){#section-floating-charging .detail-link{}}@media (max-width: 720px){#section-floating-charging .detail-link{margin-top:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .detail-link{margin-top:28px}}#section-floating-charging .detail-link .arrow{display:inline}@media (min-width: 1800px){#section-floating-charging .detail-link .arrow{margin-right:6px;width:12px;height:13px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .detail-link .arrow{margin-right:5px;width:10px;height:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .detail-link .arrow{margin-right:4px;width:8px;height:9px}}@media (max-width:1023px){#section-floating-charging .detail-link .arrow{}}@media (max-width: 720px){#section-floating-charging .detail-link .arrow{margin-right:6px;width:10px;height:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .detail-link .arrow{margin-right:12px;width:20px;height:24px}}#section-floating-charging .detail-link span{font-family:OPPOSans-Medium;border-bottom:1px solid #000;cursor:pointer}@media (min-width:1024px){#section-floating-charging .detail-link span{}}@media (min-width: 1800px){#section-floating-charging .detail-link span{font-size:14px;line-height:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-floating-charging .detail-link span{font-size:12px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-floating-charging .detail-link span{font-size:10px;line-height:14px}}@media (max-width:1023px){#section-floating-charging .detail-link span{}}@media (max-width: 720px){#section-floating-charging .detail-link span{font-size:12px;line-height:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-floating-charging .detail-link span{font-size:24px;line-height:32px}}@media (min-width:1400px) and (max-width:1799px){#section-floating-charging .detail-link span{font-size:13px}}#section-flash{overflow:hidden;margin:0 auto;width:100%;color:#000}@media (min-width: 1800px){#section-flash{padding:0 0 182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash{padding:0 0 153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash{padding:0 0 124px}}@media (max-width:1023px){#section-flash{padding:0}}#section-flash > *{position:relative;z-index:1}#section-flash > * .g--text-detail{letter-spacing:-.05em}#section-flash .bg{position:absolute;z-index:0;width:100%;height:100%}#section-flash .bubble{position:absolute;z-index:0;height:auto;mix-blend-mode:darken}@media (min-width: 1800px){#section-flash .bubble{left:-132px;top:520px;width:207px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .bubble{left:-111px;top:436px;width:174px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .bubble{left:-90px;top:355px;width:141px}}@media (max-width:1023px){#section-flash .bubble{top:auto}}@media (max-width: 720px){#section-flash .bubble{bottom:10px;width:160px;left:-68px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .bubble{bottom:20px;width:320px;left:-136px}}@media (max-width:1023px){#section-flash .play{width:auto}}@media (max-width: 720px){#section-flash .play{height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .play{height:96px}}#section-flash .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}@media (max-width:1023px){#section-flash{display:flex;justify-content:center}}#section-flash .inner-container{position:relative;z-index:1}@media (max-width:1023px){#section-flash .inner-container{}}@media (max-width: 720px){#section-flash .inner-container{width:calc(100vw - 88px)}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .inner-container{width:calc(100vw - 176px)}}#section-flash .buttons{display:flex;align-items:center}#section-flash .p1{display:inline-block}@media (min-width: 1800px){#section-flash .p1{margin-bottom:6px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .p1{margin-bottom:5px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .p1{margin-bottom:4px}}#section-flash .learn-more{font-family:OPPOSans-Bold;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:-.004285714285714286em;background:#000;white-space:nowrap}@media (min-width: 1800px){#section-flash .learn-more{margin-top:30px;width:128px;height:48px;font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .learn-more{margin-top:25px;width:107px;height:40px;font-size:12px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .learn-more{margin-top:20px;width:87px;height:33px;font-size:10px;line-height:16px}}@media (max-width:1023px){#section-flash .learn-more{}}@media (max-width: 720px){#section-flash .learn-more{margin-top:20px;padding:10px 16px;font-size:12px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .learn-more{margin-top:40px;padding:20px 32px;font-size:24px;line-height:40px}}#section-flash .download{background:transparent;color:#000;border-bottom:1px solid #000;width:auto;padding:0}@media (min-width: 1800px){#section-flash .download{height:22px;line-height:20px;margin-left:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .download{height:18px;line-height:17px;margin-left:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .download{height:15px;line-height:14px;margin-left:16px}}@media (max-width:1023px){#section-flash .download{}}@media (max-width: 720px){#section-flash .download{height:18px;line-height:16px;margin-left:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .download{height:36px;line-height:32px;margin-left:40px}}#section-flash .img-title{font-family:OPPOSans-Bold;letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-flash .img-title{margin-top:20px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .img-title{margin-top:17px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .img-title{margin-top:14px;font-size:12px;line-height:20px}}@media (max-width:1023px){#section-flash .img-title{letter-spacing:-.004615384615384615em}}@media (max-width: 720px){#section-flash .img-title{margin-top:14px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .img-title{margin-top:28px;font-size:26px;line-height:46px}}#section-flash .img-detail{letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-flash .img-detail{margin-top:8px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .img-detail{margin-top:7px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .img-detail{margin-top:5px;font-size:12px;line-height:20px}}@media (max-width:1023px){#section-flash .img-detail{letter-spacing:-.013846153846153845em}}@media (max-width: 720px){#section-flash .img-detail{margin-top:4px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .img-detail{margin-top:8px;font-size:26px;line-height:46px}}@media (min-width:1400px) and (max-width:1799px){#section-flash .img-detail{font-size:13px;line-height:23px}}#section-flash .reel-img-wrapper{position:relative}@media (min-width: 1800px){#section-flash .reel-img-wrapper{margin-top:30px;width:1312px;height:460px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .reel-img-wrapper{margin-top:25px;width:1100px;height:386px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .reel-img-wrapper{margin-top:20px;width:896px;height:314px}}@media (min-width:1024px){#section-flash .reel-img-wrapper{width:100%;height:0;padding-bottom:35.07%}}@media (max-width:1023px){#section-flash .reel-img-wrapper{}}@media (max-width: 720px){#section-flash .reel-img-wrapper{margin-top:18px;width:calc(100vw - 88px);height:calc((100vw - 88px) * 1.404)}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .reel-img-wrapper{margin-top:36px;width:calc(100vw - 176px);height:calc((100vw - 176px) * 1.404)}}#section-flash .reel-img-wrapper .reel{position:absolute;z-index:0;width:100%;height:100%}#section-flash .reel-img-wrapper .play-btn{position:absolute;z-index:1}@media (min-width: 1800px){#section-flash .reel-img-wrapper .play-btn{width:146px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .reel-img-wrapper .play-btn{width:122px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .reel-img-wrapper .play-btn{width:100px;height:33px}}#section-flash .video-container-wrapper{}@media (min-width: 1800px){#section-flash .video-container-wrapper{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .video-container-wrapper{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .video-container-wrapper{margin-top:55px}}@media (max-width:1023px){#section-flash .video-container-wrapper{}}@media (max-width: 720px){#section-flash .video-container-wrapper{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .video-container-wrapper{margin-top:80px}}#section-flash .watch-animation{}@media (min-width: 1800px){#section-flash .watch-animation{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .watch-animation{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .watch-animation{margin-top:14px}}@media (max-width:1023px){#section-flash .watch-animation{}}@media (max-width: 720px){#section-flash .watch-animation{margin-top:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .watch-animation{margin-top:28px}}#section-flash .watch-animation .arrow{display:inline}@media (min-width: 1800px){#section-flash .watch-animation .arrow{margin-right:6px;width:12px;height:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .watch-animation .arrow{margin-right:5px;width:10px;height:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .watch-animation .arrow{margin-right:4px;width:8px;height:10px}}@media (max-width:1023px){#section-flash .watch-animation .arrow{}}@media (max-width: 720px){#section-flash .watch-animation .arrow{margin-right:6px;width:10px;height:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .watch-animation .arrow{margin-right:12px;width:20px;height:24px}}#section-flash .watch-animation span{font-family:OPPOSans-Medium;border-bottom:1px solid #000;cursor:pointer}@media (min-width:1024px){#section-flash .watch-animation span{}}@media (min-width: 1800px){#section-flash .watch-animation span{font-size:14px;line-height:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-flash .watch-animation span{font-size:12px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-flash .watch-animation span{font-size:10px;line-height:14px}}@media (max-width:1023px){#section-flash .watch-animation span{}}@media (max-width: 720px){#section-flash .watch-animation span{font-size:12px;line-height:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-flash .watch-animation span{font-size:24px;line-height:32px}}@media (min-width:1400px) and (max-width:1799px){#section-flash .watch-animation span{font-size:13px}}#section-5g{overflow:hidden;margin:0 auto;width:100%;color:#000}@media (min-width: 1800px){#section-5g{padding:0 0 182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g{padding:0 0 153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g{padding:0 0 124px}}@media (max-width:1023px){#section-5g{}}@media (max-width: 720px){#section-5g{padding:96px 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-5g{padding:192px 0 0}}#section-5g > *{position:relative;z-index:1}#section-5g .bg{position:absolute;z-index:0;width:100%;height:100%}#section-5g .bubble{position:absolute;z-index:0;bottom:0;height:auto;mix-blend-mode:darken}@media (min-width: 1800px){#section-5g .bubble{right:-132px;width:207px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .bubble{right:-111px;width:174px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .bubble{right:-90px;width:141px}}@media (max-width:1023px){#section-5g .bubble{bottom:auto;top:70%}}@media (max-width: 720px){#section-5g .bubble{width:200px;left:-108px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .bubble{width:400px;left:-216px}}#section-5g .g--text-detail{max-width:820px}@media (max-width:1023px){#section-5g .play{width:auto}}@media (max-width: 720px){#section-5g .play{height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .play{height:96px}}#section-5g .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}@media (max-width:1023px){#section-5g{display:flex;justify-content:center}}#section-5g .inner-container{position:relative;z-index:1}@media (max-width:1023px){#section-5g .inner-container{}}@media (max-width: 720px){#section-5g .inner-container{width:calc(100vw - 88px)}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .inner-container{width:calc(100vw - 176px)}}#section-5g .learn-more{font-family:OPPOSans-Bold;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:-.004285714285714286em;background:#000}@media (min-width: 1800px){#section-5g .learn-more{margin-top:30px;width:128px;height:48px;font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .learn-more{margin-top:25px;width:107px;height:40px;font-size:12px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .learn-more{margin-top:20px;width:87px;height:33px;font-size:10px;line-height:16px}}@media (max-width:1023px){#section-5g .learn-more{}}@media (max-width: 720px){#section-5g .learn-more{margin-top:20px;padding:10px 16px;font-size:12px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .learn-more{margin-top:40px;padding:20px 32px;font-size:24px;line-height:40px}}#section-5g .img-title{font-family:OPPOSans-Bold;letter-spacing:-.005555555555555556em}@media (min-width: 1800px){#section-5g .img-title{margin-top:20px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .img-title{margin-top:17px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .img-title{margin-top:14px;font-size:12px;line-height:20px}}@media (max-width:1023px){#section-5g .img-title{letter-spacing:-.004615384615384615em}}@media (max-width: 720px){#section-5g .img-title{margin-top:14px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .img-title{margin-top:28px;font-size:26px;line-height:46px}}#section-5g .img-detail{letter-spacing:-.015em}@media (min-width: 1800px){#section-5g .img-detail{margin-top:8px;font-size:18px;line-height:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .img-detail{margin-top:7px;font-size:15px;line-height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .img-detail{margin-top:5px;font-size:12px;line-height:20px}}#section-5g .img-detail .rig-icon{font-size:200%;top:.3em}@media (max-width:1023px){#section-5g .img-detail{letter-spacing:-.013846153846153845em}}@media (max-width: 720px){#section-5g .img-detail{margin-top:4px;font-size:13px;line-height:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .img-detail{margin-top:8px;font-size:26px;line-height:46px}}@media (min-width:1400px) and (max-width:1799px){#section-5g .img-detail{font-size:13px;line-height:23px}}#section-5g .reel-img-wrapper{position:relative}@media (min-width: 1800px){#section-5g .reel-img-wrapper{margin-top:30px;width:1312px;height:460px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .reel-img-wrapper{margin-top:25px;width:1100px;height:386px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .reel-img-wrapper{margin-top:20px;width:896px;height:314px}}@media (min-width:1024px){#section-5g .reel-img-wrapper{width:100%;height:0;padding-bottom:35.07%}}@media (max-width:1023px){#section-5g .reel-img-wrapper{}}@media (max-width: 720px){#section-5g .reel-img-wrapper{margin-top:18px;width:calc(100vw - 88px);height:calc((100vw - 88px) * 1.404)}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .reel-img-wrapper{margin-top:36px;width:calc(100vw - 176px);height:calc((100vw - 176px) * 1.404)}}#section-5g .reel-img-wrapper .reel{position:absolute;z-index:0;width:100%;height:100%}#section-5g .reel-img-wrapper .play-btn{position:absolute;z-index:1}@media (min-width: 1800px){#section-5g .reel-img-wrapper .play-btn{width:146px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .reel-img-wrapper .play-btn{width:122px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .reel-img-wrapper .play-btn{width:100px;height:33px}}#section-5g .col-container{display:flex;justify-content:space-between}@media (min-width: 1800px){#section-5g .col-container{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .col-container{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .col-container{margin-top:55px}}@media (max-width:1023px){#section-5g .col-container{flex-direction:column}}@media (max-width: 720px){#section-5g .col-container{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .col-container{margin-top:80px}}#section-5g .col-container .col{}@media (min-width: 1800px){#section-5g .col-container .col{width:600px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .col-container .col{width:503px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .col-container .col{width:410px}}#section-5g .col-container .col > img{width:100%}@media (min-width: 1800px){#section-5g .col-container .col > img{height:450px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .col-container .col > img{height:377px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .col-container .col > img{height:307px}}#section-5g .col-container .col .charging-img-wrapper{position:relative;width:100%}@media (min-width: 1800px){#section-5g .col-container .col .charging-img-wrapper{height:450px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .col-container .col .charging-img-wrapper{height:377px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .col-container .col .charging-img-wrapper{height:307px}}#section-5g .col-container .col .charging-img-wrapper > .charging{width:100%;height:100%}#section-5g .col-container .col .img-detail{width:100%}@media (min-width:1024px){#section-5g .col-container .col + .col{}}@media (min-width: 1800px){#section-5g .col-container .col + .col{margin-left:56px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .col-container .col + .col{margin-left:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .col-container .col + .col{margin-left:38px}}@media (max-width:1023px){#section-5g .col-container .col + .col{}}@media (max-width: 720px){#section-5g .col-container .col + .col{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .col-container .col + .col{margin-top:80px}}#section-5g .watch-animation{}@media (min-width: 1800px){#section-5g .watch-animation{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .watch-animation{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .watch-animation{margin-top:14px}}@media (max-width:1023px){#section-5g .watch-animation{}}@media (max-width: 720px){#section-5g .watch-animation{margin-top:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .watch-animation{margin-top:28px}}#section-5g .watch-animation .arrow{display:inline}@media (min-width: 1800px){#section-5g .watch-animation .arrow{margin-right:6px;width:12px;height:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .watch-animation .arrow{margin-right:5px;width:10px;height:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .watch-animation .arrow{margin-right:4px;width:8px;height:10px}}@media (max-width:1023px){#section-5g .watch-animation .arrow{}}@media (max-width: 720px){#section-5g .watch-animation .arrow{margin-right:6px;width:10px;height:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .watch-animation .arrow{margin-right:12px;width:20px;height:24px}}#section-5g .watch-animation span{font-family:OPPOSans-Medium;border-bottom:1px solid #000;cursor:pointer}@media (min-width:1024px){#section-5g .watch-animation span{}}@media (min-width: 1800px){#section-5g .watch-animation span{font-size:14px;line-height:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-5g .watch-animation span{font-size:12px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-5g .watch-animation span{font-size:10px;line-height:14px}}@media (max-width:1023px){#section-5g .watch-animation span{}}@media (max-width: 720px){#section-5g .watch-animation span{font-size:12px;line-height:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-5g .watch-animation span{font-size:24px;line-height:32px}}@media (min-width:1400px) and (max-width:1799px){#section-5g .watch-animation span{font-size:13px}}#section-memories{background:#000;color:#fff}@media (min-width: 1800px){#section-memories{padding:182px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories{padding:153px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories{padding:124px 0}}@media (max-width:1023px){#section-memories{}}@media (max-width: 720px){#section-memories{padding:96px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-memories{padding:192px 0}}@media (max-width:1023px){#section-memories .g--container{width:calc(100vw - 56px)}}#section-memories .title-wrapper{text-align:center}#section-memories .section-title{font-family:OPPOSans-Bold;display:inline-block;text-align:center;background-image:linear-gradient(to right,#00c09a,#00abe8,#476492);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:1024px){#section-memories .section-title{}}@media (min-width: 1800px){#section-memories .section-title{font-size:57px;letter-spacing:-1px;line-height:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .section-title{font-size:48px;letter-spacing:-1px;line-height:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .section-title{font-size:39px;letter-spacing:0px;line-height:55px}}@media (max-width:1023px){#section-memories .section-title{letter-spacing:-.00923076923076923em;color:#3c475c}}@media (max-width: 720px){#section-memories .section-title{font-size:26px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .section-title{font-size:52px;line-height:80px}}#section-memories .items .item{}@media (min-width: 1800px){#section-memories .items .item{padding-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .items .item{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .items .item{padding-top:87px}}@media (max-width:1023px){#section-memories .items .item{}}@media (max-width: 720px){#section-memories .items .item{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .items .item{padding-top:160px}}#section-memories .items .item .content-wrapper .subtitle{font-family:OPPOSans-Bold}@media (min-width: 1800px){#section-memories .items .item .content-wrapper .subtitle{font-size:57px;letter-spacing:-1px;line-height:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .items .item .content-wrapper .subtitle{font-size:48px;letter-spacing:-1px;line-height:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .items .item .content-wrapper .subtitle{font-size:39px;letter-spacing:0px;line-height:55px}}@media (max-width:1023px){#section-memories .items .item .content-wrapper .subtitle{letter-spacing:-.02em}}@media (max-width: 720px){#section-memories .items .item .content-wrapper .subtitle{font-size:24px;line-height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .items .item .content-wrapper .subtitle{font-size:48px;line-height:80px}}#section-memories .items .item .content-wrapper .intro{letter-spacing:-.02em}@media (min-width: 1800px){#section-memories .items .item .content-wrapper .intro{max-width:820px;margin:10px 0 0;font-size:20px;line-height:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .items .item .content-wrapper .intro{max-width:687px;margin:8px 0 0;font-size:17px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .items .item .content-wrapper .intro{max-width:560px;margin:7px 0 0;font-size:14px;line-height:22px}}@media (max-width:1023px){#section-memories .items .item .content-wrapper .intro{max-width:100%;letter-spacing:-.03em}}@media (max-width: 720px){#section-memories .items .item .content-wrapper .intro{margin:4px 0 0;font-size:14px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .items .item .content-wrapper .intro{margin:8px 0 0;font-size:28px;line-height:48px}}@media (min-width:1400px) and (max-width:1799px){#section-memories .items .item .content-wrapper .intro{font-size:15px;line-height:26px;letter-spacing:-.025em}}#section-memories .items .item .content-wrapper .detail-link{display:inline-block;font-size:0;color:#fff}@media (min-width: 1800px){#section-memories .items .item .content-wrapper .detail-link{margin-top:20px;margin-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .items .item .content-wrapper .detail-link{margin-top:17px;margin-bottom:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .items .item .content-wrapper .detail-link{margin-top:14px;margin-bottom:55px}}@media (max-width:1023px){#section-memories .items .item .content-wrapper .detail-link{}}@media (max-width: 720px){#section-memories .items .item .content-wrapper .detail-link{margin-top:14px;margin-bottom:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .items .item .content-wrapper .detail-link{margin-top:28px;margin-bottom:80px}}#section-memories .items .item .content-wrapper .detail-link span{font-family:OPPOSans-Medium;border-bottom:1px solid #fff;cursor:pointer}@media (min-width:1024px){#section-memories .items .item .content-wrapper .detail-link span{}}@media (min-width: 1800px){#section-memories .items .item .content-wrapper .detail-link span{font-size:14px;line-height:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-memories .items .item .content-wrapper .detail-link span{font-size:12px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-memories .items .item .content-wrapper .detail-link span{font-size:10px;line-height:14px}}@media (max-width:1023px){#section-memories .items .item .content-wrapper .detail-link span{}}@media (max-width: 720px){#section-memories .items .item .content-wrapper .detail-link span{font-size:12px;line-height:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-memories .items .item .content-wrapper .detail-link span{font-size:24px;line-height:32px}}#section-footer{}@media (min-width: 1800px){#section-footer{padding:182px 0 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer{padding:153px 0 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer{padding:124px 0 0}}@media (max-width:1023px){#section-footer{}}@media (max-width: 720px){#section-footer{padding:96px 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-footer{padding:192px 0 0}}@media (max-width:1023px){#section-footer .g--container{width:calc(100vw - 32px)}}#section-footer .items{width:100%;display:flex;justify-content:space-between;align-items:center}@media (max-width:1023px){#section-footer .items{flex-direction:column}}#section-footer .items .item{background:#f0f5f7}@media (min-width: 1800px){#section-footer .items .item{width:calc(50% - 28px);padding:50px 60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item{width:calc(50% - 23px);padding:42px 50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item{width:calc(50% - 19px);padding:34px 41px}}@media (max-width:1023px){#section-footer .items .item{width:100%}}@media (max-width: 720px){#section-footer .items .item{padding:36px 28px;margin-bottom:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .items .item{padding:72px 56px;margin-bottom:40px}}#section-footer .items .item:last-child{margin-bottom:0}#section-footer .items .item .cover{}@media (min-width: 1800px){#section-footer .items .item .cover{width:508px;height:230px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .cover{width:426px;height:193px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .cover{width:347px;height:157px}}@media (max-width:1023px){#section-footer .items .item .cover{width:100%;height:auto}}#section-footer .items .item .content-wrapper .subtitle{font-family:OPPOSans-Bold;letter-spacing:-.1px}@media (min-width: 1800px){#section-footer .items .item .content-wrapper .subtitle{font-size:22px;line-height:34px;margin:20px 0 4px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .content-wrapper .subtitle{font-size:18px;line-height:29px;margin:17px 0 3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .content-wrapper .subtitle{font-size:15px;line-height:23px;margin:14px 0 3px}}@media (max-width:1023px){#section-footer .items .item .content-wrapper .subtitle{letter-spacing:-.03em}}@media (max-width: 720px){#section-footer .items .item .content-wrapper .subtitle{font-size:14px;line-height:24px;margin:18px 0 4px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .items .item .content-wrapper .subtitle{font-size:28px;line-height:48px;margin:36px 0 8px}}#section-footer .items .item .content-wrapper .intro{letter-spacing:-.032em}@media (min-width: 1800px){#section-footer .items .item .content-wrapper .intro{font-size:20px;line-height:32px;margin-bottom:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .content-wrapper .intro{font-size:17px;line-height:27px;margin-bottom:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .content-wrapper .intro{font-size:14px;line-height:22px;margin-bottom:20px}}@media (min-width:1024px){#section-footer .items .item .content-wrapper .intro{}}@media (min-width: 1800px){#section-footer .items .item .content-wrapper .intro{height:160px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .content-wrapper .intro{height:134px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .content-wrapper .intro{height:109px}}@media (min-width:1400px) and (max-width:1799px){#section-footer .items .item .content-wrapper .intro{height:130px;font-size:15px;line-height:26px}}@media (min-width:1024px) and (max-width:1399px){#section-footer .items .item .content-wrapper .intro{height:132px}}@media (max-width:1023px){#section-footer .items .item .content-wrapper .intro{letter-spacing:-.02em}}@media (max-width: 720px){#section-footer .items .item .content-wrapper .intro{font-size:14px;line-height:24px;margin-bottom:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .items .item .content-wrapper .intro{font-size:28px;line-height:48px;margin-bottom:48px}}@media (min-width:1024px){#section-footer .items .item .content-wrapper .intro.zh{}}@media (min-width: 1800px){#section-footer .items .item .content-wrapper .intro.zh{height:96px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .content-wrapper .intro.zh{height:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .content-wrapper .intro.zh{height:66px}}@media (min-width:1400px) and (max-width:1799px){#section-footer .items .item .content-wrapper .intro.zh{height:72px;font-size:15px;line-height:26px}}#section-footer .items .item .content-wrapper .button{font-family:OPPOSans-Bold;display:inline-block;color:#25ca40;border-bottom:1px solid #25ca40}@media (min-width: 1800px){#section-footer .items .item .content-wrapper .button{font-size:16px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .items .item .content-wrapper .button{font-size:13px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .items .item .content-wrapper .button{font-size:11px;letter-spacing:0px}}@media (max-width:1023px){#section-footer .items .item .content-wrapper .button{}}@media (max-width: 720px){#section-footer .items .item .content-wrapper .button{font-size:14px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .items .item .content-wrapper .button{font-size:28px;letter-spacing:0px;line-height:48px}}#section-footer .bottom{text-align:center}@media (min-width: 1800px){#section-footer .bottom{padding:182px 0 40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom{padding:153px 0 34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom{padding:124px 0 27px}}@media (max-width:1023px){#section-footer .bottom{}}@media (max-width: 720px){#section-footer .bottom{padding:96px 0 40px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom{padding:192px 0 80px}}#section-footer .bottom .subtitle{font-family:OPPOSans-Bold}@media (min-width: 1800px){#section-footer .bottom .subtitle{font-size:22px;letter-spacing:0px;line-height:34px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom .subtitle{font-size:18px;letter-spacing:0px;line-height:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom .subtitle{font-size:15px;letter-spacing:0px;line-height:23px}}@media (max-width:1023px){#section-footer .bottom .subtitle{letter-spacing:0}}@media (max-width: 720px){#section-footer .bottom .subtitle{font-size:16px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom .subtitle{font-size:32px;line-height:56px}}#section-footer .bottom .links{display:flex;justify-content:center;align-items:center}@media (min-width: 1800px){#section-footer .bottom .links{margin:20px 0 128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom .links{margin:17px 0 107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom .links{margin:14px 0 87px}}@media (max-width:1023px){#section-footer .bottom .links{}}@media (max-width: 720px){#section-footer .bottom .links{margin:14px 0 80px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom .links{margin:28px 0 160px}}#section-footer .bottom .links .link{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(4,93,106,0.15);border-radius:50%}@media (min-width: 1800px){#section-footer .bottom .links .link{width:48px;height:48px;margin:0 16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom .links .link{width:40px;height:40px;margin:0 13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom .links .link{width:33px;height:33px;margin:0 11px}}@media (max-width:1023px){#section-footer .bottom .links .link{}}@media (max-width: 720px){#section-footer .bottom .links .link{width:36px;height:36px;margin:0 6px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom .links .link{width:72px;height:72px;margin:0 12px}}#section-footer .bottom .links .link img{}@media (min-width: 1800px){#section-footer .bottom .links .link img{width:26px;height:26px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom .links .link img{width:22px;height:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom .links .link img{width:18px;height:18px}}@media (max-width:1023px){#section-footer .bottom .links .link img{}}@media (max-width: 720px){#section-footer .bottom .links .link img{width:18px;height:18px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom .links .link img{width:36px;height:36px}}#section-footer .bottom .copyright{font-family:OPPOSans-Medium}@media (min-width: 1800px){#section-footer .bottom .copyright{font-size:12px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .bottom .copyright{font-size:10px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .bottom .copyright{font-size:8px;letter-spacing:0px}}@media (max-width:1023px){#section-footer .bottom .copyright{}}@media (max-width: 720px){#section-footer .bottom .copyright{font-size:12px;letter-spacing:0px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .bottom .copyright{font-size:24px;letter-spacing:0px}}#section-footer .qr-view{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:200;background:rgba(0,0,0,0.6);opacity:0;transition:.3s;pointer-events:none}#section-footer .qr-view.show{pointer-events:auto;opacity:1}#section-footer .qr-view.show .dialog{-webkit-transform:translateY(0);transform:translateY(0);transition:.3s}#section-footer .qr-view.show .tip{-webkit-transform:translateY(0);transform:translateY(0)}#section-footer .qr-view.show img.close{-webkit-transform:translateY(0);transform:translateY(0);transition:.4s}#section-footer .qr-view .dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;-webkit-transform:translateY(5vh);transform:translateY(5vh);-webkit-transform:translateY(calc(5 * var(--vh, 1vh)));transform:translateY(calc(5 * var(--vh, 1vh)));transition:.4s}@media (min-width: 1800px){#section-footer .qr-view .dialog{border-radius:20px;width:400px;height:480px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .qr-view .dialog{border-radius:17px;width:335px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .qr-view .dialog{border-radius:14px;width:273px;height:328px}}#section-footer .qr-view .dialog .tip{font-family:OPPOSans-Medium;opacity:.3;color:#000}@media (min-width: 1800px){#section-footer .qr-view .dialog .tip{margin-top:24px;font-size:16px;line-height:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .qr-view .dialog .tip{margin-top:20px;font-size:13px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .qr-view .dialog .tip{margin-top:16px;font-size:11px;line-height:22px}}#section-footer .qr-view .dialog .qr{width:auto}@media (min-width: 1800px){#section-footer .qr-view .dialog .qr{height:300px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .qr-view .dialog .qr{height:252px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .qr-view .dialog .qr{height:205px}}@media (max-width:1023px){#section-footer .qr-view .dialog .qr{}}@media (max-width: 720px){#section-footer .qr-view .dialog .qr{height:260px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .qr-view .dialog .qr{height:520px}}#section-footer .qr-view img.close{cursor:pointer;-webkit-transform:translateY(5vh);transform:translateY(5vh);-webkit-transform:translateY(calc(5 * var(--vh, 1vh)));transform:translateY(calc(5 * var(--vh, 1vh)));transition:.3s}@media (min-width: 1800px){#section-footer .qr-view img.close{margin-top:30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-footer .qr-view img.close{margin-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-footer .qr-view img.close{margin-top:20px}}@media (max-width:1023px){#section-footer .qr-view img.close{}}@media (max-width: 720px){#section-footer .qr-view img.close{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-footer .qr-view img.close{margin-top:40px}}.gradient-container{overflow:hidden;position:relative;background:#fff;width:100%;background:linear-gradient(198deg,#faffff 18%,#f3f9fa 38%,#e1f0f3 53%,#f2f9f9 69%,#faffff 90%)}.gradient-container > .bg{position:absolute;width:100%;height:100%;z-index:1;mix-blend-mode:multiply}.gradient-container .bubble{position:absolute;z-index:0;mix-blend-mode:multiply;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.gradient-container .bubble.bubble-0{top:11%}@media (min-width: 1800px){.gradient-container .bubble.bubble-0{right:-86px;width:172px;height:172px}}@media (min-width: 1400px) and (max-width: 1799px){.gradient-container .bubble.bubble-0{right:-72px;width:144px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){.gradient-container .bubble.bubble-0{right:-59px;width:117px;height:117px}}@media (max-width:1023px){.gradient-container .bubble.bubble-0{top:12%}}@media (max-width: 720px){.gradient-container .bubble.bubble-0{width:91px;height:91px;right:-36px}}@media (min-width: 720px) and (max-width: 1023px){.gradient-container .bubble.bubble-0{width:182px;height:182px;right:-72px}}.gradient-container .bubble.bubble-1{top:26%;height:auto}@media (min-width: 1800px){.gradient-container .bubble.bubble-1{left:-132px;width:207px}}@media (min-width: 1400px) and (max-width: 1799px){.gradient-container .bubble.bubble-1{left:-111px;width:174px}}@media (min-width: 1024px) and (max-width: 1399px){.gradient-container .bubble.bubble-1{left:-90px;width:141px}}@media (max-width:1023px){.gradient-container .bubble.bubble-1{top:26.7%}}@media (max-width: 720px){.gradient-container .bubble.bubble-1{width:91px;height:91px;left:-36px}}@media (min-width: 720px) and (max-width: 1023px){.gradient-container .bubble.bubble-1{width:182px;height:182px;left:-72px}}.gradient-container .bubble.bubble-2{top:67.5%;height:auto}@media (min-width: 1800px){.gradient-container .bubble.bubble-2{right:-132px;width:207px}}@media (min-width: 1400px) and (max-width: 1799px){.gradient-container .bubble.bubble-2{right:-111px;width:174px}}@media (min-width: 1024px) and (max-width: 1399px){.gradient-container .bubble.bubble-2{right:-90px;width:141px}}@media (max-width:1023px){.gradient-container .bubble.bubble-2{top:56%}}@media (max-width: 720px){.gradient-container .bubble.bubble-2{width:200px;left:-108px}}@media (min-width: 720px) and (max-width: 1023px){.gradient-container .bubble.bubble-2{width:400px;left:-216px}}.gradient-container .bubble.bubble-3{top:89%}@media (min-width: 1800px){.gradient-container .bubble.bubble-3{left:-132px;width:207px;height:207px}}@media (min-width: 1400px) and (max-width: 1799px){.gradient-container .bubble.bubble-3{left:-111px;width:174px;height:174px}}@media (min-width: 1024px) and (max-width: 1399px){.gradient-container .bubble.bubble-3{left:-90px;width:141px;height:141px}}@media (max-width:1023px){.gradient-container .bubble.bubble-3{}}@media (max-width: 720px){.gradient-container .bubble.bubble-3{width:80px;height:80px;right:-28px}}@media (min-width: 720px) and (max-width: 1023px){.gradient-container .bubble.bubble-3{width:160px;height:160px;right:-56px}}#oc-header{position:fixed;top:0;background:#fff;transition:0s}main section:not(#section-kv){position:relative;z-index:1}.g--scale-wrapper{overflow:hidden}.g--scale-wrapper .g--scale-img{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease, -webkit-transform .7s ease;transition-delay:.3s}.g--scale-wrapper .g--scale-img-init{-webkit-transform:scale(1.2);transform:scale(1.2)}body:not(.no-scroll){background:#fff;color:#000}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.section-titles{text-align:center}.section-titles .section-title,.section-titles .section-subtitle{text-align:center}@media (min-width: 1800px){.section-titles .section-title,.section-titles .section-subtitle{font-size:42px;letter-spacing:0px;line-height:64px}}@media (min-width: 1400px) and (max-width: 1799px){.section-titles .section-title,.section-titles .section-subtitle{font-size:35px;letter-spacing:0px;line-height:54px}}@media (min-width: 1024px) and (max-width: 1399px){.section-titles .section-title,.section-titles .section-subtitle{font-size:29px;letter-spacing:0px;line-height:44px}}@media (max-width:1023px){.section-titles .section-title,.section-titles .section-subtitle{text-align:left}}@media (max-width: 720px){.section-titles .section-title,.section-titles .section-subtitle{font-size:28px;letter-spacing:0px;line-height:44px}}@media (min-width: 720px) and (max-width: 1023px){.section-titles .section-title,.section-titles .section-subtitle{font-size:56px;letter-spacing:0px;line-height:88px}}.section-titles .section-subtitle{opacity:.7}@media (min-width: 1800px){.section-titles .section-subtitle{margin-top:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.section-titles .section-subtitle{margin-top:-4px}}@media (min-width: 1024px) and (max-width: 1399px){.section-titles .section-subtitle{margin-top:-3px}}.section-titles .section-intro{opacity:.7;text-align:center;display:inline-block}@media (min-width: 1800px){.section-titles .section-intro{font-size:24px;letter-spacing:0px;line-height:34px;max-width:774px;margin-top:12px}}@media (min-width: 1400px) and (max-width: 1799px){.section-titles .section-intro{font-size:20px;letter-spacing:0px;line-height:29px;max-width:649px;margin-top:10px}}@media (min-width: 1024px) and (max-width: 1399px){.section-titles .section-intro{font-size:16px;letter-spacing:0px;line-height:23px;max-width:529px;margin-top:8px}}@media (max-width:1023px){.section-titles .section-intro{max-width:100%;text-align:left}}@media (max-width: 720px){.section-titles .section-intro{font-size:16px;letter-spacing:0px;line-height:28px;margin-top:12px}}@media (min-width: 720px) and (max-width: 1023px){.section-titles .section-intro{font-size:32px;letter-spacing:0px;line-height:56px;margin-top:24px}}@media (max-width:720px){.g--container-pt-full{width:100%}}@media (min-width:720px) and (max-width:1023px){.g--container-pt-full{width:100%}}.video-container{position:relative}@media (min-width:1024px){.video-container{width:100%;height:0;padding-bottom:56.25%}}@media (max-width:1023px){.video-container{height:0;padding-bottom:75%}}@media (max-width:1023px){.video-container .video{position:absolute;top:0;left:0;width:100%;height:100%;color:#f00}}.video-container .video-wrapper{position:absolute;width:100%;height:100%}.video-container .video-wrapper .g--video-converter{width:100%;height:100%}.play{font-family:OPPOSans-Medium;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;background:#fff;color:#000;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;letter-spacing:-.004285714285714286em;white-space:nowrap}@media (min-width: 1800px){.play{height:48px;font-size:14px;line-height:24px;bottom:60px;padding:0 20px}}@media (min-width: 1400px) and (max-width: 1799px){.play{height:40px;font-size:12px;line-height:20px;bottom:50px;padding:0 17px}}@media (min-width: 1024px) and (max-width: 1399px){.play{height:33px;font-size:10px;line-height:16px;bottom:41px;padding:0 14px}}@media (max-width:1023px){.play{font-family:OPPOSans-Medium;letter-spacing:-.004166666666666667em;width:auto}}@media (max-width: 720px){.play{bottom:32px;padding:12px 20px 12px 23px;font-size:12px;line-height:24px;height:48px}}@media (min-width: 720px) and (max-width: 1023px){.play{bottom:64px;padding:24px 40px 24px 46px;font-size:24px;line-height:48px;height:96px}}.play img.arrow{}@media (min-width: 1800px){.play img.arrow{margin-right:13px;width:14px;height:18px}}@media (min-width: 1400px) and (max-width: 1799px){.play img.arrow{margin-right:11px;width:12px;height:15px}}@media (min-width: 1024px) and (max-width: 1399px){.play img.arrow{margin-right:9px;width:10px;height:12px}}@media (max-width:1023px){.play img.arrow{}}@media (max-width: 720px){.play img.arrow{margin-right:13px;width:12px;height:16px}}@media (min-width: 720px) and (max-width: 1023px){.play img.arrow{margin-right:26px;width:25px;height:32px}}@media (min-width:1024px){.popup-test .g--video-wrapper{width:60%}}html.hasHeader section#oc-container{padding-top:0}