.zn--modal{--bg-blur:none;--bg-dark:#000;--bg-light:#fff;align-items:center;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(var(--vh, 1vh)*100));transform:translateY(calc(var(--vh, 1vh)*100));transition:visibility .4s,-webkit-transform .4s ease-out;transition:transform .4s ease-out,visibility .4s;transition:transform .4s ease-out,visibility .4s,-webkit-transform .4s ease-out;visibility:hidden;width:100%;z-index:999}.zn--modal.zn--modal-show{-webkit-transform:translateY(0);transform:translateY(0);transition:height .2s ease,-webkit-transform .4s ease-out;transition:transform .4s ease-out,height .2s ease;transition:transform .4s ease-out,height .2s ease,-webkit-transform .4s ease-out;visibility:visible}.zn--modal .zn--modal-bg{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);height:100vh;height:calc(var(--vh, 1vh)*100);left:0;position:absolute;top:0;width:100%;z-index:1}.zn--modal .zn--modal-content{position:relative;z-index:2}:not(.zn--modal)>.zn--modal-content{display:none}.g--popup .g--popup-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{height:auto;margin-top:-12px;position:relative;width:75%}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{height:100%;outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close{cursor:pointer;height:12px;margin-left:auto;position:absolute;right:0;top:-32px;width:12px;z-index:2}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{height:100%;width:100%}.g--popup-container{background:#000}.g--popup-container .g--popup-close polygon{fill:#fff}.g--popup-container[data-theme=white]{background:#fff}.g--popup-container[data-theme=white] .g--popup-close polygon{fill:#000}@media (min-width:2300px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (orientation:portrait) and (max-width:1023px){.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--popup-close{height:24px;width:24px}.g--popup .g--popup-close .inner{-webkit-transform:scale(.5);transform:scale(.5)}.g--popup .g--popup-close{right:4.444vw}}.autoplay-ls-video img,.autoplay-ls-video video{height:100%!important;margin-left:0!important;margin-top:0!important;width:100%!important}.autoplay-ls-video img{object-fit:cover}.autoplay-pt-video{position:relative}.autoplay-pt-video img,.autoplay-pt-video video{height:100%;position:relative;width:100%;z-index:1}.autoplay-pt-video .normal-play-button{align-items:center;border-radius:50%;bottom:10px;display:flex;height:36px;justify-content:center;position:absolute;right:10px;visibility:hidden;width:36px;z-index:2}.autoplay-pt-video .normal-play-button:before{background-color:#fff;border-radius:50px;content:"";height:36px;position:absolute;width:36px}.autoplay-pt-video .normal-play-button:after{background-color:#000;background-size:20px 20px;content:"";display:inline-block;height:20px;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwIDEgMS40NC0xLjYyIDEuODYgMS44NiAwIDAgMSAxLjExLjMxbDguNTMgNWMuNzYuNDQgMS4xNy44IDEuMTcgMS41MXMtLjQxIDEuMDctMS4xNyAxLjUxbC04LjUzIDVhMS44NiAxLjg2IDAgMCAxLTEuMTEuMzFBMS40MiAxLjQyIDAgMCAxIDUgMTUuMjV6Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwIDEgMS40NC0xLjYyIDEuODYgMS44NiAwIDAgMSAxLjExLjMxbDguNTMgNWMuNzYuNDQgMS4xNy44IDEuMTcgMS41MXMtLjQxIDEuMDctMS4xNyAxLjUxbC04LjUzIDVhMS44NiAxLjg2IDAgMCAxLTEuMTEuMzFBMS40MiAxLjQyIDAgMCAxIDUgMTUuMjV6Ii8+PC9zdmc+);position:absolute;width:20px}.autoplay-pt-video .normal-play-button.playing:after{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=)}.starry-sky{background:#000;left:0;position:absolute;width:100%}@media (orientation:landscape) and (min-width:400px){.starry-sky{height:calc(100% + 92px);top:-92px}}@media (min-width:1024px) and (max-width:1399px){.starry-sky{height:calc(100% + 157px);top:-157px}}@media (min-width:1400px) and (max-width:1799px){.starry-sky{height:calc(100% + 193px);top:-193px}}@media (min-width:1800px) and (max-width:2299px){.starry-sky{height:calc(100% + 230px);top:-230px}}@media (min-width:2300px){.starry-sky{height:calc(100% + 306px);top:-306px}}@media (orientation:portrait) and (max-width:1023px){.starry-sky{height:calc(120% + 19.444vw);top:-19.444vw}}#section-kv{align-items:center;background:#fff;flex-direction:column;justify-content:center;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:2}#section-kv .kv-desc,#section-kv .kv-title{text-align:center}#section-kv .img-container{background:#fff;bottom:0;height:26.51042vw;height:calc((100*var(--vw, 1vw))*509/1920);overflow:hidden;width:89.63542vw;width:calc((100*var(--vw, 1vw))*1721/1920)}#section-kv .img-container .pencil{height:10.67708vw;height:calc((100*var(--vw, 1vw))*205/1920);left:30.26042vw;left:calc((100*var(--vw, 1vw))*581/1920);top:.67708vw;top:calc((100*var(--vw, 1vw))*13/1920);width:15.3125vw;width:calc((100*var(--vw, 1vw))*294/1920)}@media (orientation:landscape) and (min-width:400px){#section-kv{height:calc(100vh - 19px);height:calc(var(--vh, 1vh)*100 - 19px)}#section-kv .kv-desc{margin-top:-5px}#section-kv .img-container{margin-top:34px}}@media (max-width:1022px) and (min-width:750px){#section-kv .img-container .bg-img{object-fit:contain}}@media (min-width:1024px) and (max-width:1399px){#section-kv{height:calc(100vh - 33px);height:calc(var(--vh, 1vh)*100 - 33px)}#section-kv .kv-desc{margin-top:-9px}#section-kv .img-container{margin-top:59px}}@media (min-width:1024px),(orientation:landscape){#section-kv .img-container .bg-img{height:26.51042vw;height:calc((100*var(--vw, 1vw))*509/1920);width:89.63542vw;width:calc((100*var(--vw, 1vw))*1721/1920)}}@media (min-width:1400px) and (max-width:1799px){#section-kv{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px)}#section-kv .kv-desc{margin-top:-11px}#section-kv .img-container{margin-top:72px}}@media (min-width:1800px) and (max-width:2299px){#section-kv{height:calc(100vh - 48px);height:calc(var(--vh, 1vh)*100 - 48px)}#section-kv .kv-desc{margin-top:-13px}#section-kv .img-container{margin-top:86px}}@media (min-width:2300px){#section-kv{height:calc(100vh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}#section-kv .kv-desc{margin-top:-17px}#section-kv .img-container{margin-top:114px}}@media (orientation:portrait) and (max-width:1023px){#section-kv{position:relative}#section-kv .kv-desc,#section-kv .kv-title{z-index:2}#section-kv .img-container{height:148.33333vw;height:calc((100*var(--vw, 1vw))*534/360);left:0;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-kv{height:calc(100vh - 13.333vw);height:calc(var(--vh, 1vh)*100 - 13.333vw)}#section-kv .kv-title{margin-top:10vw}#section-kv .kv-desc{margin-top:.556vw}#section-kv .img-container{margin-top:-18.889vw;top:10vw}}:root{--oh-nav-height:80px}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:400;src:url(/content/dam/oppo/product-asset-library/accessory/oppo-pad/assets/OPPOSansSuper-Medium-ad60e0.woff) format("woff"),url(/content/dam/oppo/product-asset-library/accessory/oppo-pad/assets/OPPOSansSuper-Medium-d3e72d.ttf) format("truetype")}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:700;src:url(/content/dam/oppo/product-asset-library/accessory/oppo-pad/assets/OPPOSansSuper-Bold-277eaa.woff) format("woff"),url(/content/dam/oppo/product-asset-library/accessory/oppo-pad/assets/OPPOSansSuper-Bold-e3124f.ttf) format("truetype")}.zn--wrapper sup{font-family:OPPOSans-super;font-size:1em;font-weight:400;line-height:1;position:relative;top:-.2em;vertical-align:initial}.zn--wrapper b sup,.zn--wrapper strong sup,.zn--wrapper sup b,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-variation-settings:"wght" 550}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#main-wrapper{position:relative}.zn--wrapper .center{align-self:center;margin-left:auto;margin-right:auto;text-align:center}.zn--wrapper .center-content{align-items:center;display:flex;justify-content:center}.zn--wrapper .abs.center-hor{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .abs.center-ver{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver>.wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor>.wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky,.zn--wrapper .sticky-item{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:#ffffff8f}.zn--wrapper .grey-light{color:#fff3}.zn--wrapper .grey{color:#000000b3}.zn--wrapper .grey-light{color:#00000052}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{height:100%;width:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(var(--vh, 1vh)*100)}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc(var(--vh, 1vh)*100 - 121px)}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .clip{left:0;top:0}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 1000}.zn--wrapper .g--medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.zn--wrapper .kv-title{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper .kv-desc{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .banner-title,.zn--wrapper .item-title{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper .card-title,.zn--wrapper .content-desc,.zn--wrapper .content-title,.zn--wrapper .feature-title,.zn--wrapper .label-text,.zn--wrapper .linear-label-purple{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .linear-label-purple{-webkit-text-fill-color:transparent;background:linear-gradient(90.98deg,#848cff -12.07%,#9f34be 226.79%);-webkit-background-clip:text}.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .linear-label-purple-light{-webkit-text-fill-color:transparent;background:linear-gradient(91.06deg,#8cc8ea 4.21%,#667dc8 58.05%,#9687a2 99.59%);-webkit-background-clip:text}.zn--wrapper .linear-label-purple-light.lighter{-webkit-text-fill-color:transparent;background:linear-gradient(142.44deg,#ebf0ff 40.91%,#a4cff7 122.37%);-webkit-background-clip:text}.zn--wrapper .spec-value{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper .note,.zn--wrapper .spec-desc,.zn--wrapper .spec-unit{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .page-pen .kv-title{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper .page-pen .desc,.zn--wrapper .page-pen .kv-desc,.zn--wrapper .page-pen .kv-sub-title,.zn--wrapper .page-pen .title{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .page-pen .desc{letter-spacing:0}.zn--wrapper .page-pen .spec-value{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}.zn--wrapper .page-pen .spec-desc,.zn--wrapper .page-pen .spec-unit{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper .page-pen .spec-desc{opacity:.8}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{height:100%;object-fit:cover;object-position:center;width:100%}.autoplay-ls-video img,.autoplay-ls-video video{height:100%!important;margin-left:0!important;margin-top:0!important;width:100%!important}.autoplay-ls-video img{object-fit:cover}body .hero-video-container{height:calc(56.25vw + 150vh);height:calc(56.25vw + var(--vh, 1vh)*150);height:calc((100*var(--vw, 1vw))*1080/1920 + 150vh);height:calc((100*var(--vw, 1vw))*1080/1920 + var(--vh, 1vh)*150);position:relative;width:100vw;width:calc(var(--vw, 1vw)*100)}body .hero-video-container .hero-video-box{position:-webkit-sticky;position:sticky;top:calc(100vh - 56.25vw);top:calc(var(--vh, 1vh)*100 - 56.25vw);top:calc(100vh - (100*var(--vw, 1vw))*1080/1920);top:calc(var(--vh, 1vh)*100 - (100*var(--vw, 1vw))*1080/1920)}body .hero-video-container .hero-video-box,body .hero-video-container .hero-video-box .hero-video-content{height:56.25vw;height:calc((100*var(--vw, 1vw))*1080/1920);width:100%}body .box-container,body .full-width-container{margin-left:auto;margin-right:auto}body .anime-section{will-change:clip-path}body .anime-section-banner{display:flex;justify-content:center;width:100%}body .anime-section-banner .banner-container{flex-direction:column}body .anime-section-banner .banner-container .banner-title.left{margin-right:auto}body .normal-play-button{display:none!important}body .expendable-text{overflow:hidden;transition:height .3s linear}body .expendable-text .collapsed-text,body .expendable-text .content-view-more-container{display:inline-block}body .expendable-text .content-view-more-container .content-view-more{color:#5e9518;display:inline-block;margin-top:0}body .expendable-text .content-view-more-container .arrow-view-more{display:inline-block}body .expendable-text-full{left:0;top:0;visibility:hidden}@media (orientation:landscape) and (min-width:400px){.g--container,.g--container-ls{width:525px}.zn--wrapper .kv-title{font-size:29px;letter-spacing:-2px;line-height:43px}.zn--wrapper .kv-desc{font-size:14px;line-height:22px}.zn--wrapper .item-title{font-size:10px;line-height:12px}.zn--wrapper .banner-title{font-size:38px;line-height:46px}.zn--wrapper .content-title{font-size:19px;line-height:25px}.zn--wrapper .content-desc{font-size:7px;line-height:12px}.zn--wrapper .label-text{font-size:10px;line-height:14px}.zn--wrapper .feature-title{font-size:13px;line-height:18px}.zn--wrapper .card-title,.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:19px;line-height:27px}.zn--wrapper .spec-value{font-size:14px;line-height:20px}.zn--wrapper .spec-unit{font-size:7px;line-height:8px}.zn--wrapper .spec-desc{font-size:6px;line-height:13px}.zn--wrapper .note{font-size:7px;line-height:12px}.zn--wrapper .page-pen .kv-title{font-size:29px;letter-spacing:-2px;line-height:43px}.zn--wrapper .page-pen .kv-sub-title{font-size:14px;line-height:22px}.zn--wrapper .page-pen .kv-desc{font-size:6px;line-height:10px}.zn--wrapper .page-pen .title{font-size:19px;line-height:27px}.zn--wrapper .page-pen .desc{font-size:7px;line-height:13px}.zn--wrapper .page-pen .spec-value{font-size:20px;line-height:20px}.zn--wrapper .page-pen .spec-unit{font-size:7px;line-height:8px}.zn--wrapper .page-pen .spec-desc{font-size:6px;line-height:13px}body .box-container{width:525px}body .full-width-container{width:768px}body .anime-section-banner{padding-top:88px}body .anime-section-banner .banner-container .banner-title.right{margin-left:79px}}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}.g--container,.g--container-ls{width:896px}.zn--wrapper .kv-title{font-size:49px;letter-spacing:-3px;line-height:74px}.zn--wrapper .kv-desc{font-size:25px;line-height:37px}.zn--wrapper .item-title{font-size:18px;line-height:21px}.zn--wrapper .banner-title{font-size:66px;line-height:79px}.zn--wrapper .content-title{font-size:33px;line-height:43px}.zn--wrapper .content-desc{font-size:12px;line-height:20px}.zn--wrapper .label-text{font-size:16px;line-height:25px}.zn--wrapper .feature-title{font-size:22px;line-height:31px}.zn--wrapper .card-title,.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:33px;line-height:46px}.zn--wrapper .spec-value{font-size:25px;line-height:34px}.zn--wrapper .spec-unit{font-size:12px;line-height:14px}.zn--wrapper .spec-desc{font-size:11px;line-height:22px}.zn--wrapper .note{font-size:12px;line-height:20px}.zn--wrapper .page-pen .kv-title{font-size:49px;letter-spacing:-3px;line-height:74px}.zn--wrapper .page-pen .kv-sub-title{font-size:25px;line-height:37px}.zn--wrapper .page-pen .kv-desc{font-size:11px;line-height:16px}.zn--wrapper .page-pen .title{font-size:33px;line-height:46px}.zn--wrapper .page-pen .desc{font-size:12px;line-height:22px}.zn--wrapper .page-pen .spec-value{font-size:34px;line-height:34px}.zn--wrapper .page-pen .spec-unit{font-size:12px;line-height:14px}.zn--wrapper .page-pen .spec-desc{font-size:11px;line-height:22px}body .box-container{width:896px}body .full-width-container{width:1311px}body .anime-section-banner{padding-top:150px}body .anime-section-banner .banner-container .banner-title.right{margin-left:135px}}@media (min-width:1024px),(orientation:landscape){.g--ls-hidden{display:none!important}}@media (min-width:1400px) and (max-width:1799px){.g--container,.g--container-ls{width:1100px}.zn--wrapper .kv-title{font-size:60px;letter-spacing:-3px;line-height:91px}.zn--wrapper .kv-desc{font-size:30px;line-height:45px}.zn--wrapper .item-title{font-size:22px;line-height:26px}.zn--wrapper .banner-title{font-size:80px;line-height:97px}.zn--wrapper .content-title{font-size:40px;line-height:52px}.zn--wrapper .content-desc{font-size:15px;line-height:24px}.zn--wrapper .label-text{font-size:20px;line-height:30px}.zn--wrapper .feature-title{font-size:27px;line-height:38px}.zn--wrapper .card-title,.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:40px;line-height:56px}.zn--wrapper .spec-value{font-size:30px;line-height:42px}.zn--wrapper .spec-unit{font-size:15px;line-height:17px}.zn--wrapper .spec-desc{font-size:13px;line-height:27px}.zn--wrapper .note{font-size:15px;line-height:24px}.zn--wrapper .page-pen .kv-title{font-size:60px;letter-spacing:-3px;line-height:91px}.zn--wrapper .page-pen .kv-sub-title{font-size:30px;line-height:45px}.zn--wrapper .page-pen .kv-desc{font-size:13px;line-height:20px}.zn--wrapper .page-pen .title{font-size:40px;line-height:56px}.zn--wrapper .page-pen .desc{font-size:15px;line-height:27px}.zn--wrapper .page-pen .spec-value{font-size:42px;line-height:42px}.zn--wrapper .page-pen .spec-unit{font-size:15px;line-height:17px}.zn--wrapper .page-pen .spec-desc{font-size:13px;line-height:27px}body .box-container{width:1100px}body .full-width-container{width:1610px}body .anime-section-banner{padding-top:184px}body .anime-section-banner .banner-container .banner-title.right{margin-left:166px}}@media (min-width:1800px) and (max-width:2299px){.g--container,.g--container-ls{width:1312px}.zn--wrapper .kv-title{font-size:72px;letter-spacing:-4px;line-height:108px}.zn--wrapper .kv-desc{font-size:36px;line-height:54px}.zn--wrapper .item-title{font-size:26px;line-height:31px}.zn--wrapper .banner-title{font-size:96px;line-height:115px}.zn--wrapper .content-title{font-size:48px;line-height:62px}.zn--wrapper .content-desc{font-size:18px;line-height:29px}.zn--wrapper .label-text{font-size:24px;line-height:36px}.zn--wrapper .feature-title{font-size:32px;line-height:45px}.zn--wrapper .card-title,.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:48px;line-height:67px}.zn--wrapper .spec-value{font-size:36px;line-height:50px}.zn--wrapper .spec-unit{font-size:18px;line-height:20px}.zn--wrapper .spec-desc{font-size:16px;line-height:32px}.zn--wrapper .note{font-size:18px;line-height:29px}.zn--wrapper .page-pen .kv-title{font-size:72px;letter-spacing:-4px;line-height:108px}.zn--wrapper .page-pen .kv-sub-title{font-size:36px;line-height:54px}.zn--wrapper .page-pen .kv-desc{font-size:16px;line-height:24px}.zn--wrapper .page-pen .title{font-size:48px;line-height:67px}.zn--wrapper .page-pen .desc{font-size:18px;line-height:32px}.zn--wrapper .page-pen .spec-value{font-size:50px;line-height:50px}.zn--wrapper .page-pen .spec-unit{font-size:18px;line-height:20px}.zn--wrapper .page-pen .spec-desc{font-size:16px;line-height:32px}body .box-container{width:1312px}body .full-width-container{width:1920px}body .anime-section-banner{padding-top:220px}body .anime-section-banner .banner-container .banner-title.right{margin-left:198px}}@media (min-width:2300px){.g--container,.g--container-ls{width:1745px}.zn--wrapper .kv-title{font-size:96px;letter-spacing:-5px;line-height:144px}.zn--wrapper .kv-desc{font-size:48px;line-height:72px}.zn--wrapper .item-title{font-size:35px;line-height:41px}.zn--wrapper .banner-title{font-size:128px;line-height:153px}.zn--wrapper .content-title{font-size:64px;line-height:83px}.zn--wrapper .content-desc{font-size:24px;line-height:38px}.zn--wrapper .label-text{font-size:32px;line-height:48px}.zn--wrapper .feature-title{font-size:43px;line-height:60px}.zn--wrapper .card-title,.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:64px;line-height:89px}.zn--wrapper .spec-value{font-size:48px;line-height:67px}.zn--wrapper .spec-unit{font-size:24px;line-height:27px}.zn--wrapper .spec-desc{font-size:21px;line-height:43px}.zn--wrapper .note{font-size:24px;line-height:38px}.zn--wrapper .page-pen .kv-title{font-size:96px;letter-spacing:-5px;line-height:144px}.zn--wrapper .page-pen .kv-sub-title{font-size:48px;line-height:72px}.zn--wrapper .page-pen .kv-desc{font-size:21px;line-height:32px}.zn--wrapper .page-pen .title{font-size:64px;line-height:89px}.zn--wrapper .page-pen .desc{font-size:24px;line-height:43px}.zn--wrapper .page-pen .spec-value{font-size:67px;line-height:67px}.zn--wrapper .page-pen .spec-unit{font-size:24px;line-height:27px}.zn--wrapper .page-pen .spec-desc{font-size:21px;line-height:43px}body .box-container{width:1745px}body .full-width-container{width:2554px}body .anime-section-banner{padding-top:293px}body .anime-section-banner .banner-container .banner-title.right{margin-left:263px}}@media (orientation:portrait) and (max-width:1023px){:root{--oh-nav-height:48px}#oc-header.fixed{visibility:hidden}.g--pt-hidden{display:none!important}.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc(var(--vh, 1vh)*100 - 101px)}.zn--wrapper .kv-desc,.zn--wrapper .kv-title{font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}body .hero-video-container{height:250vh;height:(250*var(--vh,1vh))}body .hero-video-container .hero-video-box .hero-video-content{object-fit:cover}.g--container,.g--container-pt{width:88.889vw}.zn--wrapper .kv-title{font-size:10vw;letter-spacing:-.556vw;line-height:15vw}.zn--wrapper .kv-desc{font-size:5vw;line-height:7.5vw}.zn--wrapper .item-title{font-size:4.167vw;line-height:5.556vw}.zn--wrapper .banner-title{font-size:11.667vw;line-height:14vw}.zn--wrapper .content-title{font-size:7.778vw;line-height:11.111vw}.zn--wrapper .content-desc{font-size:4.444vw;line-height:7.778vw}.zn--wrapper .label-text{font-size:5vw;line-height:7.5vw}.zn--wrapper .card-title,.zn--wrapper .feature-title{font-size:5.556vw;line-height:7.778vw}.zn--wrapper .linear-label-purple,.zn--wrapper .linear-label-purple-light,.zn--wrapper .no-linear-label{font-size:7.778vw;line-height:11.111vw}.zn--wrapper .spec-value{font-size:7.778vw;line-height:8.889vw}.zn--wrapper .spec-unit{font-size:3.889vw;line-height:5.833vw}.zn--wrapper .spec-desc{font-size:3.333vw;line-height:5vw}.zn--wrapper .note{font-size:4.444vw;line-height:7.778vw}.zn--wrapper .page-pen .kv-title{font-size:11.667vw;letter-spacing:-.233vw;line-height:11.667vw}.zn--wrapper .page-pen .kv-sub-title{font-size:4.167vw;line-height:5.556vw}.zn--wrapper .page-pen .kv-desc{font-size:3.611vw;line-height:5.556vw}.zn--wrapper .page-pen .title{font-size:7.778vw;line-height:11.111vw}.zn--wrapper .page-pen .desc{font-size:4.444vw;line-height:7.778vw}.zn--wrapper .page-pen .spec-value{font-size:8.889vw;line-height:11.111vw}.zn--wrapper .page-pen .spec-unit{font-size:3.889vw;line-height:5.833vw}.zn--wrapper .page-pen .spec-desc{font-size:3.333vw;line-height:5vw}body .hero-video-container .hero-video-box{top:13.333vw}body .hero-video-container .hero-video-box,body .hero-video-container .hero-video-box .hero-video-content{height:calc(100vh - 13.333vw);height:calc(var(--vh, 1vh)*100 - 13.333vw)}body .box-container{width:88.889vw}body .full-width-container{width:100vw}body .anime-section-banner{padding-top:20vw}body .expendable-text .content-view-more-container{margin-left:2.5vw}body .expendable-text .content-view-more-container .arrow-view-more{height:2.5vw;margin-left:2.222vw;width:1.389vw}}@media (max-width:720px){.g--mb-hidden{display:none!important}}@media not screen and (max-width:720px){.g--mb-show{display:none!important}}#section-features{background:linear-gradient(180deg,#fff,#f4f4f4 27.08%);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-features .features-play-button{cursor:pointer;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);z-index:5}#section-features .hero-video-m{overflow:hidden;z-index:3}#section-features .features-container .feature-grid{display:grid}#section-features .features-container .feature-grid.three-cols{grid-template-columns:repeat(3,1fr)}#section-features .features-container .feature-grid.two-cols{grid-template-columns:repeat(2,1fr)}#section-features .features-container .card-single{width:100%}#section-features .features-container .feature-item{background:#fff;overflow:hidden}#section-features .features-container .feature-item .item-title-white{color:#fff;font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}#section-features .features-container .feature-item .item-title.white{color:#fff}@media (orientation:landscape) and (min-width:400px){#section-features{padding-bottom:72px}#section-features .features-play-button{height:38px;width:38px}#section-features .features-container{margin-top:calc(108px - 28.125vw);margin-top:calc(108px - (100*var(--vw, 1vw))*1080/1920/2)}#section-features .features-container .feature-grid{gap:8px}#section-features .features-container .feature-grid.two-cols{margin-top:8px}#section-features .features-container .feature-item{border-radius:5px;height:112px}#section-features .features-container .feature-item .item-title-white{font-size:10px;line-height:14px;margin-left:16px;margin-top:15px}#section-features .features-container .feature-item .item-title{margin-left:16px;margin-top:15px}#section-features .features-container .feature-item .card-1-img{height:116px;left:4px;top:30px;width:163px}#section-features .features-container .feature-item .card-2-img{height:89px;left:16px;top:43px;width:138px}#section-features .features-container .feature-item .card-3-img{height:78px;left:29px;top:38px;width:111px}#section-features .features-container .feature-item .card-4-img{height:112px;left:2px;top:18px;width:196px}#section-features .features-container .feature-item .card-5-img{height:89px;left:16px;top:43px;width:138px}}@media (min-width:1024px) and (max-width:1399px){#section-features{padding-bottom:123px}#section-features .features-play-button{height:66px;width:66px}#section-features .features-container{margin-top:calc(184.5px - 28.125vw);margin-top:calc(184.5px - (100*var(--vw, 1vw))*1080/1920/2)}#section-features .features-container .feature-grid{gap:14px}#section-features .features-container .feature-grid.two-cols{margin-top:14px}#section-features .features-container .feature-item{border-radius:8px;height:191px}#section-features .features-container .feature-item .item-title-white{font-size:18px;line-height:23px;margin-left:27px;margin-top:26px}#section-features .features-container .feature-item .item-title{margin-left:27px;margin-top:26px}#section-features .features-container .feature-item .card-1-img{height:197px;left:6px;top:51px;width:279px}#section-features .features-container .feature-item .card-2-img{height:152px;left:27px;top:74px;width:235px}#section-features .features-container .feature-item .card-3-img{height:134px;left:50px;top:64px;width:189px}#section-features .features-container .feature-item .card-4-img{height:191px;left:4px;top:30px;width:335px}#section-features .features-container .feature-item .card-5-img{height:153px;left:27px;top:74px;width:235px}}@media (min-width:1024px),(orientation:landscape){#section-features .features-container .feature-grid.two-cols .feature-item img{height:100%;width:100%}}@media (min-width:1400px) and (max-width:1799px){#section-features{padding-bottom:151px}#section-features .features-play-button{height:80px;width:80px}#section-features .features-container{margin-top:calc(226.5px - 28.125vw);margin-top:calc(226.5px - (100*var(--vw, 1vw))*1080/1920/2)}#section-features .features-container .feature-grid{gap:17px}#section-features .features-container .feature-grid.two-cols{margin-top:17px}#section-features .features-container .feature-item{border-radius:10px;height:235px}#section-features .features-container .feature-item .item-title-white{font-size:22px;line-height:28px;margin-left:33px;margin-top:32px}#section-features .features-container .feature-item .item-title{margin-left:33px;margin-top:32px}#section-features .features-container .feature-item .card-1-img{height:242px;left:8px;top:63px;width:342px}#section-features .features-container .feature-item .card-2-img{height:187px;left:34px;top:91px;width:288px}#section-features .features-container .feature-item .card-3-img{height:164px;left:61px;top:79px;width:232px}#section-features .features-container .feature-item .card-4-img{height:235px;left:5px;top:37px;width:411px}#section-features .features-container .feature-item .card-5-img{height:188px;left:34px;top:91px;width:288px}}@media (min-width:1800px) and (max-width:2299px){#section-features{padding-bottom:180px}#section-features .features-play-button{height:96px;width:96px}#section-features .features-container{margin-top:calc(270px - 28.125vw);margin-top:calc(270px - (100*var(--vw, 1vw))*1080/1920/2)}#section-features .features-container .feature-grid{gap:20px}#section-features .features-container .feature-grid.two-cols{margin-top:20px}#section-features .features-container .feature-item{border-radius:12px;height:280px}#section-features .features-container .feature-item .item-title-white{font-size:26px;line-height:34px;margin-left:39px;margin-top:38px}#section-features .features-container .feature-item .item-title{margin-left:39px;margin-top:38px}#section-features .features-container .feature-item .card-1-img{height:289px;left:9px;top:75px;width:408px}#section-features .features-container .feature-item .card-2-img{height:223px;left:40px;top:108px;width:344px}#section-features .features-container .feature-item .card-3-img{height:196px;left:73px;top:94px;width:277px}#section-features .features-container .feature-item .card-4-img{height:280px;left:6px;top:44px;width:490px}#section-features .features-container .feature-item .card-5-img{height:224px;left:40px;top:108px;width:344px}}@media (min-width:2300px){#section-features{padding-bottom:239px}#section-features .features-play-button{height:128px;width:128px}#section-features .features-container{margin-top:calc(359.5px - 28.125vw);margin-top:calc(359.5px - (100*var(--vw, 1vw))*1080/1920/2)}#section-features .features-container .feature-grid{gap:27px}#section-features .features-container .feature-grid.two-cols{margin-top:27px}#section-features .features-container .feature-item{border-radius:16px;height:372px}#section-features .features-container .feature-item .item-title-white{font-size:35px;line-height:45px;margin-left:52px;margin-top:51px}#section-features .features-container .feature-item .item-title{margin-left:52px;margin-top:51px}#section-features .features-container .feature-item .card-1-img{height:384px;left:12px;top:100px;width:543px}#section-features .features-container .feature-item .card-2-img{height:297px;left:53px;top:144px;width:458px}#section-features .features-container .feature-item .card-3-img{height:261px;left:97px;top:125px;width:368px}#section-features .features-container .feature-item .card-4-img{height:372px;left:8px;top:59px;width:652px}#section-features .features-container .feature-item .card-5-img{height:298px;left:53px;top:144px;width:458px}}@media (orientation:portrait) and (max-width:1023px){#section-features{padding-bottom:13.333vw}#section-features .features-play-button{height:13.333vw;width:13.333vw}#section-features .hero-video-m{border-radius:2.222vw;height:50vw}#section-features .hero-video-m .hero-video-content{height:50vw;width:88.889vw}#section-features .features-container{margin-top:3.333vw}#section-features .features-container .feature-grid{gap:2.778vw}#section-features .features-container .card-single,#section-features .features-container .feature-grid.two-cols{margin-top:3.333vw}#section-features .features-container .feature-item{border-radius:2.222vw;height:36.667vw}#section-features .features-container .feature-item .item-title-white{font-size:7.222vw;line-height:9.389vw}#section-features .features-container .feature-item .item-title{margin-left:3.889vw;margin-top:4.444vw}#section-features .features-container .feature-item .card-1-img{height:22.5vw;left:4.167vw;top:15.278vw;width:34.722vw}#section-features .features-container .feature-item .card-2-img{height:22.5vw;left:3.889vw;top:15.278vw;width:34.722vw}#section-features .features-container .feature-item .card-4-img{height:28.056vw;left:1.389vw;top:13.333vw;width:39.722vw}#section-features .features-container .feature-item .card-5-img{height:22.5vw;left:4.167vw;top:15.278vw;width:34.722vw}#section-features .features-container .feature-item .card-6-img{left:3.333vw!important}#section-features .features-container .feature-item.card-6{align-items:center;display:flex}#section-features .features-container .feature-item.card-6 .item-title{color:#000;margin-bottom:auto;margin-top:auto}#section-features .features-container .feature-item .card-3-img{height:100%;left:0;top:0;width:100%}#section-features .features-container .feature-item .card-6-img{left:0;top:0}}#section-science{background:#f4f4f4;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-science .main-bg-container{overflow:hidden}#section-science .main-bg-container .main-bg{height:100%;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-science .content-container{background:#000}#section-science .content-container .anime-section-banner .banner-title,#section-science .content-container .normal-paragraph.ls-hidden .content-title{color:#fff}#section-science .content-container .normal-paragraph.ls-hidden .material-desc{color:#fff;display:inline-block}#section-science .content-container .normal-paragraph.ls-hidden .material-desc.full-text{display:none}#section-science .content-container .content-view-more-container .content-view-more{color:#ad99ff}#section-science .content-container .anime-pads{margin-left:auto;margin-right:auto;width:100%}#section-science .content-container .anime-pads .pad-img{will-change:transform}#section-science .content-container .anime-pads .normal-paragraph{top:0}#section-science .content-container .anime-pads .normal-paragraph .content-title,#section-science .content-container .anime-pads .normal-paragraph .material-desc{color:#fff;margin-left:auto}#section-science .content-container .purple-paragraph .content-title,#section-science .content-container .purple-paragraph .material-desc{color:#fff}#section-science .content-container .purple-paragraph .material-desc.ls-hidden{display:inline-block}#section-science .content-container .purple-paragraph .note{color:#fff;opacity:.4}#section-science .content-container .bottom-container{width:100vw;width:calc(var(--vw, 1vw)*100)}#section-science .content-container .bottom-container .pad-material{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-science .content-container .bottom-container .pad-material .material-video{height:47.08333vw;height:calc((100*var(--vw, 1vw))*904/1920);width:100%;z-index:3}#section-science .content-container .bottom-container .pad-material .material-video img{object-fit:cover}#section-science .content-container .bottom-container .pad-material .text-container{z-index:4}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-box{width:100%}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-box-inner{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-science .content-container .bottom-container .pad-material .text-container .material-text{color:#fff}#section-science .content-container .bottom-container .pad-material .text-container .material-text-anime.visible{opacity:1}#section-science .content-container .bottom-container .pad-material .text-container .material-text-anime.gone{opacity:0;transition:opacity .1s ease-out}#section-science .content-container .bottom-container .cover-elements{background:#000;overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{flex-direction:column;height:100%;justify-content:space-between;margin-left:auto;margin-right:auto}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{color:#fff}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{color:#fff;display:inline-block;font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{color:#fff;display:inline-block;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{color:#fff;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550;opacity:.8}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{overflow:hidden}#section-science .content-container .bottom-container .cover-elements .pad-grids-m{overflow:hidden;width:100%}#section-science .content-container .bottom-container .cover-elements .pad-grids-m .pad-card-wrapper{width:100vw!important;width:calc(var(--vw, 1vw)*100)!important}#section-science .content-container .bottom-container .cover-elements .pad-grids-m .pad-card{background:#1e1e28;overflow:hidden}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots{height:6px;margin-left:auto;margin-right:auto}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots ul{align-items:center;display:flex!important;height:6px;justify-content:center}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots li{background:hsla(0,0%,100%,.28);border-radius:3px;box-sizing:border-box;height:6px;margin-left:4px;margin-right:4px;overflow:hidden;width:6px}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots li button{background:transparent;border:none;box-shadow:none;color:transparent;height:6px;outline:none;padding:0;transition:background .5s linear;width:6px}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots li.slick-active button{background:hsla(0,0%,100%,.56)}@media (orientation:landscape) and (min-width:400px){#section-science .content-container{padding-bottom:80px}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:80px}#section-science .content-container .anime-pads{margin-top:92px}#section-science .content-container .anime-pads .pad-img.black{height:402px;margin-top:12px;width:273px}#section-science .content-container .anime-pads .pad-img.purple{height:393px;margin-left:-70px;margin-top:180px;width:256px}#section-science .content-container .anime-pads .normal-paragraph .content-title{width:202px}#section-science .content-container .anime-pads .normal-paragraph .material-desc{margin-top:11px;width:202px}#section-science .content-container .purple-paragraph{margin-top:-16px;width:248px}#section-science .content-container .purple-paragraph .material-desc{margin-top:12px}#section-science .content-container .purple-paragraph .note{margin-top:8px}#section-science .content-container .bottom-container{margin-top:88px}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:80px}#section-science .content-container .bottom-container .pad-material{height:calc(47.08333vw + 94px);height:calc((100*var(--vw, 1vw))*904/1920 + 94px);min-height:360px;top:34px}#section-science .content-container .bottom-container .pad-material .text-container{-webkit-transform:translateY(calc(-50% - 47px));transform:translateY(calc(-50% - 47px))}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple{margin-bottom:11px}#section-science .content-container .bottom-container .pad-material .text-container .material-text{margin-top:13px;-webkit-transform:translateY(4px);transform:translateY(4px)}#section-science .content-container .bottom-container .materials-transition-space{height:102px;margin-top:-8px}#section-science .content-container .bottom-container .cover-elements .hand-content{height:200px;width:768px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{padding-bottom:19px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:8px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:25px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:14px;line-height:20px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:7px;line-height:8px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:6px;line-height:13px}#section-science .content-container .bottom-container .cover-elements .pad-grids{margin-top:80px}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{border-radius:5px}#section-science .content-container .bottom-container .cover-elements .pad-grids .left .left-pads-box{height:264px;width:208px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right{margin-left:12px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-pads-1-box{height:160px;width:305px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom{margin-top:12px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-bottom-box{height:92px;width:146px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-pads-3-box{margin-left:12px}}@media only screen and (max-width:1022px) and (min-width:750px){#section-science .content-container .bottom-container .pad-material{top:8.88889vw!important;top:calc((100*var(--vw, 1vw))*32/360)!important}#section-science .content-container .bottom-container .pad-material .material-video{margin-top:3.33333vw!important;margin-top:calc((100*var(--vw, 1vw))*12/360)!important}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-box{margin-top:0!important}}@media (min-width:1024px) and (max-width:1399px){#section-science .content-container{padding-bottom:137px}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:136px}#section-science .content-container .anime-pads{margin-top:158px}#section-science .content-container .anime-pads .pad-img.black{height:686px;margin-top:20px;width:466px}#section-science .content-container .anime-pads .pad-img.purple{height:671px;margin-left:-120px;margin-top:308px;width:438px}#section-science .content-container .anime-pads .normal-paragraph .content-title{width:345px}#section-science .content-container .anime-pads .normal-paragraph .material-desc{margin-top:19px;width:345px}#section-science .content-container .purple-paragraph{margin-top:-27px;width:423px}#section-science .content-container .purple-paragraph .material-desc{margin-top:20px}#section-science .content-container .purple-paragraph .note{margin-top:14px}#section-science .content-container .bottom-container{margin-top:150px}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:137px}#section-science .content-container .bottom-container .pad-material{height:calc(47.08333vw + 161px);height:calc((100*var(--vw, 1vw))*904/1920 + 161px);min-height:615px;top:57px}#section-science .content-container .bottom-container .pad-material .text-container{-webkit-transform:translateY(calc(-50% - 80.5px));transform:translateY(calc(-50% - 80.5px))}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple{margin-bottom:19px}#section-science .content-container .bottom-container .pad-material .text-container .material-text{margin-top:22px;-webkit-transform:translateY(7px);transform:translateY(7px)}#section-science .content-container .bottom-container .materials-transition-space{height:175px;margin-top:-14px}#section-science .content-container .bottom-container .cover-elements .hand-content{height:341px;width:1311px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{padding-bottom:33px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:14px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:42px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:25px;line-height:34px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:12px;line-height:14px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:11px;line-height:22px}#section-science .content-container .bottom-container .cover-elements .pad-grids{margin-top:137px}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{border-radius:9px}#section-science .content-container .bottom-container .cover-elements .pad-grids .left .left-pads-box{height:451px;width:355px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right{margin-left:20px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-pads-1-box{height:273px;width:520px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom{margin-top:20px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-bottom-box{height:157px;width:250px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-pads-3-box{margin-left:20px}}@media (min-width:1024px),(orientation:landscape){#section-science .content-container .anime-pads{display:flex;justify-content:center}#section-science .content-container .anime-pads .pad-img{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear,-webkit-transform .4s linear}#section-science .content-container .bottom-container .pad-material .text-container{left:72.13542vw;left:calc((100*var(--vw, 1vw))*1385/1920);top:50%}#section-science .content-container .bottom-container .pad-material .text-container .text-box{left:50%;top:0;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-science .content-container .bottom-container .pad-material .text-container .material-text-anime{opacity:0;transition:opacity .1s linear,-webkit-transform .1s linear;transition:opacity .1s linear,transform .1s linear;transition:opacity .1s linear,transform .1s linear,-webkit-transform .1s linear}#section-science .content-container .bottom-container .pad-material .text-container .material-text-anime.visible{-webkit-transform:translateY(0);transform:translateY(0)}#section-science .content-container .bottom-container .materials-transition-space{background:linear-gradient(180deg,#2b2b2b,#000);z-index:2}#section-science .content-container .bottom-container .cover-elements .hand-content{margin-left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-science .content-container .bottom-container .cover-elements .hand-content .hand-img{transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}}@media (min-width:1400px) and (max-width:1799px){#section-science .content-container{padding-bottom:168px}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:167px}#section-science .content-container .anime-pads{margin-top:194px}#section-science .content-container .anime-pads .pad-img.black{height:842px;margin-top:25px;width:573px}#section-science .content-container .anime-pads .pad-img.purple{height:824px;margin-left:-148px;margin-top:378px;width:537px}#section-science .content-container .anime-pads .normal-paragraph .content-title{width:423px}#section-science .content-container .anime-pads .normal-paragraph .material-desc{margin-top:23px;width:423px}#section-science .content-container .purple-paragraph{margin-top:-34px;width:520px}#section-science .content-container .purple-paragraph .material-desc{margin-top:25px}#section-science .content-container .purple-paragraph .note{margin-top:17px}#section-science .content-container .bottom-container{margin-top:184px}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:168px}#section-science .content-container .bottom-container .pad-material{height:calc(47.08333vw + 198px);height:calc((100*var(--vw, 1vw))*904/1920 + 198px);min-height:755px;top:70px}#section-science .content-container .bottom-container .pad-material .text-container{-webkit-transform:translateY(calc(-50% - 99px));transform:translateY(calc(-50% - 99px))}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple{margin-bottom:23px}#section-science .content-container .bottom-container .pad-material .text-container .material-text{margin-top:27px;-webkit-transform:translateY(8px);transform:translateY(8px)}#section-science .content-container .bottom-container .materials-transition-space{height:215px;margin-top:-17px}#section-science .content-container .bottom-container .cover-elements .hand-content{height:419px;width:1610px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{padding-bottom:40px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:17px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:52px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:30px;line-height:42px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:15px;line-height:17px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:13px;line-height:27px}#section-science .content-container .bottom-container .cover-elements .pad-grids{margin-top:168px}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{border-radius:11px}#section-science .content-container .bottom-container .cover-elements .pad-grids .left .left-pads-box{height:553px;width:436px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right{margin-left:25px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-pads-1-box{height:335px;width:639px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom{margin-top:25px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-bottom-box{height:193px;width:307px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-pads-3-box{margin-left:25px}}@media (min-width:1800px) and (max-width:2299px){#section-science .content-container{padding-bottom:200px}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:199px}#section-science .content-container .anime-pads{margin-top:231px}#section-science .content-container .anime-pads .pad-img.black{height:1004px;margin-top:30px;width:683px}#section-science .content-container .anime-pads .pad-img.purple{height:983px;margin-left:-176px;margin-top:451px;width:641px}#section-science .content-container .anime-pads .normal-paragraph .content-title{width:505px}#section-science .content-container .anime-pads .normal-paragraph .material-desc{margin-top:28px;width:505px}#section-science .content-container .purple-paragraph{margin-top:-40px;width:620px}#section-science .content-container .purple-paragraph .material-desc{margin-top:30px}#section-science .content-container .purple-paragraph .note{margin-top:20px}#section-science .content-container .bottom-container{margin-top:220px}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:200px}#section-science .content-container .bottom-container .pad-material{height:calc(47.08333vw + 236px);height:calc((100*var(--vw, 1vw))*904/1920 + 236px);min-height:900px;top:84px}#section-science .content-container .bottom-container .pad-material .text-container{-webkit-transform:translateY(calc(-50% - 118px));transform:translateY(calc(-50% - 118px))}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple{margin-bottom:28px}#section-science .content-container .bottom-container .pad-material .text-container .material-text{margin-top:32px;-webkit-transform:translateY(10px);transform:translateY(10px)}#section-science .content-container .bottom-container .materials-transition-space{height:256px;margin-top:-20px}#section-science .content-container .bottom-container .cover-elements .hand-content{height:500px;width:1920px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{padding-bottom:48px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:20px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:62px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:36px;line-height:50px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:18px;line-height:20px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:16px;line-height:32px}#section-science .content-container .bottom-container .cover-elements .pad-grids{margin-top:200px}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{border-radius:13px}#section-science .content-container .bottom-container .cover-elements .pad-grids .left .left-pads-box{height:660px;width:520px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right{margin-left:30px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-pads-1-box{height:400px;width:762px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom{margin-top:30px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-bottom-box{height:230px;width:366px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-pads-3-box{margin-left:30px}}@media (min-width:2300px){#section-science .content-container{padding-bottom:266px}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:265px}#section-science .content-container .anime-pads{margin-top:307px}#section-science .content-container .anime-pads .pad-img.black{height:1335px;margin-top:40px;width:908px}#section-science .content-container .anime-pads .pad-img.purple{height:1307px;margin-left:-234px;margin-top:600px;width:853px}#section-science .content-container .anime-pads .normal-paragraph .content-title{width:672px}#section-science .content-container .anime-pads .normal-paragraph .material-desc{margin-top:37px;width:672px}#section-science .content-container .purple-paragraph{margin-top:-53px;width:825px}#section-science .content-container .purple-paragraph .material-desc{margin-top:40px}#section-science .content-container .purple-paragraph .note{margin-top:27px}#section-science .content-container .bottom-container{margin-top:293px}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:266px}#section-science .content-container .bottom-container .pad-material{height:calc(47.08333vw + 314px);height:calc((100*var(--vw, 1vw))*904/1920 + 314px);min-height:1197px;top:112px}#section-science .content-container .bottom-container .pad-material .text-container{-webkit-transform:translateY(calc(-50% - 157px));transform:translateY(calc(-50% - 157px))}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple{margin-bottom:37px}#section-science .content-container .bottom-container .pad-material .text-container .material-text{margin-top:43px;-webkit-transform:translateY(13px);transform:translateY(13px)}#section-science .content-container .bottom-container .materials-transition-space{height:340px;margin-top:-27px}#section-science .content-container .bottom-container .cover-elements .hand-content{height:665px;width:2554px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container{padding-bottom:64px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:27px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:82px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:48px;line-height:67px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:24px;line-height:27px}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:21px;line-height:43px}#section-science .content-container .bottom-container .cover-elements .pad-grids{margin-top:266px}#section-science .content-container .bottom-container .cover-elements .pad-grids .img-box{border-radius:17px}#section-science .content-container .bottom-container .cover-elements .pad-grids .left .left-pads-box{height:878px;width:692px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right{margin-left:40px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-pads-1-box{height:532px;width:1013px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom{margin-top:40px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-bottom-box{height:306px;width:487px}#section-science .content-container .bottom-container .cover-elements .pad-grids .right .right-bottom .right-pads-3-box{margin-left:40px}}@media (orientation:portrait) and (max-width:1023px){#section-science{padding-top:.278vw}#section-science .content-container{padding-bottom:17.778vw}#section-science .content-container .anime-section-banner .banner-title.right{margin-left:21.944vw}#section-science .content-container .normal-paragraph.ls-hidden{margin-top:20vw}#section-science .content-container .normal-paragraph.ls-hidden .material-desc{margin-top:5.556vw}#section-science .content-container .anime-pads{margin-top:19.444vw}#section-science .content-container .anime-pads .pad-img.black{height:51.944vw;margin-top:8.333vw;width:79.722vw}#section-science .content-container .anime-pads .pad-img.purple{height:51.944vw;margin-top:-15.556vw;-webkit-transform:translateY(-36.389vw);transform:translateY(-36.389vw);width:79.722vw}#section-science .content-container .purple-paragraph{margin-top:11.389vw}#section-science .content-container .purple-paragraph .note{margin-top:4.444vw}#section-science .content-container .bottom-container .pad-material-scroll{margin-top:20vw}#section-science .content-container .bottom-container .pad-material{top:33.333vw}#section-science .content-container .bottom-container .pad-material .material-video{margin-top:16.389vw}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-box{height:26.944vw;margin-top:5.556vw}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-box-inner{top:3.333vw}#section-science .content-container .bottom-container .pad-material .text-container .text-box{margin-bottom:2.222vw}#section-science .content-container .bottom-container .materials-transition-space{height:19.722vw;margin-top:-1.944vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts{margin-top:20vw;width:83.333vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .texts .content-desc{margin-top:5.556vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers{margin-top:8.889vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item{margin-right:13.333vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num{font-size:8.889vw;line-height:8.889vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .unit{font-size:4.444vw;line-height:5.556vw;margin-left:.556vw}#section-science .content-container .bottom-container .cover-elements .hand-content .box-container .numbers .item .num-desc{font-size:3.889vw;line-height:6.111vw;margin-top:.556vw}#section-science .content-container .bottom-container .cover-elements .pad-grids,#section-science .content-container .bottom-container .cover-elements .pad-grids-m{margin-top:20vw}#section-science .content-container .bottom-container .cover-elements .pad-grids-m .pad-card{border-radius:3.611vw;height:83.333vw}#section-science .content-container .bottom-container .cover-elements .pad-carousel-dots{margin-top:6.667vw}#section-science .content-container .anime-pads .pad-img{margin-left:auto;margin-right:auto}#section-science .content-container .anime-pads .pad-img.black{z-index:2}#section-science .content-container .anime-pads .pad-img.purple{z-index:1}#section-science .content-container .bottom-container .pad-material .material-video{height:92.77778vw;height:calc((100*var(--vw, 1vw))*334/360)}#section-science .content-container .bottom-container .pad-material .text-container .material-texts-container{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}#section-science .content-container .bottom-container .pad-material .text-container .linear-label-purple,#section-science .content-container .bottom-container .pad-material .text-container .material-text{text-align:center}#section-science .content-container .bottom-container .pad-material .text-container .material-text-anime{opacity:.6;transition:opacity .2s ease-out}#section-science .content-container .bottom-container .materials-transition-space{background:linear-gradient(180deg,#272727,#000);z-index:1}#section-science .content-container .bottom-container .cover-elements .hand-content .hand-img{position:relative}}#section-artist{background:#000;margin-top:-2px;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-artist .section-container{background:#fff;width:100%}#section-artist .hero-img-container{overflow:hidden}#section-artist .hero-img-container .hero-img{background:linear-gradient(180deg,hsla(0,0%,100%,0) 80.48%,#fff);height:92.86458vw;height:calc((100*var(--vw, 1vw))*1783/1920);overflow:hidden;top:0;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-artist .hero-img-container .img-mask{background:linear-gradient(180deg,hsla(240,9%,98%,0) 85.56%,#f9f9fa 94.65%);top:0}#section-artist .banner-container .banner-title{color:#000}#section-artist .sign{margin-left:auto;margin-right:auto}#section-artist .artist-info{flex-direction:column;justify-content:center;margin-left:auto;overflow:hidden}#section-artist .artist-info .info-desc{color:#000;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-artist .artist-info .info-desc .info-desc-inner,#section-artist .artist-info .info-desc{opacity:.7}#section-artist .video-container{height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-artist .video-container .video-box{margin-left:auto;margin-right:auto}#section-artist .video-container .video-box .video-anime{overflow:hidden}#section-artist .video-container .video-box .video-anime .artist-play-button{cursor:pointer;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);z-index:5}#section-artist .video-container .video-box .video-content{object-fit:cover}#section-artist .video-container .video-box .autoplay-pt-video{height:100%;width:100%}#section-artist .video-container .video-box .pad{opacity:0;pointer-events:none;will-change:transform}#section-artist .video-desc{justify-content:space-between}#section-artist .video-desc .video-desc-desc,#section-artist .video-desc .video-desc-title{color:#000;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-artist .bottom-container{justify-content:space-between}#section-artist .bottom-container .left-img,#section-artist .bottom-container .right-img{overflow:hidden}@media (orientation:landscape) and (min-width:400px){#section-artist .section-container{border-radius:28px 28px 0 0;padding-bottom:88px}#section-artist .hero-img-container{border-radius:28px 28px 0 0}#section-artist .banner-container .banner-title.right{margin-left:78px}#section-artist .sign{height:18px;margin-top:104px;width:143px}#section-artist .artist-info{border-radius:10px;height:232px;margin-top:80px}#section-artist .artist-info .info-desc{font-size:7px;letter-spacing:0;line-height:17px;margin-top:12px;width:242px}#section-artist .artist-info .feature-title,#section-artist .artist-info .info-desc{margin-left:36px}#section-artist .video-container{height:calc(320px + 130vh);height:calc(320px + var(--vh, 1vh)*130);margin-top:40px}#section-artist .video-container .video-box{height:280px;top:40px;width:488px}#section-artist .video-container .video-box .video-content{height:280px;width:488px}#section-artist .video-container .video-box .video-anime .artist-play-button{height:38px;width:38px}#section-artist .video-container .video-box .pad{height:154px;left:125px;top:63px;width:238px}#section-artist .video-desc .video-desc-title{font-size:13px;line-height:18px}#section-artist .video-desc .video-desc-desc{font-size:7px;line-height:12px;width:218px}#section-artist .bottom-container{margin-top:80px}#section-artist .bottom-container .left-img{border-radius:10px;height:230px;margin-right:12px;width:343px}#section-artist .bottom-container .right-img{border-radius:10px;height:230px;width:170px}}@media (max-width:1022px) and (min-width:750px){#section-artist .video-container .video-box{top:calc(50vh - 49.86111vw)!important;top:calc(var(--vh, 1vh)*100/2 - 49.86111vw)!important;top:calc(50vh - (100*var(--vw, 1vw))*23/360/2 - (100*var(--vw, 1vw))*382/360/2 + (100*var(--vw, 1vw))*23/360)!important;top:calc(var(--vh, 1vh)*100/2 - (100*var(--vw, 1vw))*23/360/2 - (100*var(--vw, 1vw))*382/360/2 + (100*var(--vw, 1vw))*23/360)!important}}@media (min-width:1024px) and (max-width:1399px){#section-artist .section-container{border-radius:48px 48px 0 0;padding-bottom:150px}#section-artist .hero-img-container{border-radius:48px 48px 0 0}#section-artist .banner-container .banner-title.right{margin-left:133px}#section-artist .sign{height:31px;margin-top:178px;width:243px}#section-artist .artist-info{border-radius:16px;height:396px;margin-top:137px}#section-artist .artist-info .info-desc{font-size:12px;letter-spacing:0;line-height:30px;margin-top:20px;width:414px}#section-artist .artist-info .feature-title,#section-artist .artist-info .info-desc{margin-left:61px}#section-artist .video-container{height:calc(546px + 130vh);height:calc(546px + var(--vh, 1vh)*130);margin-top:68px}#section-artist .video-container .video-box{height:478px;top:68px;width:833px}#section-artist .video-container .video-box .video-content{height:478px;width:833px}#section-artist .video-container .video-box .video-anime .artist-play-button{height:66px;width:66px}#section-artist .video-container .video-box .pad{height:264px;left:213px;top:107px;width:406px}#section-artist .video-desc .video-desc-title{font-size:22px;line-height:31px}#section-artist .video-desc .video-desc-desc{font-size:12px;line-height:21px;width:372px}#section-artist .bottom-container{margin-top:137px}#section-artist .bottom-container .left-img{border-radius:16px;height:393px;margin-right:20px;width:586px}#section-artist .bottom-container .right-img{border-radius:16px;height:393px;width:290px}}@media (min-width:1400px) and (max-width:1799px){#section-artist .section-container{border-radius:60px 60px 0 0;padding-bottom:184px}#section-artist .hero-img-container{border-radius:60px 60px 0 0}#section-artist .banner-container .banner-title.right{margin-left:163px}#section-artist .sign{height:38px;margin-top:219px;width:299px}#section-artist .artist-info{border-radius:20px;height:486px;margin-top:168px}#section-artist .artist-info .info-desc{font-size:15px;letter-spacing:0;line-height:36px;margin-top:25px;width:508px}#section-artist .artist-info .feature-title,#section-artist .artist-info .info-desc{margin-left:75px}#section-artist .video-container{height:calc(671px + 130vh);height:calc(671px + var(--vh, 1vh)*130);margin-top:84px}#section-artist .video-container .video-box{height:587px;top:84px;width:1023px}#section-artist .video-container .video-box .video-content{height:587px;width:1023px}#section-artist .video-container .video-box .video-anime .artist-play-button{height:80px;width:80px}#section-artist .video-container .video-box .pad{height:324px;left:262px;top:132px;width:499px}#section-artist .video-desc .video-desc-title{font-size:27px;line-height:38px}#section-artist .video-desc .video-desc-desc{font-size:15px;line-height:26px;width:457px}#section-artist .bottom-container{margin-top:168px}#section-artist .bottom-container .left-img{border-radius:20px;height:483px;margin-right:25px;width:719px}#section-artist .bottom-container .right-img{border-radius:20px;height:483px;width:355px}}@media (min-width:1800px) and (max-width:2299px){#section-artist .section-container{border-radius:71px 71px 0 0;padding-bottom:220px}#section-artist .hero-img-container{border-radius:71px 71px 0 0}#section-artist .banner-container .banner-title.right{margin-left:195px}#section-artist .sign{height:46px;margin-top:261px;width:356px}#section-artist .artist-info{border-radius:24px;height:580px;margin-top:200px}#section-artist .artist-info .info-desc{font-size:18px;letter-spacing:0;line-height:43px;margin-top:30px;width:606px}#section-artist .artist-info .feature-title,#section-artist .artist-info .info-desc{margin-left:90px}#section-artist .video-container{height:calc(800px + 130vh);height:calc(800px + var(--vh, 1vh)*130);margin-top:100px}#section-artist .video-container .video-box{height:700px;top:100px;width:1220px}#section-artist .video-container .video-box .video-content{height:700px;width:1220px}#section-artist .video-container .video-box .video-anime .artist-play-button{height:96px;width:96px}#section-artist .video-container .video-box .pad{height:386px;left:313px;top:157px;width:595px}#section-artist .video-desc .video-desc-title{font-size:32px;line-height:45px}#section-artist .video-desc .video-desc-desc{font-size:18px;line-height:31px;width:545px}#section-artist .bottom-container{margin-top:200px}#section-artist .bottom-container .left-img{border-radius:24px;height:576px;margin-right:30px;width:858px}#section-artist .bottom-container .right-img{border-radius:24px;height:576px;width:424px}}@media (min-width:2300px){#section-artist .section-container{border-radius:94px 94px 0 0;padding-bottom:293px}#section-artist .hero-img-container{border-radius:94px 94px 0 0}#section-artist .banner-container .banner-title.right{margin-left:259px}#section-artist .sign{height:61px;margin-top:347px;width:474px}#section-artist .artist-info{border-radius:32px;height:771px;margin-top:266px}#section-artist .artist-info .info-desc{font-size:24px;letter-spacing:0;line-height:57px;margin-top:40px;width:806px}#section-artist .artist-info .feature-title,#section-artist .artist-info .info-desc{margin-left:120px}#section-artist .video-container{height:calc(1064px + 130vh);height:calc(1064px + var(--vh, 1vh)*130);margin-top:133px}#section-artist .video-container .video-box{height:931px;top:133px;width:1623px}#section-artist .video-container .video-box .video-content{height:931px;width:1623px}#section-artist .video-container .video-box .video-anime .artist-play-button{height:128px;width:128px}#section-artist .video-container .video-box .pad{height:513px;left:416px;top:209px;width:791px}#section-artist .video-desc .video-desc-title{font-size:43px;line-height:60px}#section-artist .video-desc .video-desc-desc{font-size:24px;line-height:41px;width:725px}#section-artist .bottom-container{margin-top:266px}#section-artist .bottom-container .left-img{border-radius:32px;height:766px;margin-right:40px;width:1141px}#section-artist .bottom-container .right-img{border-radius:32px;height:766px;width:564px}}@media (orientation:portrait) and (max-width:1023px){#section-artist{margin-bottom:-.278vw}#section-artist .section-container{border-radius:5.556vw 5.556vw 0 0;padding-bottom:20vw}#section-artist .banner-container .banner-title.right{margin-left:21.944vw}#section-artist .sign{height:8.056vw;margin-top:20vw;width:63.333vw}#section-artist .artist-info{border-radius:2.222vw;margin-top:20vw}#section-artist .artist-info .artist-img{height:52.778vw}#section-artist .artist-info{padding-bottom:13.333vw}#section-artist .artist-info .info-desc{font-size:5vw;letter-spacing:.056vw;line-height:7.778vw;margin-top:5.556vw}#section-artist .artist-info .feature-title{margin-left:5.556vw;margin-top:13.333vw}#section-artist .artist-info .info-desc{height:23.333vw;margin-left:5.556vw;margin-right:5.556vw}#section-artist .video-container{margin-top:-10vw}#section-artist .video-container .video-box{top:34.167vw;width:88.889vw}#section-artist .video-container .video-box .video-content{height:106.111vw;width:88.889vw}#section-artist .video-container .video-box .video-anime{border-radius:3.333vw;height:66.944vw}#section-artist .video-container .video-box .video-anime .artist-play-button{height:13.333vw;width:13.333vw}#section-artist .video-container .video-box .pad{height:49.167vw;left:6.389vw;top:28.333vw;width:75.833vw}#section-artist .video-desc{margin-top:13.333vw}#section-artist .video-desc .video-desc-title{font-size:7.778vw;line-height:11.111vw}#section-artist .video-desc .video-desc-desc{font-size:4.444vw;line-height:7.778vw;margin-top:5.556vw}#section-artist .bottom-container{margin-top:20vw}#section-artist .bottom-container .img-bottom .img-2,#section-artist .bottom-container .img-bottom .img-3{height:53.056vw;width:42.778vw}#section-artist .bottom-container .img-bottom{margin-top:3.333vw}#section-artist .bottom-container .img-1{height:52.778vw}#section-artist .section-container{background:#f9f9fa}#section-artist .hero-img-container .hero-img{height:155.83333vw;height:calc((100*var(--vw, 1vw))*561/360)}#section-artist .artist-info{background:#e7ebe6;flex-direction:column}#section-artist .artist-info .artist-img{position:relative}#section-artist .artist-info .content-view-more-container{margin-left:auto}#section-artist .artist-info .content-view-more-container .content-view-more{color:#5e9518}#section-artist .video-container .video-box .video-anime{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-artist .video-container .video-box .video-content{position:relative}#section-artist .video-container .video-box .pad{margin-left:auto;margin-right:auto}#section-artist .bottom-container,#section-artist .video-desc{flex-direction:column}#section-artist .bottom-container .img-bottom{justify-content:space-between}}#section-performance{background:#000;background:#fff;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .top-cover-line{background:#fff;height:2px;top:-1px;width:100%;z-index:4}#section-performance .contents-container{background:#000;width:100%}#section-performance .contents-container .hero-container{overflow:hidden}#section-performance .contents-container .hero-container .hero-img{left:0;top:0}#section-performance .contents-container .hero-container .mask{background:linear-gradient(180deg,transparent 63.3%,rgba(0,0,0,.9) 79.47%),linear-gradient(180deg,#000 15.72%,transparent 27.87%)}#section-performance .contents-container .hero-container .banner-title{color:#fff}#section-performance .contents-container .hero-bottom .text-container{justify-content:space-between}#section-performance .contents-container .hero-bottom .note{width:100%}#section-performance .contents-container .hero-bottom .left .left-title,#section-performance .contents-container .hero-bottom .right{color:#fff}#section-performance .contents-container .hero-bottom .right .spec-unit,#section-performance .contents-container .hero-bottom .right .spec-value{display:inline-block}#section-performance .contents-container .hero-bottom .right .spec-desc{opacity:.8}#section-performance .contents-container .hero-bottom .note{color:#fff}#section-performance .contents-container .screen-content{color:#fff;font-family:OPPOSans-Ver2-Bold,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 1000}#section-performance .contents-container .screen-desc{color:#fff;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-performance .contents-container .pad-performance-container{width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .pad-performance-container .note{color:#fff;text-align:center}#section-performance .contents-container .pad-performance-container .content-container{width:100%}#section-performance .contents-container .pad-performance-container .texts-container{margin-left:auto;margin-right:auto}#section-performance .contents-container .pad-performance-container .texts-container .text-container{text-align:center}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container{will-change:transform}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{will-change:opacity}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .linear-label-purple-light{text-align:center}#section-performance .contents-container .pad-performance-container .texts-container .logos{align-items:center;justify-content:center;width:100%}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{align-items:center;border-right:1px solid hsla(0,0%,100%,.4);width:50%}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{margin-left:auto}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container{width:50%}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{justify-content:center;width:100%}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{color:#fff;text-align:center}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item:last-child{margin-right:0}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item .spec-unit,#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item .spec-value{display:inline-block}#section-performance .contents-container .pad-performance-container .pad-performance{bottom:0;overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-mask{background:rgba(0,0,0,.4);opacity:0}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{bottom:0;width:100%}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{margin-left:auto;margin-right:auto}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{left:50%;overflow:hidden;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container .autoplay-pt-video{height:100%;width:100%}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container .gaming-img{top:0;z-index:4}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container .sound-video{height:100%;object-fit:cover;width:100%}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{margin-left:auto;margin-right:auto}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img-box{overflow:hidden}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{left:0}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple .ripple-1{-webkit-animation:ripple-1 1s linear infinite;animation:ripple-1 1s linear infinite}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple .ripple-2{-webkit-animation:ripple-1 1s linear .5s infinite;animation:ripple-1 1s linear .5s infinite}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-gaming{opacity:1}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-sound,#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper{opacity:0}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container{left:50%;opacity:0;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{justify-content:center}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container{align-items:center;flex-direction:column;height:100%;justify-content:space-between}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container:last-child{margin-right:0}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-4{margin-right:0!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{opacity:0}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .items-row{justify-content:space-between}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .item-container{flex-direction:column;height:100%}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .icon-container{align-items:center;flex:1;justify-content:center}#section-performance .contents-container .pad-performance-container .wallpaper-container{background:#000;color:#fff;height:100vh;height:calc(var(--vh, 1vh)*100);top:0;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-shadow{bottom:0;height:16.66667vw;height:calc((100*var(--vw, 1vw))*320/1920);left:50%;object-fit:cover;-webkit-transform:translateY(30%) translateX(-50%);transform:translateY(30%) translate(-50%);width:72.8125vw;width:calc((100*var(--vw, 1vw))*1312/1920*1398/1312)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-box{overflow:hidden}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{align-items:center;justify-content:center;overflow:hidden;will-change:transform}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-content{border-radius:4%;height:91%;overflow:hidden;width:94%}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-content .autoplay-pt-video{height:100%;width:100%}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-frame-img{will-change:tranform}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-mask{background:rgba(0,0,0,.2);z-index:2}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);z-index:3}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{align-items:center;flex-direction:column}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{text-align:center}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{color:#fff}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item:last-child{margin-right:0}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item .spec-unit,#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item .spec-value{display:inline-block}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-2{color:#fff;flex-direction:column;opacity:0}#section-performance .contents-container .pad-performance-container-m .note{color:#fff}#section-performance .contents-container .pad-performance-container-m .pad-img-containers{width:100%;z-index:3}#section-performance .contents-container .pad-performance-container-m .pad-gaming{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-performance .contents-container .pad-performance-container-m .pad-sound-container{left:50%;opacity:0;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-sound-box{overflow:hidden}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-sound{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple .ripple-1{-webkit-animation:ripple-1 1s linear infinite;animation:ripple-1 1s linear infinite}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple .ripple-2{-webkit-animation:ripple-1 1s linear .5s infinite;animation:ripple-1 1s linear .5s infinite}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple.left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-performance .contents-container .performance-pad-text-2-m{opacity:0}#section-performance .contents-container .performance-pad-text-2-m .note{color:#fff}#section-performance .contents-container .performance-pad-text-2-m .logos{align-items:center}#section-performance .contents-container .performance-pad-text-2-m .logos .left-img-container{align-items:center;border-right:1px solid hsla(0,0%,100%,.4)}#section-performance .contents-container .performance-pad-text-2-m .logos .left-img-container .left-img{margin-left:auto}#section-performance .contents-container .performance-pad-text-2-m .logos .right-img-container{width:50%}#section-performance .contents-container .wallpaper-container-m{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container{margin-left:auto;margin-right:auto;z-index:2}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .wallpaper-pad-frame{z-index:4}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .inner-content{overflow:hidden;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:3}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .wallpaper-video-m{object-fit:cover}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container.text-visible .mask,#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container.text-visible .spec-container{opacity:1}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .mask{background:rgba(0,0,0,.2);opacity:0;transition:opacity .2s linear;z-index:5}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container{color:#fff;left:50%;opacity:0;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);transition:opacity .3s linear .2s;z-index:6}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container .spec-item{text-align:center}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container .spec-item .spec-value{display:inline-block;font-family:OPPOSans-Ver2-Medium,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 750}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container .spec-item .spec-unit{display:inline-block}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container .spec-item:last-child{margin-bottom:0}#section-performance .contents-container .wallpaper-shadow-m{width:100%}#section-performance .contents-container .wallpaper-shadow-m .wallpaper-shadow-inner{background:linear-gradient(89.93deg,#030d88 9.21%,#8b5add 41.38%,#3e3db7 76.58%);margin-left:auto;margin-right:auto;mix-blend-mode:screen;opacity:.6;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}#section-performance .contents-container .wallpaper-texts .note{color:#fff}#section-performance .contents-container .wallpaper-texts .content-view-more-container{bottom:0;margin-left:auto;right:0}#section-performance .contents-container .wallpaper-texts .content-view-more-container .content-view-more{color:#7c89c6;display:inline-block;margin-top:0}#section-performance .contents-container .wallpaper-texts .content-view-more-container .arrow-view-more{display:inline-block}#section-performance .contents-container .features-grid{overflow:hidden;width:100%}#section-performance .contents-container .features-grid .item-container:first-child{margin-top:0}#section-performance .contents-container .features-grid .screen-content{color:#7c89c6}#section-performance .contents-container .features-grid .screen-desc{white-space:nowrap}#section-performance .contents-container .youku-card{align-items:center;background:#1e1e28;justify-content:space-between}#section-performance .contents-container .youku-card .left .note{color:#fff}#section-performance .contents-container .youku-card-m{background:#1e1e28;overflow:hidden}#section-performance .contents-container .youku-card-m .youku-img{margin-left:auto;margin-right:auto}#section-performance .contents-container .youku-card-m .note{color:#fff}#section-performance .contents-container .battery-container{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .battery-container .bottom-container{color:#fff}#section-performance .contents-container .battery-container .bottom-container .item-container:last-child{margin-right:0}#section-performance .contents-container .battery-container .bottom-container .item-container .spec-unit,#section-performance .contents-container .battery-container .bottom-container .item-container .spec-value{display:inline-block}#section-performance .contents-container .battery-container .values-container{color:#fff;justify-content:space-between;margin-left:auto;margin-right:auto}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{overflow:hidden}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container .progress{background:linear-gradient(90.78deg,#6db6f7 .68%,#a4adf7 99.32%)}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text:last-child{margin-bottom:0}#section-performance .contents-container .battery-container .img-container{overflow:hidden;width:100%}@-webkit-keyframes ripple-1{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:.5;-webkit-transform:scale(1.6);transform:scale(1.6)}to{opacity:0;-webkit-transform:scale(1.9);transform:scale(1.9)}}@keyframes ripple-1{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:.5;-webkit-transform:scale(1.6);transform:scale(1.6)}to{opacity:0;-webkit-transform:scale(1.9);transform:scale(1.9)}}@media (orientation:landscape) and (min-width:400px){#section-performance{margin-bottom:0;margin-top:0}#section-performance .contents-container{padding-bottom:88px}#section-performance .contents-container .box-container{width:525px}#section-performance .contents-container .hero-container{border-radius:28px}#section-performance .contents-container .hero-container .hero-img{height:100%}#section-performance .contents-container .hero-container .anime-section-banner{padding-top:80px}#section-performance .contents-container .hero-container .banner-title.right{margin-left:79px}#section-performance .contents-container .hero-bottom{margin-top:65px}#section-performance .contents-container .hero-bottom .text-container{margin-top:9px}#section-performance .contents-container .hero-bottom .note{width:208px}#section-performance .contents-container .hero-bottom .right{margin-top:4px}#section-performance .contents-container .hero-bottom .right .items-container{margin-top:10px}#section-performance .contents-container .hero-bottom .right .spec-unit{margin-left:2px}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:26px}#section-performance .contents-container .hero-bottom .note{width:215px}#section-performance .contents-container .screen-content{font-size:12px;line-height:17px}#section-performance .contents-container .screen-desc{font-size:6px;line-height:8px}#section-performance .contents-container .pad-performance-container{margin-top:-108px}#section-performance .contents-container .pad-performance-container .performance-scroll-extra{height:356px}#section-performance .contents-container .pad-performance-container .note{margin-top:12px}#section-performance .contents-container .pad-performance-container .texts-container{width:363px}#section-performance .contents-container .pad-performance-container .texts-container .text-container{bottom:32px}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container .note{margin-top:12px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{bottom:10px;margin-top:236px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts{width:347px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .note{margin-top:12px}#section-performance .contents-container .pad-performance-container .texts-container .logos{margin-top:19px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{height:19px;padding-right:16px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{height:14px;width:35px}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container .right-img{height:20px;margin-left:16px;width:20px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container{margin-top:236px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{margin-top:10px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{margin-right:56px}#section-performance .contents-container .pad-performance-container .pad-performance{height:calc(100vh - 23px);height:calc(var(--vh, 1vh)*100 - 23px);margin-top:calc(-87.5vh + 320.25px);margin-top:calc(var(--vh, 1vh)*100*-1 - -320.25px - var(--vh, 1vh)*50*-1 + var(--vh, 1vh)*50*3/4*-1)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{height:calc(12.5vh + 215.25px);height:calc(var(--vh, 1vh)*50 + 215.25px - var(--vh, 1vh)*50*3/4)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{height:236px;width:363px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{border-radius:5px;height:215px;width:341px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{height:238px;width:364px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{height:390px;left:-94px;top:-74px;width:546px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple{height:60px;width:60px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{left:-25px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.top{top:7px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.right{right:-25px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.bottom{bottom:7px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper .autoplay-ls-video{height:215px;width:341px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{height:30px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2{height:32px;margin-top:13px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2 .item-container{margin-right:14px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-1 .item-container{margin-right:20px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-2{margin-right:16px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-9{margin-right:4px!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-3{margin-right:16px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-6{margin-right:19px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-7{margin-right:13px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-0{height:14px;margin-top:2px;width:24px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-3{height:16px;width:28px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-4{height:20px;width:18px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-5{height:15px;width:17px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-6{height:16px;width:16px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-7{height:14px;width:24px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-8{height:16px;width:16px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-9{height:9px;margin-top:4px;width:15px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{bottom:108px;right:calc(50vw - 262.5px);right:calc(var(--vw, 1vw)*100/2 - 262.5px);width:268px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .note{margin-top:12px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1{height:30px;margin-top:19px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-2{margin-left:22px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-3{margin-left:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-4{margin-left:24px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-0{height:14px;width:24px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-1{height:16px;width:26px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-2{height:14px;width:24px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-3{height:18px;width:18px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-4{height:19px;width:19px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2{height:35px;margin-top:10px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-6{margin-left:18px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-7{margin-left:26px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-8{margin-left:30px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-9{margin-left:26px;margin-right:4px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-5{height:18px;width:18px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-6{height:18px;width:17px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-7{height:17px;width:18px}#section-performance .contents-container .pad-performance-container .wallpaper-container{margin-top:680px}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{height:calc(44.27083vw - 14.16667px);height:calc(var(--vw, 1vw)*100*850/1920 - 14.16667px);width:calc(68.33333vw - 21.86667px);width:calc(var(--vw, 1vw)*100*1312/1920 - 21.86667px)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{border-radius:24px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{width:347px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{margin-top:12px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container{margin-top:19px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{margin-right:56px}#section-performance .contents-container .youku-card{border-radius:10px;height:184px;margin-top:80px;padding-left:32px;padding-right:32px}#section-performance .contents-container .youku-card .left .note{margin-top:12px;width:214px}#section-performance .contents-container .youku-card .left .youku-logo{height:17px;margin-top:12px;width:138px}#section-performance .contents-container .youku-card .right{height:120px;width:185px}#section-performance .contents-container .battery-container .battery-content{width:768px}#section-performance .contents-container .battery-container .bottom-container{margin-top:13px}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:26px}#section-performance .contents-container .battery-container .values-container{margin-top:88px;width:410px}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:7px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:3px;margin-bottom:2px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:137px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:68px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:110px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:6px;line-height:11px;margin-bottom:10px}#section-performance .contents-container .battery-container .img-container{margin-top:29px}#section-performance .contents-container .battery-container .battery-img{height:215px;left:-1px;width:768px}}@media (min-width:1024px) and (max-width:1399px){#section-performance{margin-bottom:-1px;margin-top:-1px}#section-performance .contents-container{padding-bottom:150px}#section-performance .contents-container .box-container{width:896px}#section-performance .contents-container .hero-container{border-radius:48px}#section-performance .contents-container .hero-container .hero-img{height:calc(100% + 1px)}#section-performance .contents-container .hero-container .anime-section-banner{padding-top:137px}#section-performance .contents-container .hero-container .banner-title.right{margin-left:135px}#section-performance .contents-container .hero-bottom{margin-top:111px}#section-performance .contents-container .hero-bottom .text-container{margin-top:15px}#section-performance .contents-container .hero-bottom .note{width:355px}#section-performance .contents-container .hero-bottom .right{margin-top:6px}#section-performance .contents-container .hero-bottom .right .items-container{margin-top:16px}#section-performance .contents-container .hero-bottom .right .spec-unit{margin-left:3px}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:44px}#section-performance .contents-container .hero-bottom .note{width:367px}#section-performance .contents-container .screen-content{font-size:20px;line-height:29px}#section-performance .contents-container .screen-desc{font-size:10px;line-height:14px}#section-performance .contents-container .pad-performance-container{margin-top:-185px}#section-performance .contents-container .pad-performance-container .performance-scroll-extra{height:607px}#section-performance .contents-container .pad-performance-container .note{margin-top:20px}#section-performance .contents-container .pad-performance-container .texts-container{width:620px}#section-performance .contents-container .pad-performance-container .texts-container .text-container{bottom:55px}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container .note{margin-top:20px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{bottom:16px;margin-top:402px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts{width:593px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .note{margin-top:20px}#section-performance .contents-container .pad-performance-container .texts-container .logos{margin-top:33px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{height:33px;padding-right:27px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{height:25px;width:59px}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container .right-img{height:33px;margin-left:27px;width:33px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container{margin-top:402px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{margin-top:16px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{margin-right:96px}#section-performance .contents-container .pad-performance-container .pad-performance{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);margin-top:calc(-87.5vh + 547.75px);margin-top:calc(var(--vh, 1vh)*100*-1 - -547.75px - var(--vh, 1vh)*50*-1 + var(--vh, 1vh)*50*3/4*-1)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{height:calc(12.5vh + 366.75px);height:calc(var(--vh, 1vh)*50 + 366.75px - var(--vh, 1vh)*50*3/4)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{height:402px;width:620px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{border-radius:8px;height:367px;width:583px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{height:406px;width:621px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{height:665px;left:-161px;top:-126px;width:933px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple{height:102px;width:102px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{left:-43px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.top{top:12px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.right{right:-43px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.bottom{bottom:12px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper .autoplay-ls-video{height:367px;width:583px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{height:51px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2{height:55px;margin-top:22px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2 .item-container{margin-right:25px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-1 .item-container{margin-right:33px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-2{margin-right:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-9{margin-right:8px!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-3{margin-right:28px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-6{margin-right:33px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-7{margin-right:22px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-0{height:24px;margin-top:3px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-3{height:28px;width:47px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-4{height:35px;width:30px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-5{height:26px;width:29px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-6{height:27px;width:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-7{height:24px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-8{height:27px;width:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-9{height:16px;margin-top:7px;width:26px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{bottom:185px;right:calc(50vw - 448px);right:calc(var(--vw, 1vw)*100/2 - 448px);width:458px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .note{margin-top:20px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1{height:52px;margin-top:33px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-2{margin-left:37px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-3{margin-left:46px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-4{margin-left:41px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-0{height:24px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-1{height:28px;width:44px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-2{height:24px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-3{height:31px;width:31px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-4{height:33px;width:33px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2{height:60px;margin-top:18px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-6{margin-left:31px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-7{margin-left:45px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-8{margin-left:51px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-9{margin-left:44px;margin-right:6px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-5{height:31px;width:31px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-6{height:31px;width:28px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-7{height:30px;width:30px}#section-performance .contents-container .pad-performance-container .wallpaper-container{margin-top:1161px}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{height:calc(44.27083vw - 24.34896px);height:calc(var(--vw, 1vw)*100*850/1920 - 24.34896px);width:calc(68.33333vw - 37.58333px);width:calc(var(--vw, 1vw)*100*1312/1920 - 37.58333px)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{border-radius:41px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{width:593px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{margin-top:20px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container{margin-top:33px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{margin-right:96px}#section-performance .contents-container .youku-card{border-radius:16px;height:314px;margin-top:137px;padding-left:55px;padding-right:55px}#section-performance .contents-container .youku-card .left .note{margin-top:20px;width:365px}#section-performance .contents-container .youku-card .left .youku-logo{height:29px;margin-top:20px;width:235px}#section-performance .contents-container .youku-card .right{height:205px;width:315px}#section-performance .contents-container .battery-container .battery-content{width:1311px}#section-performance .contents-container .battery-container .bottom-container{margin-top:22px}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:44px}#section-performance .contents-container .battery-container .values-container{margin-top:150px;width:699px}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:12px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:5px;margin-bottom:4px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:234px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:117px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:187px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:11px;line-height:19px;margin-bottom:18px}#section-performance .contents-container .battery-container .img-container{margin-top:49px}#section-performance .contents-container .battery-container .battery-img{height:367px;left:-1px;width:1311px}}@media (min-width:1024px),(orientation:landscape){#section-performance .contents-container .hero-bottom{height:70.52083vw;height:calc((100*var(--vw, 1vw))*1354/1920);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-performance .contents-container .battery-container,#section-performance .contents-container .battery-container .battery-content{margin-left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}@media (min-width:1400px) and (max-width:1799px){#section-performance{margin-bottom:-1px;margin-top:-1px}#section-performance .contents-container{padding-bottom:184px}#section-performance .contents-container .box-container{width:1100px}#section-performance .contents-container .hero-container{border-radius:59px}#section-performance .contents-container .hero-container .hero-img{height:calc(100% + 1px)}#section-performance .contents-container .hero-container .anime-section-banner{padding-top:168px}#section-performance .contents-container .hero-container .banner-title.right{margin-left:166px}#section-performance .contents-container .hero-bottom{margin-top:136px}#section-performance .contents-container .hero-bottom .text-container{margin-top:18px}#section-performance .contents-container .hero-bottom .note{width:436px}#section-performance .contents-container .hero-bottom .right{margin-top:8px}#section-performance .contents-container .hero-bottom .right .items-container{margin-top:20px}#section-performance .contents-container .hero-bottom .right .spec-unit{margin-left:3px}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:54px}#section-performance .contents-container .hero-bottom .note{width:450px}#section-performance .contents-container .screen-content{font-size:25px;line-height:35px}#section-performance .contents-container .screen-desc{font-size:12px;line-height:18px}#section-performance .contents-container .pad-performance-container{margin-top:-227px}#section-performance .contents-container .pad-performance-container .performance-scroll-extra{height:745px}#section-performance .contents-container .pad-performance-container .note{margin-top:25px}#section-performance .contents-container .pad-performance-container .texts-container{width:761px}#section-performance .contents-container .pad-performance-container .texts-container .text-container{bottom:67px}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container .note{margin-top:25px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{bottom:20px;margin-top:494px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts{width:728px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .note{margin-top:25px}#section-performance .contents-container .pad-performance-container .texts-container .logos{margin-top:40px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{height:40px;padding-right:34px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{height:30px;width:73px}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container .right-img{height:41px;margin-left:34px;width:41px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container{margin-top:494px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{margin-top:20px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{margin-right:117px}#section-performance .contents-container .pad-performance-container .pad-performance{height:calc(100vh - 49px);height:calc(var(--vh, 1vh)*100 - 49px);margin-top:calc(-87.5vh + 672.5px);margin-top:calc(var(--vh, 1vh)*100*-1 - -672.5px - var(--vh, 1vh)*50*-1 + var(--vh, 1vh)*50*3/4*-1)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{height:calc(12.5vh + 450.5px);height:calc(var(--vh, 1vh)*50 + 450.5px - var(--vh, 1vh)*50*3/4)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{height:494px;width:761px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{border-radius:10px;height:450px;width:715px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{height:498px;width:762px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{height:817px;left:-198px;top:-154px;width:1145px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple{height:126px;width:126px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{left:-52px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.top{top:15px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.right{right:-52px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.bottom{bottom:15px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper .autoplay-ls-video{height:450px;width:715px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{height:63px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2{height:67px;margin-top:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2 .item-container{margin-right:30px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-1 .item-container{margin-right:41px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-2{margin-right:34px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-9{margin-right:9px!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-3{margin-right:34px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-6{margin-right:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-7{margin-right:27px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-0{height:29px;margin-top:3px;width:49px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-3{height:34px;width:58px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-4{height:43px;width:37px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-5{height:32px;width:35px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-6{height:34px;width:34px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-7{height:29px;width:49px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-8{height:34px;width:34px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-9{height:19px;margin-top:8px;width:32px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{bottom:227px;right:calc(50vw - 550px);right:calc(var(--vw, 1vw)*100/2 - 550px);width:562px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .note{margin-top:25px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1{height:64px;margin-top:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-2{margin-left:45px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-3{margin-left:57px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-4{margin-left:50px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-0{height:29px;width:49px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-1{height:34px;width:54px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-2{height:29px;width:49px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-3{height:39px;width:39px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-4{height:40px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2{height:74px;margin-top:22px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-6{margin-left:39px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-7{margin-left:55px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-8{margin-left:62px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-9{margin-left:54px;margin-right:8px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-5{height:38px;width:38px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-6{height:38px;width:35px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-7{height:37px;width:37px}#section-performance .contents-container .pad-performance-container .wallpaper-container{margin-top:1425px}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{height:calc(44.27083vw - 29.66146px);height:calc(var(--vw, 1vw)*100*850/1920 - 29.66146px);width:calc(68.33333vw - 45.78333px);width:calc(var(--vw, 1vw)*100*1312/1920 - 45.78333px)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{border-radius:50px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{width:728px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{margin-top:25px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container{margin-top:40px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{margin-right:117px}#section-performance .contents-container .youku-card{border-radius:20px;height:386px;margin-top:168px;padding-left:67px;padding-right:67px}#section-performance .contents-container .youku-card .left .note{margin-top:25px;width:448px}#section-performance .contents-container .youku-card .left .youku-logo{height:35px;margin-top:24px;width:288px}#section-performance .contents-container .youku-card .right{height:252px;width:387px}#section-performance .contents-container .battery-container .battery-content{width:1610px}#section-performance .contents-container .battery-container .bottom-container{margin-top:27px}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:54px}#section-performance .contents-container .battery-container .values-container{margin-top:184px;width:859px}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:14px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:7px;margin-bottom:5px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:287px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:143px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:230px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:13px;line-height:23px;margin-bottom:22px}#section-performance .contents-container .battery-container .img-container{margin-top:60px}#section-performance .contents-container .battery-container .battery-img{height:450px;left:-2px;width:1610px}}@media (min-width:1800px) and (max-width:2299px){#section-performance{margin-bottom:-1px;margin-top:-1px}#section-performance .contents-container{padding-bottom:220px}#section-performance .contents-container .box-container{width:1312px}#section-performance .contents-container .hero-container{border-radius:70px}#section-performance .contents-container .hero-container .hero-img{height:calc(100% + 1px)}#section-performance .contents-container .hero-container .anime-section-banner{padding-top:200px}#section-performance .contents-container .hero-container .banner-title.right{margin-left:198px}#section-performance .contents-container .hero-bottom{margin-top:162px}#section-performance .contents-container .hero-bottom .text-container{margin-top:22px}#section-performance .contents-container .hero-bottom .note{width:520px}#section-performance .contents-container .hero-bottom .right{margin-top:9px}#section-performance .contents-container .hero-bottom .right .items-container{margin-top:24px}#section-performance .contents-container .hero-bottom .right .spec-unit{margin-left:4px}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:64px}#section-performance .contents-container .hero-bottom .note{width:537px}#section-performance .contents-container .screen-content{font-size:30px;line-height:42px}#section-performance .contents-container .screen-desc{font-size:14px;line-height:21px}#section-performance .contents-container .pad-performance-container{margin-top:-271px}#section-performance .contents-container .pad-performance-container .performance-scroll-extra{height:889px}#section-performance .contents-container .pad-performance-container .note{margin-top:30px}#section-performance .contents-container .pad-performance-container .texts-container{width:908px}#section-performance .contents-container .pad-performance-container .texts-container .text-container{bottom:80px}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container .note{margin-top:30px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{bottom:24px;margin-top:589px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts{width:868px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .note{margin-top:30px}#section-performance .contents-container .pad-performance-container .texts-container .logos{margin-top:48px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{height:48px;padding-right:40px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{height:36px;width:87px}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container .right-img{height:49px;margin-left:40px;width:49px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container{margin-top:589px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{margin-top:24px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{margin-right:140px}#section-performance .contents-container .pad-performance-container .pad-performance{height:calc(100vh - 58px);height:calc(var(--vh, 1vh)*100 - 58px);margin-top:calc(-87.5vh + 801.25px);margin-top:calc(var(--vh, 1vh)*100*-1 - -801.25px - var(--vh, 1vh)*50*-1 + var(--vh, 1vh)*50*3/4*-1)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{height:calc(12.5vh + 537.25px);height:calc(var(--vh, 1vh)*50 + 537.25px - var(--vh, 1vh)*50*3/4)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{height:589px;width:908px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{border-radius:12px;height:537px;width:853px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{height:594px;width:909px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{height:974px;left:-236px;top:-184px;width:1366px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple{height:150px;width:150px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{left:-63px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.top{top:18px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.right{right:-63px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.bottom{bottom:18px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper .autoplay-ls-video{height:537px;width:853px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{height:75px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2{height:80px;margin-top:32px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2 .item-container{margin-right:36px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-1 .item-container{margin-right:49px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-2{margin-right:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-9{margin-right:11px!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-3{margin-right:41px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-6{margin-right:48px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-7{margin-right:32px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-0{height:35px;margin-top:4px;width:59px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-3{height:41px;width:69px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-4{height:51px;width:44px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-5{height:38px;width:42px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-6{height:40px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-7{height:35px;width:59px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-8{height:40px;width:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-9{height:23px;margin-top:10px;width:38px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{bottom:271px;right:calc(50vw - 656px);right:calc(var(--vw, 1vw)*100/2 - 656px);width:670px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .note{margin-top:30px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1{height:76px;margin-top:48px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-2{margin-left:54px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-3{margin-left:68px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-4{margin-left:60px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-0{height:35px;width:59px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-1{height:41px;width:64px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-2{height:35px;width:59px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-3{height:46px;width:46px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-4{height:48px;width:48px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2{height:88px;margin-top:26px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-6{margin-left:46px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-7{margin-left:66px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-8{margin-left:74px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-9{margin-left:65px;margin-right:9px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-5{height:46px;width:46px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-6{height:46px;width:42px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-7{height:44px;width:44px}#section-performance .contents-container .pad-performance-container .wallpaper-container{margin-top:1700px}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{height:calc(44.27083vw - 35.41667px);height:calc(var(--vw, 1vw)*100*850/1920 - 35.41667px);width:calc(68.33333vw - 54.66667px);width:calc(var(--vw, 1vw)*100*1312/1920 - 54.66667px)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{border-radius:60px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{width:868px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{margin-top:30px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container{margin-top:48px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{margin-right:140px}#section-performance .contents-container .youku-card{border-radius:24px;height:460px;margin-top:200px;padding-left:80px;padding-right:80px}#section-performance .contents-container .youku-card .left .note{margin-top:30px;width:534px}#section-performance .contents-container .youku-card .left .youku-logo{height:42px;margin-top:29px;width:344px}#section-performance .contents-container .youku-card .right{height:300px;width:462px}#section-performance .contents-container .battery-container .battery-content{width:1920px}#section-performance .contents-container .battery-container .bottom-container{margin-top:32px}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:64px}#section-performance .contents-container .battery-container .values-container{margin-top:220px;width:1024px}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:17px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:8px;margin-bottom:6px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:342px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:171px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:274px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:16px;line-height:28px;margin-bottom:26px}#section-performance .contents-container .battery-container .img-container{margin-top:72px}#section-performance .contents-container .battery-container .battery-img{height:537px;left:-2px;width:1920px}}@media (min-width:2300px){#section-performance{margin-bottom:-1px;margin-top:-1px}#section-performance .contents-container{padding-bottom:293px}#section-performance .contents-container .box-container{width:1745px}#section-performance .contents-container .hero-container{border-radius:93px}#section-performance .contents-container .hero-container .hero-img{height:calc(100% + 1px)}#section-performance .contents-container .hero-container .anime-section-banner{padding-top:266px}#section-performance .contents-container .hero-container .banner-title.right{margin-left:263px}#section-performance .contents-container .hero-bottom{margin-top:215px}#section-performance .contents-container .hero-bottom .text-container{margin-top:29px}#section-performance .contents-container .hero-bottom .note{width:692px}#section-performance .contents-container .hero-bottom .right{margin-top:12px}#section-performance .contents-container .hero-bottom .right .items-container{margin-top:32px}#section-performance .contents-container .hero-bottom .right .spec-unit{margin-left:5px}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:85px}#section-performance .contents-container .hero-bottom .note{width:714px}#section-performance .contents-container .screen-content{font-size:40px;line-height:56px}#section-performance .contents-container .screen-desc{font-size:19px;line-height:28px}#section-performance .contents-container .pad-performance-container{margin-top:-360px}#section-performance .contents-container .pad-performance-container .performance-scroll-extra{height:1182px}#section-performance .contents-container .pad-performance-container .note{margin-top:40px}#section-performance .contents-container .pad-performance-container .texts-container{width:1208px}#section-performance .contents-container .pad-performance-container .texts-container .text-container{bottom:106px}#section-performance .contents-container .pad-performance-container .texts-container .text-1-container .note{margin-top:40px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container{bottom:32px;margin-top:783px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts{width:1154px}#section-performance .contents-container .pad-performance-container .texts-container .text-2-container .texts .note{margin-top:40px}#section-performance .contents-container .pad-performance-container .texts-container .logos{margin-top:64px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container{height:64px;padding-right:53px}#section-performance .contents-container .pad-performance-container .texts-container .logos .left-img-container .left-img{height:48px;width:116px}#section-performance .contents-container .pad-performance-container .texts-container .logos .right-img-container .right-img{height:65px;margin-left:53px;width:65px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container{margin-top:783px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container{margin-top:32px}#section-performance .contents-container .pad-performance-container .texts-container .text-3-container .spec-container .spec-item{margin-right:186px}#section-performance .contents-container .pad-performance-container .pad-performance{height:calc(100vh - 77px);height:calc(var(--vh, 1vh)*100 - 77px);margin-top:calc(-87.5vh + 1065.25px);margin-top:calc(var(--vh, 1vh)*100*-1 - -1065.25px - var(--vh, 1vh)*50*-1 + var(--vh, 1vh)*50*3/4*-1)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container{height:calc(12.5vh + 714.25px);height:calc(var(--vh, 1vh)*50 + 714.25px - var(--vh, 1vh)*50*3/4)}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad{height:783px;width:1208px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .pad .pad-foreground-container{border-radius:16px;height:714px;width:1134px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container{height:790px;width:1209px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .sound-img{height:1295px;left:-314px;top:-245px;width:1817px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple{height:200px;width:200px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.left{left:-83px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.top{top:24px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.right{right:-83px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container .sound-img-container .pad-ripple.bottom{bottom:24px}#section-performance .contents-container .pad-performance-container .pad-performance .pad-container.pad-wallpaper .autoplay-ls-video{height:714px;width:1134px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row{height:100px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2{height:106px;margin-top:43px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-2 .item-container{margin-right:48px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row.row-1 .item-container{margin-right:65px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-2{margin-right:53px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-9{margin-right:15px!important}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-3{margin-right:55px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-6{margin-right:64px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container.item-7{margin-right:43px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-0{height:47px;margin-top:5px;width:78px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-3{height:55px;width:92px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-4{height:68px;width:59px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-5{height:51px;width:56px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-6{height:53px;width:53px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-7{height:47px;width:78px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-8{height:53px;width:53px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-details-container .details-row .item-container .icon-9{height:31px;margin-top:13px;width:51px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container{bottom:360px;right:calc(50vw - 872.5px);right:calc(var(--vw, 1vw)*100/2 - 872.5px);width:891px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .note{margin-top:40px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1{height:101px;margin-top:64px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-1,#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-2{margin-left:72px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-3{margin-left:90px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .item-4{margin-left:80px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-0{height:47px;width:78px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-1{height:55px;width:85px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-2{height:47px;width:78px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-3{height:61px;width:61px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-1 .icon-4{height:64px;width:64px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2{height:117px;margin-top:35px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-6{margin-left:61px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-7{margin-left:88px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-8{margin-left:98px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .item-9{margin-left:86px;margin-right:12px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-5{height:61px;width:61px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-6{height:61px;width:55px}#section-performance .contents-container .pad-performance-container .pad-performance .screen-contents-container .row-2 .icon-7{height:58px;width:59px}#section-performance .contents-container .pad-performance-container .wallpaper-container{margin-top:2261px}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container{height:calc(44.27083vw - 46.92708px);height:calc(var(--vw, 1vw)*100*850/1920 - 46.92708px);width:calc(68.33333vw - 72.43333px);width:calc(var(--vw, 1vw)*100*1312/1920 - 72.43333px)}#section-performance .contents-container .pad-performance-container .wallpaper-container .wallpaper-img-container .wallpaper-img-box{border-radius:80px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1{width:1154px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .note{margin-top:40px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container{margin-top:64px}#section-performance .contents-container .pad-performance-container .wallpaper-container .texts-container.section-1 .spec-container .spec-item{margin-right:186px}#section-performance .contents-container .youku-card{border-radius:32px;height:612px;margin-top:266px;padding-left:106px;padding-right:106px}#section-performance .contents-container .youku-card .left .note{margin-top:40px;width:710px}#section-performance .contents-container .youku-card .left .youku-logo{height:56px;margin-top:39px;width:458px}#section-performance .contents-container .youku-card .right{height:399px;width:614px}#section-performance .contents-container .battery-container .battery-content{width:2554px}#section-performance .contents-container .battery-container .bottom-container{margin-top:43px}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:85px}#section-performance .contents-container .battery-container .values-container{margin-top:293px;width:1362px}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:23px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:11px;margin-bottom:8px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:455px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:227px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:364px}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:21px;line-height:37px;margin-bottom:35px}#section-performance .contents-container .battery-container .img-container{margin-top:96px}#section-performance .contents-container .battery-container .battery-img{height:714px;left:-3px;width:2554px}}@media (orientation:portrait) and (max-width:1023px){#section-performance{margin-bottom:-.278vw;margin-top:-.556vw}#section-performance .contents-container{margin-top:-.278vw;padding-bottom:20vw}#section-performance .contents-container .hero-container .banner-title.right{margin-left:9.444vw}#section-performance .contents-container .hero-bottom .note{margin-top:5.556vw}#section-performance .contents-container .hero-bottom .right{margin-top:13.333vw}#section-performance .contents-container .hero-bottom .right .item-1{margin-right:13.056vw}#section-performance .contents-container .screen-content{font-size:8.333vw;line-height:11.667vw}#section-performance .contents-container .screen-desc{font-size:3.889vw;line-height:5.833vw}#section-performance .contents-container .pad-performance-container-m{margin-top:26.667vw}#section-performance .contents-container .pad-performance-container-m .pad-img-containers{height:46.111vw;top:26.667vw}#section-performance .contents-container .pad-performance-container-m .pad-gaming{height:46.111vw;width:71.111vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container,#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-sound-box{height:46.667vw;width:71.944vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-sound{height:80.278vw;top:-16.111vw;width:100vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple{height:12.778vw;width:12.778vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple.left{left:-5.833vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple.top{top:.556vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple.bottom{bottom:1.111vw}#section-performance .contents-container .pad-performance-container-m .pad-sound-container .pad-ripple.right{right:-5.556vw}#section-performance .contents-container .pad-performance-container-m .text-1{margin-top:13.333vw}#section-performance .contents-container .pad-performance-container-m .gaming-desc{margin-top:5.556vw}#section-performance .contents-container .performance-pad-text-2-m{margin-top:13.333vw}#section-performance .contents-container .performance-pad-text-2-m .sound-desc{margin-top:5.556vw}#section-performance .contents-container .performance-pad-text-2-m .logos{margin-top:8.889vw}#section-performance .contents-container .performance-pad-text-2-m .logos .left-img-container{height:11.111vw;padding-right:6.667vw}#section-performance .contents-container .performance-pad-text-2-m .logos .left-img-container .left-img{height:5vw;width:11.944vw}#section-performance .contents-container .performance-pad-text-2-m .logos .right-img-container .right-img{height:11.111vw;margin-left:6.667vw;width:13.333vw}#section-performance .contents-container .wallpaper-container-m{margin-top:26.667vw}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container{height:117.222vw;width:76.111vw}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .inner-content{border-radius:2.222vw;height:68.889vw;left:-17.778vw;top:23.889vw;width:111.389vw}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .wallpaper-video-m{height:68.889vw;width:111.389vw}#section-performance .contents-container .wallpaper-container-m .wallpaper-main-container .spec-container .spec-item{margin-bottom:6.667vw}#section-performance .contents-container .wallpaper-shadow-m{height:15.833vw}#section-performance .contents-container .wallpaper-shadow-m .wallpaper-shadow-inner{-webkit-filter:blur(16.111vw);filter:blur(16.111vw);height:32.5vw}#section-performance .contents-container .wallpaper-texts .content-view-more-container .arrow-view-more{height:2.5vw;margin-left:2.222vw;width:1.389vw}#section-performance .contents-container .wallpaper-texts .wallpaper-desc{margin-top:5.556vw}#section-performance .contents-container .features-grid{margin-top:13.333vw;padding-left:1.667vw}#section-performance .contents-container .features-grid .item-container{margin-top:8.889vw}#section-performance .contents-container .features-grid .column-2{margin-left:11.667vw}#section-performance .contents-container .features-grid .column-3{margin-left:7.222vw}#section-performance .contents-container .features-grid .icon-0,#section-performance .contents-container .features-grid .icon-1{height:10.556vw;width:13.333vw}#section-performance .contents-container .features-grid .icon-2{height:10.556vw;width:13.889vw}#section-performance .contents-container .features-grid .icon-3{height:10.556vw;width:11.389vw}#section-performance .contents-container .features-grid .icon-4{height:10.556vw;width:11.111vw}#section-performance .contents-container .features-grid .icon-5{height:10.556vw;width:10.833vw}#section-performance .contents-container .features-grid .icon-6{height:10.556vw;width:6.667vw}#section-performance .contents-container .features-grid .icon-7{height:10.556vw;width:13.889vw}#section-performance .contents-container .features-grid .icon-8{height:10.556vw;width:10vw}#section-performance .contents-container .features-grid .screen-desc{margin-top:2.222vw}#section-performance .contents-container .youku-card-m{border-radius:2.222vw;margin-top:20vw;padding:13.333vw 5.556vw}#section-performance .contents-container .youku-card-m .linear-label-purple-light{font-size:5.556vw;line-height:7.778vw}#section-performance .contents-container .youku-card-m .youku-img{height:50.556vw;width:77.778vw}#section-performance .contents-container .youku-card-m .youku-logo{height:6.111vw;margin-top:3.333vw;width:50vw}#section-performance .contents-container .youku-card-m .note{margin-top:3.333vw}#section-performance .contents-container .youku-card-m .youku-title{font-size:5.556vw!important;line-height:7.778vw!important;margin-top:7.778vw}#section-performance .contents-container .battery-container{margin-top:26.667vw}#section-performance .contents-container .battery-container .bottom-container{margin-top:8.889vw}#section-performance .contents-container .battery-container .bottom-container .item-container{margin-right:13.333vw}#section-performance .contents-container .battery-container .values-container{margin-top:13.333vw;width:88.889vw}#section-performance .contents-container .battery-container .values-container .progress-box{margin-top:8.889vw}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container{height:2.222vw;margin-bottom:1.667vw}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-1{width:73.611vw}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-2{width:36.667vw}#section-performance .contents-container .battery-container .values-container .progress-box .progress-container.progress-3{width:58.889vw}#section-performance .contents-container .battery-container .values-container .progress-box .progress-text{font-size:4.444vw;line-height:7.778vw;margin-bottom:8.889vw}#section-performance .contents-container .battery-container .battery-img{margin-top:-.278vw}#section-performance .contents-container .hero-container{height:124.16667vw;height:calc((100*var(--vw, 1vw))*447/360)}#section-performance .contents-container .hero-bottom{flex-direction:column;margin-left:auto;margin-right:auto}#section-performance .contents-container .features-grid .features-grid-content{justify-content:center}#section-performance .contents-container .youku-card-m .linear-label-purple-light{-webkit-text-fill-color:transparent;background:linear-gradient(92.31deg,#8cc8ea 5.93%,#667dc8 35.09%,#9687a2 57.59%);-webkit-background-clip:text}#section-performance .contents-container .battery-container{overflow:hidden}#section-performance .contents-container .battery-container .bottom-container{margin-left:auto;margin-right:auto}#section-performance .contents-container .battery-container .battery-img{height:39.44444vw;height:calc((100*var(--vw, 1vw))*142/360);margin-left:auto;margin-right:auto;width:100vw;width:calc(var(--vw, 1vw)*100)}}#section-os{background:#000}#section-os .top-cover-line{background:#000;height:1px;top:-1px;width:100%;z-index:3}#section-os .contents-container{background:#fff}#section-os .contents-container .features-container{overflow:hidden;width:100%}#section-os .contents-container .features-container .feature{flex-shrink:0;overflow:hidden}#section-os .contents-container .features-container .feature .img-box .feature-img{margin:auto}#section-os .contents-container .features-container .feature .img-box .inner-container{overflow:hidden;z-index:4}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{overflow:hidden}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{margin:0;object-fit:cover}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{left:0;top:0;z-index:4}#section-os .contents-container .features-container .feature.last-child{margin-right:0}#section-os .contents-container .features-container .texts-container{flex-shrink:0}#section-os .contents-container .features-container .feature-1{z-index:4}#section-os .contents-container .features-container .feature-1 .feature-img{margin-left:0!important}#section-os .contents-container .features-container .feature-2{z-index:3}#section-os .contents-container .features-container .feature-3{z-index:2}#section-os .contents-container .features-container .feature-4{z-index:1}#section-os .contents-container .os-features-dots{background:#e0e0e0}#section-os .contents-container .os-features-dots .dot{background:#2c2c2c;height:100%;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:25%}#section-os .contents-container .connection-scroll .connection-contents{justify-content:space-between}#section-os .contents-container .connection-scroll .connection-contents .connection-content{align-items:center;justify-content:space-between;width:100%}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{opacity:.4}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts{flex-direction:column;justify-content:center}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-img-box-2{opacity:0}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connect-note{top:100%}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{right:0;top:0}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{background:#000;left:50%;overflow:hidden;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-out{z-index:1}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{background:#000;overflow:hidden}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{object-fit:cover}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{background:#000;bottom:0;left:0;overflow:hidden;z-index:4}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-out{z-index:4}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{overflow:hidden;z-index:3}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{align-items:center;cursor:pointer;right:0;transition:opacity .3s linear}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{color:#000;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550;opacity:.6}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .hidden{opacity:0}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .invisible{visibility:hidden}#section-os .contents-container .os-display-container{background:#f5f5f7;width:100%}#section-os .contents-container .os-display-container .display-title{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{background:#000;height:1px;opacity:.4;width:100%}#section-os .contents-container .os-display-container .menu-box .menu-container .menu{overflow:hidden}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-minus{display:none}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{transition:height .2s linear}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{visibility:hidden}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-plus{display:block}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .feature-title{opacity:.4}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title{align-items:center;cursor:pointer;justify-content:space-between;width:100%}#section-os .contents-container .os-display-container .menu-box .menu-container .menu:last-child{margin-bottom:0}#section-os .contents-container .os-display-container .menu-box .menu-container .menu.expanded .menu-plus{display:none}#section-os .contents-container .os-display-container .menu-box .menu-container .menu.expanded .menu-minus{display:block}#section-os .contents-container .os-display-container .menu-box .menu-container .menu.expanded .menu-content{visibility:visible}#section-os .contents-container .os-display-container .menu-box .menu-container .menu.expanded .feature-title{opacity:1}#section-os .contents-container .os-display-container .display-img .inner-container{overflow:hidden;z-index:2}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{object-fit:cover}#section-os .contents-container .os-display-container .display-img .display-img-out{z-index:3}@media (orientation:landscape) and (min-width:400px){#section-os{margin-bottom:0}#section-os .box-container{width:525px}#section-os .contents-container .banner-title.right{margin-left:97px}#section-os .contents-container .features-container{height:324px;margin-top:80px;top:calc(50vh - 143px);top:calc(var(--vh, 1vh)*100/2 - 143px)}#section-os .contents-container .features-container .features-box{padding-left:122px;padding-right:122px}#section-os .contents-container .features-container .feature{margin-right:80px}#section-os .contents-container .features-container .feature .img-box,#section-os .contents-container .features-container .feature .img-box .feature-img{height:227px;width:345px}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:3px;height:153px;left:55px;top:37px;width:236px}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{border-radius:3px;height:139px;margin-left:7px;margin-top:7px;width:225px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:139px;width:225px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:153px;width:236px}#section-os .contents-container .features-container .texts-container{max-width:212px}#section-os .contents-container .features-container .texts-container .content-desc{margin-top:8px}#section-os .contents-container .features-container .feature-1 .texts-container{margin-bottom:32px}#section-os .contents-container .features-container .feature-1 .inner-container{left:53px!important}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:7px!important;margin-top:8px!important}#section-os .contents-container .features-container .feature-2 .texts-container{margin-top:32px}#section-os .contents-container .features-container .feature-3 .texts-container{margin-bottom:32px}#section-os .contents-container .features-container .feature-4 .texts-container{margin-top:32px}#section-os .contents-container .connection-scroll{height:1394px}#section-os .contents-container .connection-scroll .connection-contents{height:348px;top:calc(50vh - 162.5px);top:calc(var(--vh, 1vh)*100/2 - 162.5px)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:12px;width:208px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:8px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts-container .note{margin-top:12px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:159px;width:255px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:150px;width:232px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:9px;height:146px;width:228px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:3px;height:140px;left:6px;top:6px;width:222px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:140px;width:222px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:6px;height:111px;width:52px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:6px;height:110px;left:1px;top:2px;width:49px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:110px;width:49px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{bottom:-13px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-icon{height:10px;width:10px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{font-size:6px;letter-spacing:0;line-height:9px;margin-left:2px}#section-os .contents-container .os-display-container{height:393px;padding-top:80px}#section-os .contents-container .os-display-container .display-title{font-size:19px;line-height:23px}#section-os .contents-container .os-display-container .menu-box{margin-top:32px}#section-os .contents-container .os-display-container .menu-box .menu-container{margin-top:8px;width:201px}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:10px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:8px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:10px;width:10px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:1px;width:10px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{width:176px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:11px;margin-top:5px;width:46px}#section-os .contents-container .os-display-container .display-img{height:153px;width:236px}#section-os .contents-container .os-display-container .display-img .inner-container{border-radius:2px;height:138px;left:7px;top:7px;width:222px}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:138px;width:222px}}@media (max-width:1022px) and (min-width:750px){#section-os .contents-container .connection-scroll .connection-contents{-webkit-transform:translateY(24px);transform:translateY(24px)}}@media (min-width:1024px) and (max-width:1399px){#section-os{margin-bottom:-1px}#section-os .box-container{width:896px}#section-os .contents-container .banner-title.right{margin-left:166px}#section-os .contents-container .features-container{height:553px;margin-top:137px;top:calc(50vh - 243.5px);top:calc(var(--vh, 1vh)*100/2 - 243.5px)}#section-os .contents-container .features-container .features-box{padding-left:208px;padding-right:208px}#section-os .contents-container .features-container .feature{margin-right:137px}#section-os .contents-container .features-container .feature .img-box,#section-os .contents-container .features-container .feature .img-box .feature-img{height:387px;width:589px}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:5px;height:261px;left:94px;top:63px;width:402px}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{border-radius:5px;height:238px;margin-left:12px;margin-top:12px;width:384px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:238px;width:384px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:261px;width:402px}#section-os .contents-container .features-container .texts-container{max-width:362px}#section-os .contents-container .features-container .texts-container .content-desc{margin-top:14px}#section-os .contents-container .features-container .feature-1 .texts-container{margin-bottom:55px}#section-os .contents-container .features-container .feature-1 .inner-container{left:90px!important}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:12px!important;margin-top:14px!important}#section-os .contents-container .features-container .feature-2 .texts-container{margin-top:55px}#section-os .contents-container .features-container .feature-3 .texts-container{margin-bottom:55px}#section-os .contents-container .features-container .feature-4 .texts-container{margin-top:55px}#section-os .contents-container .connection-scroll{height:2379px}#section-os .contents-container .connection-scroll .connection-contents{height:595px;top:calc(50vh - 277.5px);top:calc(var(--vh, 1vh)*100/2 - 277.5px)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:20px;width:355px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:14px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts-container .note{margin-top:20px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:272px;width:436px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:257px;width:396px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:16px;height:250px;width:389px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:5px;height:240px;left:11px;top:11px;width:379px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:240px;width:379px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:10px;height:190px;width:88px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:10px;height:188px;left:2px;top:3px;width:84px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:188px;width:84px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{bottom:-22px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-icon{height:16px;width:16px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{font-size:10px;letter-spacing:0;line-height:15px;margin-left:3px}#section-os .contents-container .os-display-container{height:671px;padding-top:137px}#section-os .contents-container .os-display-container .display-title{font-size:33px;line-height:39px}#section-os .contents-container .os-display-container .menu-box{margin-top:55px}#section-os .contents-container .os-display-container .menu-box .menu-container{margin-top:14px;width:343px}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:16px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:14px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:16px;width:16px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:1px;width:16px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{width:300px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:19px;margin-top:8px;width:79px}#section-os .contents-container .os-display-container .display-img{height:261px;width:402px}#section-os .contents-container .os-display-container .display-img .inner-container{border-radius:4px;height:236px;left:12px;top:12px;width:380px}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:236px;width:380px}}@media (min-width:1024px),(orientation:landscape){#section-os .contents-container .features-container .features-box{align-items:center;max-height:100vh;max-height:calc(var(--vh, 1vh)*100)}#section-os .contents-container .features-container .feature-1{flex-direction:column-reverse}#section-os .contents-container .features-container .feature-2{flex-direction:column}#section-os .contents-container .features-container .feature-3{flex-direction:column-reverse}#section-os .contents-container .features-container .feature-4{flex-direction:column}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#section-os .contents-container .os-display-container .display-title{text-align:center}#section-os .contents-container .os-display-container .menu-box{justify-content:space-between}}@media (min-width:1400px) and (max-width:1799px){#section-os{margin-bottom:-1px}#section-os .box-container{width:1100px}#section-os .contents-container .banner-title.right{margin-left:204px}#section-os .contents-container .features-container{height:679px;margin-top:168px;top:calc(50vh - 299.5px);top:calc(var(--vh, 1vh)*100/2 - 299.5px)}#section-os .contents-container .features-container .features-box{padding-left:255px;padding-right:255px}#section-os .contents-container .features-container .feature{margin-right:168px}#section-os .contents-container .features-container .feature .img-box,#section-os .contents-container .features-container .feature .img-box .feature-img{height:475px;width:724px}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:7px;height:320px;left:115px;top:77px;width:494px}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{border-radius:7px;height:292px;margin-left:14px;margin-top:14px;width:471px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:292px;width:471px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:320px;width:494px}#section-os .contents-container .features-container .texts-container{max-width:444px}#section-os .contents-container .features-container .texts-container .content-desc{margin-top:17px}#section-os .contents-container .features-container .feature-1 .texts-container{margin-bottom:67px}#section-os .contents-container .features-container .feature-1 .inner-container{left:111px!important}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:14px!important;margin-top:17px!important}#section-os .contents-container .features-container .feature-2 .texts-container{margin-top:67px}#section-os .contents-container .features-container .feature-3 .texts-container{margin-bottom:67px}#section-os .contents-container .features-container .feature-4 .texts-container{margin-top:67px}#section-os .contents-container .connection-scroll{height:2921px}#section-os .contents-container .connection-scroll .connection-contents{height:730px;top:calc(50vh - 340.5px);top:calc(var(--vh, 1vh)*100/2 - 340.5px)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:25px;width:436px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:17px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts-container .note{margin-top:25px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:334px;width:535px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:315px;width:486px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:19px;height:307px;width:478px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:7px;height:294px;left:13px;top:13px;width:465px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:294px;width:465px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:13px;height:233px;width:108px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:12px;height:231px;left:3px;top:4px;width:103px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:231px;width:103px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{bottom:-27px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-icon{height:20px;width:20px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{font-size:12px;letter-spacing:0;line-height:19px;margin-left:3px}#section-os .contents-container .os-display-container{height:824px;padding-top:168px}#section-os .contents-container .os-display-container .display-title{font-size:40px;line-height:48px}#section-os .contents-container .os-display-container .menu-box{margin-top:67px}#section-os .contents-container .os-display-container .menu-box .menu-container{margin-top:17px;width:422px}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:20px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:17px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:20px;width:20px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:2px;width:20px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{width:369px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:23px;margin-top:10px;width:97px}#section-os .contents-container .os-display-container .display-img{height:320px;width:494px}#section-os .contents-container .os-display-container .display-img .inner-container{border-radius:5px;height:289px;left:14px;top:15px;width:466px}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:289px;width:466px}}@media (min-width:1800px) and (max-width:2299px){#section-os{margin-bottom:-1px}#section-os .box-container{width:1312px}#section-os .contents-container .banner-title.right{margin-left:243px}#section-os .contents-container .features-container{height:810px;margin-top:200px;top:calc(50vh - 357px);top:calc(var(--vh, 1vh)*100/2 - 357px)}#section-os .contents-container .features-container .features-box{padding-left:304px;padding-right:304px}#section-os .contents-container .features-container .feature{margin-right:200px}#section-os .contents-container .features-container .feature .img-box,#section-os .contents-container .features-container .feature .img-box .feature-img{height:567px;width:863px}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:8px;height:382px;left:137px;top:92px;width:589px}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{border-radius:8px;height:348px;margin-left:17px;margin-top:17px;width:562px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:348px;width:562px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:382px;width:589px}#section-os .contents-container .features-container .texts-container{max-width:530px}#section-os .contents-container .features-container .texts-container .content-desc{margin-top:20px}#section-os .contents-container .features-container .feature-1 .texts-container{margin-bottom:80px}#section-os .contents-container .features-container .feature-1 .inner-container{left:132px!important}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:17px!important;margin-top:20px!important}#section-os .contents-container .features-container .feature-2 .texts-container{margin-top:80px}#section-os .contents-container .features-container .feature-3 .texts-container{margin-bottom:80px}#section-os .contents-container .features-container .feature-4 .texts-container{margin-top:80px}#section-os .contents-container .connection-scroll{height:3484px}#section-os .contents-container .connection-scroll .connection-contents{height:871px;top:calc(50vh - 406.5px);top:calc(var(--vh, 1vh)*100/2 - 406.5px)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:30px;width:520px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:20px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts-container .note{margin-top:30px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:398px;width:638px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:376px;width:580px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:23px;height:366px;width:570px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:8px;height:351px;left:16px;top:16px;width:555px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:351px;width:555px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:15px;height:278px;width:129px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:14px;height:276px;left:3px;top:5px;width:123px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:276px;width:123px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{bottom:-32px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-icon{height:24px;width:24px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{font-size:14px;letter-spacing:0;line-height:22px;margin-left:4px}#section-os .contents-container .os-display-container{height:983px;padding-top:200px}#section-os .contents-container .os-display-container .display-title{font-size:48px;line-height:58px}#section-os .contents-container .os-display-container .menu-box{margin-top:80px}#section-os .contents-container .os-display-container .menu-box .menu-container{margin-top:20px;width:503px}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:24px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:20px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:24px;width:24px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:2px;width:24px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{width:440px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:28px;margin-top:12px;width:116px}#section-os .contents-container .os-display-container .display-img{height:382px;width:589px}#section-os .contents-container .os-display-container .display-img .inner-container{border-radius:6px;height:345px;left:17px;top:18px;width:556px}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:345px;width:556px}}@media (min-width:2300px){#section-os{margin-bottom:-1px}#section-os .box-container{width:1745px}#section-os .contents-container .banner-title.right{margin-left:323px}#section-os .contents-container .features-container{height:1077px;margin-top:266px;top:calc(50vh - 474.5px);top:calc(var(--vh, 1vh)*100/2 - 474.5px)}#section-os .contents-container .features-container .features-box{padding-left:404px;padding-right:404px}#section-os .contents-container .features-container .feature{margin-right:266px}#section-os .contents-container .features-container .feature .img-box,#section-os .contents-container .features-container .feature .img-box .feature-img{height:754px;width:1148px}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:11px;height:508px;left:182px;top:122px;width:783px}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{border-radius:11px;height:463px;margin-left:23px;margin-top:23px;width:747px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:463px;width:747px}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:508px;width:783px}#section-os .contents-container .features-container .texts-container{max-width:705px}#section-os .contents-container .features-container .texts-container .content-desc{margin-top:27px}#section-os .contents-container .features-container .feature-1 .texts-container{margin-bottom:106px}#section-os .contents-container .features-container .feature-1 .inner-container{left:176px!important}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:23px!important;margin-top:27px!important}#section-os .contents-container .features-container .feature-2 .texts-container{margin-top:106px}#section-os .contents-container .features-container .feature-3 .texts-container{margin-bottom:106px}#section-os .contents-container .features-container .feature-4 .texts-container{margin-top:106px}#section-os .contents-container .connection-scroll{height:4634px}#section-os .contents-container .connection-scroll .connection-contents{height:1158px;top:calc(50vh - 540.5px);top:calc(var(--vh, 1vh)*100/2 - 540.5px)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:40px;width:692px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:27px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts-container .note{margin-top:40px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:529px;width:849px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:500px;width:771px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:31px;height:487px;width:758px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:11px;height:467px;left:21px;top:21px;width:738px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:467px;width:738px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:20px;height:370px;width:172px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:19px;height:367px;left:4px;top:7px;width:164px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:367px;width:164px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container{bottom:-43px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-icon{height:32px;width:32px}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .replay-container .replay-text{font-size:19px;letter-spacing:0;line-height:30px;margin-left:5px}#section-os .contents-container .os-display-container{height:1307px;padding-top:266px}#section-os .contents-container .os-display-container .display-title{font-size:64px;line-height:77px}#section-os .contents-container .os-display-container .menu-box{margin-top:106px}#section-os .contents-container .os-display-container .menu-box .menu-container{margin-top:27px;width:669px}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:32px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:27px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:32px;width:32px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:3px;width:32px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content{width:585px}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:37px;margin-top:16px;width:154px}#section-os .contents-container .os-display-container .display-img{height:508px;width:783px}#section-os .contents-container .os-display-container .display-img .inner-container{border-radius:8px;height:459px;left:23px;top:24px;width:739px}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:459px;width:739px}}@media (orientation:portrait) and (max-width:1023px){#section-os .top-cover-line{top:-3px}#section-os .contents-container .features-container .feature{flex-direction:column}#section-os .contents-container .features-container .feature .img-box .inner-container{left:0;top:0}#section-os .contents-container .features-container .feature-4{overflow:visible}#section-os .contents-container .connection-scroll .connection-contents .connection-content{flex-direction:column;position:relative}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-left:auto;margin-right:auto}#section-os .contents-container .connection-scroll .connection-contents .connection-content .texts{justify-content:flex-start}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-os .contents-container .os-display-container .menu-box .menu-container{width:100%}#section-os .contents-container .banner-title.right{margin-left:8.611vw}#section-os .contents-container .features-container{margin-top:20vw}#section-os .contents-container .features-container .feature{width:91.111vw!important}#section-os .contents-container .features-container .feature .img-box{height:50.556vw;width:105.556vw}#section-os .contents-container .features-container .feature .img-box .feature-img{height:59.167vw;margin-left:-15.556vw;width:108.611vw}#section-os .contents-container .features-container .feature .img-box .inner-container{border-radius:1.111vw;height:50.556vw;width:77.778vw}#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-ls-video,#section-os .contents-container .features-container .feature .img-box .inner-container .autoplay-pt-video{height:46.389vw;margin-left:1.667vw;margin-top:2.222vw;width:74.167vw}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-content{height:46.389vw;width:74.167vw}#section-os .contents-container .features-container .feature .img-box .inner-container .inner-frame{height:50.556vw;width:77.778vw}#section-os .contents-container .features-container .texts-container{margin-top:13.333vw;width:77.778vw}#section-os .contents-container .features-container .texts-container .note{margin-top:4.444vw}#section-os .contents-container .features-container .feature-1 .inner-content{margin-left:1.944vw!important;margin-top:2.778vw!important}#section-os .contents-container .features-container .feature-1 .feature-img{width:93.056vw!important}#section-os .contents-container .features-container .feature-4{width:77.778vw!important}#section-os .contents-container .os-features-dots{height:.278vw;margin-top:13.333vw}#section-os .contents-container .connection-scroll{height:479.167vw;margin-top:20vw}#section-os .contents-container .connection-scroll .connection-contents{height:124.444vw;top:calc(50vh - 62.222vw);top:calc(var(--vh, 1vh)*100/2 - 62.222vw)}#section-os .contents-container .connection-scroll .connection-contents .connection-content .note{margin-top:5.556vw;width:88.889vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connect-note{margin-top:4.444vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container{height:55.556vw;margin-top:13.333vw;width:88.889vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img{height:51.667vw;width:79.722vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner-background{border-radius:3.333vw;height:50vw;width:77.778vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner{border-radius:1.111vw;height:48.056vw;left:1.667vw;top:2.5vw;width:76.667vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-pad-img .pad-inner .pad-content{height:48.056vw;width:76.667vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img{border-radius:2.222vw;height:38.889vw;width:17.778vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner{border-radius:2.222vw;height:39.444vw;left:.556vw;top:.556vw;width:16.944vw}#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-ls-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .autoplay-pt-video,#section-os .contents-container .connection-scroll .connection-contents .connection-content .connection-img-container .connection-phone-img .phone-inner .phone-content{height:38.333vw;width:16.944vw}#section-os .contents-container .os-display-container{margin-top:32.222vw;padding-bottom:20vw;padding-top:20vw}#section-os .contents-container .os-display-container .display-title{font-size:7.778vw;line-height:11.111vw}#section-os .contents-container .os-display-container .menu-box{margin-top:13.333vw}#section-os .contents-container .os-display-container .menu-box .menu-container .separator{margin-bottom:5.556vw}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content-container{margin-top:4.444vw}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-plus{height:3.333vw;width:3.333vw}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-title .menu-minus{height:.556vw;width:3.333vw}#section-os .contents-container .os-display-container .menu-box .menu-container .menu .menu-content .menu-img{height:6.667vw;margin-top:3.333vw;width:27.222vw}#section-os .contents-container .os-display-container .display-img{height:57.778vw;margin-top:13.333vw}#section-os .contents-container .os-display-container .display-img .inner-container{height:52.222vw;left:2.5vw;top:2.778vw;width:83.889vw}#section-os .contents-container .os-display-container .display-img .inner-container .inner-content{height:52.222vw;width:83.889vw}}#section-pencil{background:#f5f5f7;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-pencil .contents-container{background:#fff;width:100%}#section-pencil .contents-container .hero-container{height:78.48958vw;height:calc((100*var(--vw, 1vw))*1507/1920);object-fit:cover;overflow:hidden;width:100%}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{align-items:center;flex-direction:column}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item:first-child{margin-left:0}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{background:#000}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .img-container{align-items:center}#section-pencil .contents-container .hero-container .hero-content .pencil{-webkit-transform:rotate(30deg);transform:rotate(30deg)}#section-pencil .contents-container .pencil-scroll{width:100%}#section-pencil .contents-container .pencil-scroll .texts-content-1{top:78.48958vw;top:calc((100*var(--vw, 1vw))*1507/1920)}#section-pencil .contents-container .pencil-scroll .pencil-content{height:calc(78.48958vw + 100vh);height:calc(78.48958vw + var(--vh, 1vh)*100);height:calc((100*var(--vw, 1vw))*1507/1920 + 100vh);height:calc((100*var(--vw, 1vw))*1507/1920 + var(--vh, 1vh)*100);overflow:hidden;top:-78.48958vw;top:calc((100*var(--vw, 1vw))*-1507/1920);width:100%}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{align-items:flex-end;left:50%;max-height:100vh;max-height:calc(var(--vh, 1vh)*100);top:78.48958vw;top:calc((100*var(--vw, 1vw))*1507/1920);-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .texts-content{bottom:0}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2{opacity:0}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{margin-left:auto;opacity:0}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3{opacity:0}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{margin-left:auto}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{z-index:3}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{align-items:center;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container .pencil-ripple{opacity:0}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .pencil-2{visibility:hidden}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{z-index:2}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container .pad-2{visibility:hidden}#section-pencil .contents-container .pencil-scroll-m .pencil-content{width:100%}#section-pencil .contents-container .pencil-scroll-m .pencil-content .texts-container .text-1,#section-pencil .contents-container .pencil-scroll-m .pencil-content .texts-container .text-2,#section-pencil .contents-container .pencil-scroll-m .pencil-content .texts-container .text-3{opacity:0}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container{overflow:hidden;width:100%}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container{left:0;width:100%}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-text{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-charge,#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-tool{opacity:0}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-box .ripple-container{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-box .ripple-container .pencil-ripple{opacity:0}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pad-container{overflow:hidden;width:100%}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pad-container .pad-box img{visibility:hidden}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pad-container .pad-box img.selected{visibility:visible}#section-pencil .contents-container .view-more{background:#000;color:#fff;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550;text-align:center}#section-pencil .contents-container .creation-carousel-m{width:100%}#section-pencil .contents-container .creation-carousel-m .creation-item .creation-box{overflow:hidden;z-index:3}#section-pencil .contents-container .creation-carousel-m .creation-item .hand-writing-video{object-fit:cover}#section-pencil .contents-container .pencil-creation-dots{background:#e0e0e0}#section-pencil .contents-container .pencil-creation-dots .dot{background:#2c2c2c;height:100%;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:33.3%}#section-pencil .contents-container .pencil-bottom-container{background:#f2f2f2;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:2}#section-pencil .contents-container .pencil-bottom-container .creation-container{width:100%}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box,#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{margin-left:auto;margin-right:auto}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{overflow:hidden}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-closed{background:#000}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{-webkit-transform:rotate(50deg);transform:rotate(50deg)}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil .ripple-container{bottom:0;left:50%;-webkit-transform:translateY(50%) translateX(-50%);transform:translateY(50%) translate(-50%)}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{-webkit-transform:rotate(50deg);transform:rotate(50deg)}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-1,#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .no-linear-label{text-align:center}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-left:auto;margin-right:auto;text-align:center}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-left:auto;margin-right:auto}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{width:100vw;width:calc(var(--vw, 1vw)*100)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{overflow:hidden;width:100%}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video{object-fit:cover;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video{width:100vw;width:calc(var(--vw, 1vw)*100)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{object-fit:cover;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{background:#fff;height:100%}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .text-inner{opacity:0}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .text-inner.texts-2{left:0;top:0}#section-pencil .contents-container .pencil-bottom-container .optimize-container{justify-content:space-between;margin-left:auto;margin-right:auto}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item{align-items:center;flex-direction:column}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec,#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{opacity:.4;text-align:center}#section-pencil .contents-container .pencil-bottom-container .optimize-title{text-align:center}#section-pencil .contents-container .pencil-bottom-container .key-board-title-texts .note{opacity:.4}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{margin-left:auto;margin-right:auto;z-index:2}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container{text-align:center;width:100%;z-index:1}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-left:auto;margin-right:auto}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-left:auto;margin-right:auto;opacity:.4;text-align:center}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{margin-left:auto;margin-right:auto}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{background:#fff}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}@media (orientation:landscape) and (min-width:400px){#section-pencil .contents-container .hero-container{border-radius:28px 28px 0 0}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:76px}#section-pencil .contents-container .hero-container .hero-content{margin-top:80px}#section-pencil .contents-container .hero-container .hero-content .texts-container{margin-left:calc(50vw - 263px);margin-left:calc(var(--vw, 1vw)*100/2 - 263px);margin-top:43px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:13px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:7px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:11px;margin-left:7px;margin-top:3px;width:0}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:14px;margin-bottom:3px;margin-top:3px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:41px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:32px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3{width:28px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:34px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{width:54px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:6px;letter-spacing:0;line-height:9px}#section-pencil .contents-container .hero-container .hero-content .hero-img-container{height:228px;margin-left:11px;width:281px}#section-pencil .contents-container .hero-container .hero-content .pencil{height:258px;margin-bottom:12px;margin-left:129px;width:13px}#section-pencil .contents-container .pencil-scroll .texts-content-1{left:calc(50% - 262px)}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:12px}#section-pencil .contents-container .pencil-scroll .pencil-content{padding-top:calc(78.48958vw + 100px);padding-top:calc((100*var(--vw, 1vw))*1507/1920 + 100px)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{height:428px;width:768px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container{margin-left:122px;width:208px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .note{margin-top:12px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{height:35px;margin-top:92px;width:121px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{height:35px;margin-top:41px;width:159px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{height:258px;margin-bottom:17px;margin-left:20px;width:13px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{top:179px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container{height:15px;width:15px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{height:513px;margin-bottom:-414px;margin-left:31px;width:323px}#section-pencil .contents-container .view-more{border-radius:1px;font-size:7px;line-height:11px;padding-bottom:5px;padding-top:4px;width:48px}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:88px}#section-pencil .contents-container .pencil-bottom-container .creation-container{padding-top:80px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{border-radius:8px;height:235px;margin-top:32px;width:363px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{border-radius:12px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-inner{height:214px;left:11px;top:11px;width:342px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .ripple-container{height:19px;width:19px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{bottom:54px;height:202px;right:5px;width:10px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{bottom:76px;height:226px;right:76px;width:12px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-top:12px;width:347px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad-2{margin-top:80px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-2{margin-top:44px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-top:12px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{height:calc(100vh + 285px + 100vw);height:calc(var(--vh, 1vh)*100 + 285px + 100vw);height:calc(100vh + 285px + var(--vw, 1vw)*100);height:calc(var(--vh, 1vh)*100 + 285px + var(--vw, 1vw)*100);margin-top:80px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{height:calc(100vh - 19px);height:calc(var(--vh, 1vh)*100 - 19px);top:19px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{height:calc(100vh - 19px);height:calc(var(--vh, 1vh)*100 - 19px)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{min-width:304px;width:304px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .view-more{margin-top:12px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{width:208px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .note{margin-top:12px}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:19px;width:272px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:64px;width:64px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:10px;line-height:13px;margin-top:13px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:7px;line-height:12px;margin-top:2px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll,#section-pencil .contents-container .pencil-bottom-container .optimize-title{margin-top:80px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:205px;width:320px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .no-linear-label{margin-top:32px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-top:12px;width:347px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:8px;width:347px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:284px;width:362px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:10px;height:182px;margin-top:-120px;padding-left:54px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:13px;line-height:15px;margin-top:9px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:19px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:162px;right:30px;top:-16px;width:208px}}@media (max-width:1022px) and (min-width:750px){#section-pencil .contents-container .pencil-scroll-m .pencil-content{padding-top:5.55556vw!important;padding-top:calc((100*var(--vw, 1vw))*20/360)!important;top:calc(50vh - 55.41667vw)!important;top:calc(var(--vh, 1vh)*100/2 - 55.41667vw)!important;top:calc(50vh - (100*var(--vw, 1vw))*23/360/2 - (100*var(--vw, 1vw))*382/360/2 + (100*var(--vw, 1vw))*23/360 - (100*var(--vw, 1vw))*20/360)!important;top:calc(var(--vh, 1vh)*100/2 - (100*var(--vw, 1vw))*23/360/2 - (100*var(--vw, 1vw))*382/360/2 + (100*var(--vw, 1vw))*23/360 - (100*var(--vw, 1vw))*20/360)!important}}@media (min-width:1024px) and (max-width:1399px){#section-pencil .contents-container .hero-container{border-radius:48px 48px 0 0}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:130px}#section-pencil .contents-container .hero-container .hero-content{margin-top:137px}#section-pencil .contents-container .hero-container .hero-content .texts-container{margin-left:calc(50vw - 449.5px);margin-left:calc(var(--vw, 1vw)*100/2 - 449.5px);margin-top:74px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:22px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:12px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:18px;margin-left:12px;margin-top:5px;width:1px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:23px;margin-bottom:5px;margin-top:5px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:70px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:55px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3{width:48px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:58px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{width:93px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:10px;letter-spacing:0;line-height:15px}#section-pencil .contents-container .hero-container .hero-content .hero-img-container{height:390px;margin-left:19px;width:480px}#section-pencil .contents-container .hero-container .hero-content .pencil{height:440px;margin-bottom:20px;margin-left:220px;width:23px}#section-pencil .contents-container .pencil-scroll .texts-content-1{left:calc(50% - 447.5px)}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:20px}#section-pencil .contents-container .pencil-scroll .pencil-content{padding-top:calc(78.48958vw + 171px);padding-top:calc((100*var(--vw, 1vw))*1507/1920 + 171px)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{height:731px;width:1311px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container{margin-left:208px;width:355px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .note{margin-top:20px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{height:60px;margin-top:156px;width:207px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{height:60px;margin-top:70px;width:272px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{height:440px;margin-bottom:29px;margin-left:34px;width:23px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{top:305px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container{height:25px;width:25px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{height:876px;margin-bottom:-707px;margin-left:53px;width:552px}#section-pencil .contents-container .view-more{border-radius:1px;font-size:12px;line-height:18px;padding-bottom:8px;padding-top:8px;width:82px}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:150px}#section-pencil .contents-container .pencil-bottom-container .creation-container{padding-top:137px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{border-radius:14px;height:402px;margin-top:55px;width:620px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{border-radius:20px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-inner{height:365px;left:18px;top:18px;width:584px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .ripple-container{height:32px;width:32px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{bottom:92px;height:346px;right:8px;width:18px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{bottom:130px;height:387px;right:129px;width:20px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-top:20px;width:593px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad-2{margin-top:137px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-2{margin-top:75px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-top:20px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{height:calc(100vh + 486px + 100vw);height:calc(var(--vh, 1vh)*100 + 486px + 100vw);height:calc(100vh + 486px + var(--vw, 1vw)*100);height:calc(var(--vh, 1vh)*100 + 486px + var(--vw, 1vw)*100);margin-top:137px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{height:calc(100vh - 33px);height:calc(var(--vh, 1vh)*100 - 33px);top:33px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{height:calc(100vh - 33px);height:calc(var(--vh, 1vh)*100 - 33px)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{min-width:519px;width:519px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .view-more{margin-top:20px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{width:355px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .note{margin-top:20px}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:33px;width:464px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:109px;width:109px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:16px;line-height:23px;margin-top:22px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:12px;line-height:20px;margin-top:3px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll,#section-pencil .contents-container .pencil-bottom-container .optimize-title{margin-top:137px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:350px;width:546px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .no-linear-label{margin-top:55px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-top:20px;width:593px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:14px;width:593px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:485px;width:617px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:16px;height:311px;margin-top:-205px;padding-left:92px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:22px;line-height:26px;margin-top:15px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:33px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:277px;right:52px;top:-28px;width:354px}}@media (min-width:1024px),(orientation:landscape){#section-pencil .contents-container .hero-container{position:absolute}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{align-items:center;display:flex}}@media (min-width:1400px) and (max-width:1799px){#section-pencil .contents-container .hero-container{border-radius:59px 59px 0 0}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:160px}#section-pencil .contents-container .hero-container .hero-content{margin-top:168px}#section-pencil .contents-container .hero-container .hero-content .texts-container{margin-left:calc(50vw - 552px);margin-left:calc(var(--vw, 1vw)*100/2 - 552px);margin-top:91px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:27px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:15px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:23px;margin-left:15px;margin-top:7px;width:1px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:29px;margin-bottom:6px;margin-top:6px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:86px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:68px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3{width:59px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:71px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{width:114px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:12px;letter-spacing:0;line-height:18px}#section-pencil .contents-container .hero-container .hero-content .hero-img-container{height:479px;margin-left:23px;width:589px}#section-pencil .contents-container .hero-container .hero-content .pencil{height:540px;margin-bottom:25px;margin-left:270px;width:28px}#section-pencil .contents-container .pencil-scroll .texts-content-1{left:calc(50% - 550px)}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:25px}#section-pencil .contents-container .pencil-scroll .pencil-content{padding-top:calc(78.48958vw + 210px);padding-top:calc((100*var(--vw, 1vw))*1507/1920 + 210px)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{height:897px;width:1610px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container{margin-left:255px;width:436px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .note{margin-top:25px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{height:74px;margin-top:192px;width:254px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{height:74px;margin-top:86px;width:334px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{height:540px;margin-bottom:36px;margin-left:42px;width:28px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{top:375px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container{height:31px;width:31px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{height:1076px;margin-bottom:-869px;margin-left:65px;width:677px}#section-pencil .contents-container .view-more{border-radius:2px;font-size:14px;line-height:23px;padding-bottom:10px;padding-top:9px;width:101px}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:184px}#section-pencil .contents-container .pencil-bottom-container .creation-container{padding-top:168px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{border-radius:17px;height:493px;margin-top:67px;width:761px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{border-radius:25px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-inner{height:449px;left:23px;top:23px;width:717px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .ripple-container{height:39px;width:39px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{bottom:113px;height:424px;right:10px;width:22px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{bottom:159px;height:475px;right:158px;width:24px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-top:25px;width:728px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad-2{margin-top:168px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-2{margin-top:92px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-top:25px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{height:calc(100vh + 597px + 100vw);height:calc(var(--vh, 1vh)*100 + 597px + 100vw);height:calc(100vh + 597px + var(--vw, 1vw)*100);height:calc(var(--vh, 1vh)*100 + 597px + var(--vw, 1vw)*100);margin-top:168px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);top:40px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{min-width:637px;width:637px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .view-more{margin-top:25px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{width:436px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .note{margin-top:25px}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:40px;width:569px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:134px;width:134px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:20px;line-height:28px;margin-top:27px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:15px;line-height:24px;margin-top:3px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll,#section-pencil .contents-container .pencil-bottom-container .optimize-title{margin-top:168px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:430px;width:670px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .no-linear-label{margin-top:67px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-top:25px;width:728px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:17px;width:728px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:595px;width:758px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:20px;height:381px;margin-top:-252px;padding-left:112px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:27px;line-height:32px;margin-top:18px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:40px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:340px;right:64px;top:-34px;width:435px}}@media (min-width:1800px) and (max-width:2299px){#section-pencil .contents-container .hero-container{border-radius:70px 70px 0 0}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:191px}#section-pencil .contents-container .hero-container .hero-content{margin-top:200px}#section-pencil .contents-container .hero-container .hero-content .texts-container{margin-left:calc(50vw - 658px);margin-left:calc(var(--vw, 1vw)*100/2 - 658px);margin-top:108px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:32px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:18px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:27px;margin-left:18px;margin-top:8px;width:1px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:34px;margin-bottom:7px;margin-top:7px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:102px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:81px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3{width:70px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:85px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{width:136px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:14px;letter-spacing:0;line-height:22px}#section-pencil .contents-container .hero-container .hero-content .hero-img-container{height:571px;margin-left:28px;width:703px}#section-pencil .contents-container .hero-container .hero-content .pencil{height:644px;margin-bottom:30px;margin-left:322px;width:33px}#section-pencil .contents-container .pencil-scroll .texts-content-1{left:calc(50% - 656px)}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:30px}#section-pencil .contents-container .pencil-scroll .pencil-content{padding-top:calc(78.48958vw + 250px);padding-top:calc((100*var(--vw, 1vw))*1507/1920 + 250px)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{height:1070px;width:1920px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container{margin-left:304px;width:520px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .note{margin-top:30px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{height:88px;margin-top:229px;width:303px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{height:88px;margin-top:103px;width:398px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{height:644px;margin-bottom:43px;margin-left:50px;width:33px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{top:447px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container{height:37px;width:37px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{height:1283px;margin-bottom:-1036px;margin-left:77px;width:808px}#section-pencil .contents-container .view-more{border-radius:2px;font-size:17px;line-height:27px;padding-bottom:12px;padding-top:11px;width:120px}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:220px}#section-pencil .contents-container .pencil-bottom-container .creation-container{padding-top:200px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{border-radius:20px;height:588px;margin-top:80px;width:908px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{border-radius:30px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-inner{height:535px;left:27px;top:27px;width:855px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .ripple-container{height:47px;width:47px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{bottom:135px;height:506px;right:12px;width:26px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{bottom:190px;height:566px;right:189px;width:29px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-top:30px;width:868px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad-2{margin-top:200px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-2{margin-top:110px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-top:30px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{height:calc(100vh + 712px + 100vw);height:calc(var(--vh, 1vh)*100 + 712px + 100vw);height:calc(100vh + 712px + var(--vw, 1vw)*100);height:calc(var(--vh, 1vh)*100 + 712px + var(--vw, 1vw)*100);margin-top:200px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{height:calc(100vh - 48px);height:calc(var(--vh, 1vh)*100 - 48px);top:48px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{height:calc(100vh - 48px);height:calc(var(--vh, 1vh)*100 - 48px)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{min-width:760px;width:760px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .view-more{margin-top:30px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{width:520px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .note{margin-top:30px}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:48px;width:679px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:160px;width:160px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:24px;line-height:34px;margin-top:32px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:18px;line-height:29px;margin-top:4px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll,#section-pencil .contents-container .pencil-bottom-container .optimize-title{margin-top:200px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:513px;width:799px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .no-linear-label{margin-top:80px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-top:30px;width:868px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:20px;width:868px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:710px;width:904px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:24px;height:455px;margin-top:-300px;padding-left:134px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:32px;line-height:38px;margin-top:22px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:48px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:406px;right:76px;top:-41px;width:519px}}@media (min-width:2300px){#section-pencil .contents-container .hero-container{border-radius:93px 93px 0 0}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:254px}#section-pencil .contents-container .hero-container .hero-content{margin-top:266px}#section-pencil .contents-container .hero-container .hero-content .texts-container{margin-left:calc(50vw - 875px);margin-left:calc(var(--vw, 1vw)*100/2 - 875px);margin-top:144px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:43px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:24px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:36px;margin-left:24px;margin-top:11px;width:1px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:45px;margin-bottom:9px;margin-top:9px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:136px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:108px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3{width:93px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:113px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{width:181px}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:19px;letter-spacing:0;line-height:29px}#section-pencil .contents-container .hero-container .hero-content .hero-img-container{height:759px;margin-left:37px;width:935px}#section-pencil .contents-container .hero-container .hero-content .pencil{height:857px;margin-bottom:40px;margin-left:428px;width:44px}#section-pencil .contents-container .pencil-scroll .texts-content-1{left:calc(50% - 873px)}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:40px}#section-pencil .contents-container .pencil-scroll .pencil-content{padding-top:calc(78.48958vw + 333px);padding-top:calc((100*var(--vw, 1vw))*1507/1920 + 333px)}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container{height:1423px;width:2554px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container{margin-left:404px;width:692px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .note{margin-top:40px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-2 .tools-text{height:117px;margin-top:305px;width:403px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .texts-container .text-3 .charge-text{height:117px;margin-top:137px;width:529px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container{height:857px;margin-bottom:57px;margin-left:67px;width:44px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container{top:595px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pencil-container .tools-container .ripple-container{height:49px;width:49px}#section-pencil .contents-container .pencil-scroll .pencil-content .content-container .pad-container{height:1706px;margin-bottom:-1378px;margin-left:102px;width:1075px}#section-pencil .contents-container .view-more{border-radius:3px;font-size:23px;line-height:36px;padding-bottom:16px;padding-top:15px;width:160px}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:293px}#section-pencil .contents-container .pencil-bottom-container .creation-container{padding-top:266px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .img-box{border-radius:27px;height:782px;margin-top:106px;width:1208px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad{border-radius:40px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad .creation-inner{height:712px;left:36px;top:36px;width:1137px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .ripple-container{height:63px;width:63px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-1 .creation-pencil{bottom:180px;height:673px;right:16px;width:35px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-2 .creation-pencil{bottom:253px;height:753px;right:251px;width:39px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .content-desc{margin-top:40px;width:1154px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-pad-2{margin-top:266px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .creation-title-2{margin-top:146px}#section-pencil .contents-container .pencil-bottom-container .creation-container .creation-box .view-more{margin-top:40px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll{height:calc(100vh + 947px + 100vw);height:calc(var(--vh, 1vh)*100 + 947px + 100vw);height:calc(100vh + 947px + var(--vw, 1vw)*100);height:calc(var(--vh, 1vh)*100 + 947px + var(--vw, 1vw)*100);margin-top:266px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container{height:calc(100vh - 64px);height:calc(var(--vh, 1vh)*100 - 64px);top:64px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .autoplay-ls-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .hand-writing-video,#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .video-poster{height:calc(100vh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container{min-width:1011px;width:1011px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .view-more{margin-top:40px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box{width:692px}#section-pencil .contents-container .pencil-bottom-container .hand-writing-scroll .hand-writing-container .texts-container .text-box .note{margin-top:40px}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:64px;width:903px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:213px;width:213px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:32px;line-height:45px;margin-top:43px}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:24px;line-height:38px;margin-top:5px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll,#section-pencil .contents-container .pencil-bottom-container .optimize-title{margin-top:266px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:682px;width:1063px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .no-linear-label{margin-top:106px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .content-desc{margin-top:40px;width:1154px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:27px;width:1154px}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:944px;width:1202px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:32px;height:605px;margin-top:-399px;padding-left:178px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:43px;line-height:51px;margin-top:29px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:64px}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:540px;right:101px;top:-55px;width:690px}}@media (orientation:portrait) and (max-width:1023px){#section-pencil{margin-top:-.278vw}#section-pencil .contents-container .hero-container .hero-bg{top:-.278vw}#section-pencil .contents-container .hero-container .banner-title.right{margin-left:21.944vw}#section-pencil .contents-container .hero-container .hero-content{margin-top:20vw;width:88.889vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container{margin-top:6.667vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-item{margin-left:5vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .separated{height:6.111vw;margin-left:5vw;margin-top:4.167vw;width:.278vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img{height:6.667vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-1{width:20vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-2{width:15.556vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-3,#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-4{width:16.667vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-img-5{height:6.667vw;margin-top:1.389vw;width:26.667vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .img-container{height:9.444vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .row2{margin-top:3.333vw}#section-pencil .contents-container .hero-container .hero-content .texts-container .features-container .feature-desc{font-size:3.889vw;letter-spacing:-.056vw;line-height:6.222vw;margin-top:1.389vw}#section-pencil .contents-container .hero-container .hero-content .pencil{height:96.389vw;margin-top:-10.556vw;width:5.556vw}#section-pencil .contents-container .pencil-scroll .texts-content-1 .no-linear-label{margin-bottom:5.556vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content{padding-top:16.667vw;top:16.667vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .texts-container{height:41.111vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .texts-container .note{margin-top:5.556vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container{height:25.278vw;margin-top:13.333vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container{height:5vw;top:2.222vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-text{height:5vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-tool{left:calc(50% - 17.222vw);width:30vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-text-container .pencil-charge{left:calc(50% - 17.222vw);width:45vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-box{height:4.167vw;left:56.389vw;top:9.722vw;width:80vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pencil-container .pencil-box .ripple-container{height:6.389vw;left:16.944vw;width:6.389vw}#section-pencil .contents-container .pencil-scroll-m .pencil-content .pad-container .pad-box{height:83.056vw;margin-left:-8.611vw;width:127.778vw}#section-pencil .contents-container .pencil-scroll-text-3{margin-top:13.611vw}#section-pencil .contents-container .pencil-scroll-text-3 .note{margin-top:5.556vw}#section-pencil .contents-container .view-more{border-radius:.556vw;font-size:3.889vw;line-height:6.667vw;padding-bottom:2.222vw;padding-top:2.222vw;width:28.889vw}#section-pencil .contents-container .creation-carousel-m{margin-top:20vw}#section-pencil .contents-container .creation-carousel-m .creation-item{width:88.889vw!important}#section-pencil .contents-container .creation-carousel-m .creation-item.last-creation-item{width:77.778vw!important}#section-pencil .contents-container .creation-carousel-m .creation-item .creation-content{width:77.778vw}#section-pencil .contents-container .creation-carousel-m .creation-item .card-title{margin-top:8.889vw}#section-pencil .contents-container .creation-carousel-m .creation-item .content-desc{margin-top:4.444vw}#section-pencil .contents-container .creation-carousel-m .creation-item .creation-pad{border-radius:2.222vw;height:50vw;width:77.778vw}#section-pencil .contents-container .creation-carousel-m .creation-item .creation-pencil{height:33.333vw;right:-8.611vw;top:7.5vw;width:38.333vw}#section-pencil .contents-container .creation-carousel-m .creation-item .creation-box{border-radius:2.222vw}#section-pencil .contents-container .creation-carousel-m .creation-item .hand-writing-video{height:50vw;width:77.778vw}#section-pencil .contents-container .pencil-creation-dots{height:.278vw;margin-bottom:13.333vw;margin-top:8.889vw}#section-pencil .contents-container .creation-view-more{margin-bottom:13.333vw;margin-top:8.889vw}#section-pencil .contents-container .pencil-bottom-container{padding-bottom:20vw}#section-pencil .contents-container .pencil-bottom-container .optimize-container{margin-top:13.333vw;width:88.889vw}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-img{height:20vw;width:20vw}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec{font-size:3.889vw;line-height:6.667vw;margin-top:3.889vw}#section-pencil .contents-container .pencil-bottom-container .optimize-container .optimize-item .optimize-spec-desc{font-size:3.333vw;line-height:5vw;margin-top:.556vw}#section-pencil .contents-container .pencil-bottom-container .optimize-title{padding-top:20vw}#section-pencil .contents-container .pencil-bottom-container .key-board-title-texts{margin-top:20vw}#section-pencil .contents-container .pencil-bottom-container .key-board-title-texts .content-desc{margin-top:5.556vw}#section-pencil .contents-container .pencil-bottom-container .key-board-title-texts .note{margin-top:4.444vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll{margin-top:13.333vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-pad-container{height:50.556vw;width:78.889vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .bottom-container .note{margin-top:4.444vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-scroll .keyboard-main-img{height:70vw;width:88.889vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container{border-radius:2.222vw;margin-top:-18.889vw;padding-bottom:13.333vw;padding-left:5.556vw;padding-top:44.444vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container{margin-top:5.278vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .shop-price{font-size:4.444vw;line-height:7.778vw;margin-top:2.222vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .texts-container .view-more{margin-top:4.444vw}#section-pencil .contents-container .pencil-bottom-container .keyboard-shop-container .keyboard-shop-img{height:54.167vw;right:-2.778vw;top:-11.667vw;width:69.167vw}#section-pencil .contents-container .hero-container{height:208.33333vw;height:calc((100*var(--vw, 1vw))*750/360)}#section-pencil .contents-container .hero-container .hero-content{flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto}#section-pencil .contents-container .hero-container .hero-content .pencil{align-self:center;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#section-pencil .contents-container .pencil-bottom-container .optimize-title{text-align:start}}#section-eyes{background:#f2f2f2}#section-eyes .contents-container{background:#000}#section-eyes .contents-container .banner-container{color:#fff}#section-eyes .contents-container .features-scroll{height:150vh;height:calc(var(--vh, 1vh)*150);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-eyes .contents-container .features-scroll .mask{background:linear-gradient(180deg,#000,transparent 16.06%)}#section-eyes .contents-container .features-container{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-eyes .contents-container .features-container .features-box{overflow:hidden}#section-eyes .contents-container .features-container .feature-img{object-fit:cover;opacity:0;transition:opacity .3s linear}#section-eyes .contents-container .features-container .feature-img.selected{opacity:1}#section-eyes .contents-container .features-container .feature{color:#fff;flex-direction:column;height:100%;justify-content:flex-end;overflow:hidden;transition:width .6s ease;width:28%}#section-eyes .contents-container .features-container .feature .feature-title{margin-top:auto}#section-eyes .contents-container .features-container .feature .details{display:none;width:32.70833vw;width:calc((100*var(--vw, 1vw))*628/1920)}#section-eyes .contents-container .features-container .feature .details .feature-title{transition:opacity .4s linear .15s,-webkit-transform .4s ease .2s;transition:transform .4s ease .2s,opacity .4s linear .15s;transition:transform .4s ease .2s,opacity .4s linear .15s,-webkit-transform .4s ease .2s}#section-eyes .contents-container .features-container .feature .details .note{opacity:0;transition:opacity .4s linear .15s,height .4s linear .15s}#section-eyes .contents-container .features-container .feature .details .extra-note{opacity:.4!important}#section-eyes .contents-container .features-container .feature.selected{width:42%}#section-eyes .contents-container .features-container .feature.selected .feature-label{opacity:0}#section-eyes .contents-container .features-container .feature.selected .details{display:block}#section-eyes .contents-container .features-container .feature.selected .details .feature-title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#section-eyes .contents-container .features-container .feature.selected .details .note{height:auto;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#section-eyes .contents-container .features-container .feature-1,#section-eyes .contents-container .features-container .feature-2{border-right:1px solid hsla(0,0%,100%,.2)}#section-eyes .contents-container .features-carousel-m .feature-item{color:#fff}#section-eyes .contents-container .features-carousel-m .feature-item .feature-img-box{overflow:hidden}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{opacity:.4!important}#section-eyes .contents-container .eyes-features-dots{background:hsla(0,0%,88%,.4)}#section-eyes .contents-container .eyes-features-dots .dot{background:#fff;height:100%;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:33.3%}#section-eyes .children-scroll .content-container{align-items:center;color:#fff;justify-content:space-between}#section-eyes .children-scroll .content-container .texts-box .texts-container{left:0;opacity:0;top:0}#section-eyes .children-scroll .content-container .texts-box .texts-container .text-1{opacity:1}#section-eyes .children-scroll .content-container .texts-box .texts-container.selected{opacity:1;transition:.5s}#section-eyes .children-scroll .content-container .img-box .children-img{opacity:0;overflow:hidden;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.5s}#section-eyes .children-scroll .content-container .img-box .children-img.selected{opacity:1}#section-eyes .children-scroll .content-container .img-box .img-3{overflow:hidden}#section-eyes .blue-ray{align-items:center;background:#1e1e28;border-radius:8px;justify-content:space-between}#section-eyes .blue-ray .texts-container{color:#fff;margin-left:auto}#section-eyes .blue-ray .texts-container .blue-ray-note{opacity:.4}#section-eyes .blue-ray .texts-container .view-more{background:#fff;color:#000;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550;padding-bottom:8px;padding-top:8px;text-align:center}#section-notes{background-color:#000;color:#fff;margin-top:-1px}#section-notes .box-container{font-size:12px;line-height:1.67;opacity:.5}@media (orientation:landscape) and (min-width:400px){#section-eyes .box-container{width:525px}#section-eyes .contents-container{padding-bottom:88px}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:76px}#section-eyes .contents-container .features-scroll{margin-top:80px}#section-eyes .contents-container .features-container{height:calc(100vh - 19px);height:calc(var(--vh, 1vh)*100 - 19px);top:19px}#section-eyes .contents-container .features-container .feature-img{height:100%;top:0}#section-eyes .contents-container .features-container .feature{padding-bottom:56px;padding-left:32px;padding-right:44px}#section-eyes .contents-container .features-container .feature .details .feature-title{-webkit-transform:translateY(36px);transform:translateY(36px)}#section-eyes .contents-container .features-container .feature .details .note{margin-top:10px;-webkit-transform:translateY(28px);transform:translateY(28px)}#section-eyes .contents-container .features-container .feature .details .extra-note{margin-top:5px!important}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:8px!important}#section-eyes .children-scroll{height:calc(300vh + 231px);height:calc(var(--vh, 1vh)*300 + 231px);padding-top:80px}#section-eyes .children-scroll .content-container{height:151px;top:calc(50vh - 56.5px);top:calc(var(--vh, 1vh)*100/2 - 56.5px)}#section-eyes .children-scroll .content-container .texts-box{height:74px}#section-eyes .children-scroll .content-container .texts-box .texts-container .no-linear-label{width:266px}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:12px;width:208px}#section-eyes .children-scroll .content-container .img-box img{margin-left:0;width:100%}#section-eyes .children-scroll .content-container .img-box .img-1,#section-eyes .children-scroll .content-container .img-box .img-2{height:185px;width:235px}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:5px;height:201px;width:290px}#section-eyes .blue-ray{border-radius:10px;height:200px;margin-top:80px;padding-left:23px;padding-right:16px}#section-eyes .blue-ray .pad-img{height:88px;width:238px}#section-eyes .blue-ray .texts-container{width:208px}#section-eyes .blue-ray .texts-container .note{margin-top:12px}#section-eyes .blue-ray .texts-container .blue-ray-note{margin-top:8px}#section-eyes .blue-ray .texts-container .view-more{border-radius:1px;font-size:7px;letter-spacing:0;line-height:10px;margin-top:13px;padding-bottom:4px;padding-top:4px;width:48px}#section-notes{padding-bottom:58px;padding-top:29px}}@media (max-width:1022px) and (min-width:750px){#section-eyes .contents-container .features-carousel-m .feature-item .feature-img-box{height:44.44444vw!important;height:calc((100*var(--vw, 1vw))*160/360)!important;width:42.91188vw!important;width:calc((100*var(--vw, 1vw))*154.48276/360)!important}#section-eyes .contents-container .features-carousel-m .feature-item .feature-title{margin-top:3.33333vw!important;margin-top:calc((100*var(--vw, 1vw))*12/360)!important}#section-eyes .contents-container .features-carousel-m .feature-item .note{margin-top:2.22222vw!important;margin-top:calc((100*var(--vw, 1vw))*8/360)!important}#section-eyes .contents-container .eyes-features-dots{margin-top:4.44444vw!important;margin-top:calc((100*var(--vw, 1vw))*16/360)!important}#section-eyes .children-scroll .content-container{height:138.88889vw!important;height:calc((100*var(--vw, 1vw))*500/360)!important;top:13.33333vw!important;top:calc((100*var(--vw, 1vw))*48/360)!important}#section-eyes .children-scroll .content-container .texts-box{margin-top:8.88889vw!important;margin-top:calc((100*var(--vw, 1vw))*32/360)!important}}@media screen and (max-width:1022px) and (min-width:750px){#section-eyes .children-scroll .content-container .img-box{height:55.55556vw!important;height:calc((100*var(--vw, 1vw))*200/360)!important;width:70.54674vw!important;width:calc((100*var(--vw, 1vw))*200/360*320/252)!important}}@media (min-width:1024px) and (max-width:1399px){#section-eyes .box-container{width:896px}#section-eyes .contents-container{padding-bottom:150px}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:129px}#section-eyes .contents-container .features-scroll{margin-top:137px}#section-eyes .contents-container .features-container{height:calc(100vh - 33px);height:calc(var(--vh, 1vh)*100 - 33px);top:33px}#section-eyes .contents-container .features-container .feature-img{height:calc(100% + 1px);top:1px}#section-eyes .contents-container .features-container .feature{padding-bottom:96px;padding-left:55px;padding-right:75px}#section-eyes .contents-container .features-container .feature .details .feature-title{-webkit-transform:translateY(61px);transform:translateY(61px)}#section-eyes .contents-container .features-container .feature .details .note{margin-top:16px;-webkit-transform:translateY(48px);transform:translateY(48px)}#section-eyes .contents-container .features-container .feature .details .extra-note{margin-top:8px!important}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:14px!important}#section-eyes .children-scroll{height:calc(300vh + 394px);height:calc(var(--vh, 1vh)*300 + 394px);padding-top:137px}#section-eyes .children-scroll .content-container{height:257px;top:calc(50vh - 95.5px);top:calc(var(--vh, 1vh)*100/2 - 95.5px)}#section-eyes .children-scroll .content-container .texts-box{height:126px}#section-eyes .children-scroll .content-container .texts-box .texts-container .no-linear-label{width:453px}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:20px;width:355px}#section-eyes .children-scroll .content-container .img-box img{margin-left:-1px;width:calc(100% + 1px)}#section-eyes .children-scroll .content-container .img-box .img-1,#section-eyes .children-scroll .content-container .img-box .img-2{height:315px;width:401px}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:8px;height:343px;width:494px}#section-eyes .blue-ray{border-radius:16px;height:341px;margin-top:137px;padding-left:40px;padding-right:27px}#section-eyes .blue-ray .pad-img{height:151px;width:406px}#section-eyes .blue-ray .texts-container{width:355px}#section-eyes .blue-ray .texts-container .note{margin-top:20px}#section-eyes .blue-ray .texts-container .blue-ray-note{margin-top:14px}#section-eyes .blue-ray .texts-container .view-more{border-radius:1px;font-size:12px;letter-spacing:0;line-height:18px;margin-top:22px;padding-bottom:8px;padding-top:8px;width:82px}#section-notes{padding-bottom:98px;padding-top:49px}}@media (min-width:1024px),(orientation:landscape){#section-eyes .children-scroll .content-container .texts-box .texts-container,#section-eyes .children-scroll .content-container .texts-box .texts-container.selected{-webkit-transform:translateY(10%);transform:translateY(10%)}#section-eyes .children-scroll .content-container .img-box img{object-fit:cover}}@media (min-width:1400px) and (max-width:1799px){#section-eyes .box-container{width:1100px}#section-eyes .contents-container{padding-bottom:184px}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:158px}#section-eyes .contents-container .features-scroll{margin-top:168px}#section-eyes .contents-container .features-container{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);top:40px}#section-eyes .contents-container .features-container .feature-img{height:calc(100% + 1px);top:1px}#section-eyes .contents-container .features-container .feature{padding-bottom:117px;padding-left:67px;padding-right:92px}#section-eyes .contents-container .features-container .feature .details .feature-title{-webkit-transform:translateY(75px);transform:translateY(75px)}#section-eyes .contents-container .features-container .feature .details .note{margin-top:20px;-webkit-transform:translateY(59px);transform:translateY(59px)}#section-eyes .contents-container .features-container .feature .details .extra-note{margin-top:10px!important}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:17px!important}#section-eyes .children-scroll{height:calc(300vh + 484px);height:calc(var(--vh, 1vh)*300 + 484px);padding-top:168px}#section-eyes .children-scroll .content-container{height:316px;top:calc(50vh - 118px);top:calc(var(--vh, 1vh)*100/2 - 118px)}#section-eyes .children-scroll .content-container .texts-box{height:154px}#section-eyes .children-scroll .content-container .texts-box .texts-container .no-linear-label{width:557px}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:25px;width:436px}#section-eyes .children-scroll .content-container .img-box img{margin-left:-1px;width:calc(100% + 1px)}#section-eyes .children-scroll .content-container .img-box .img-1,#section-eyes .children-scroll .content-container .img-box .img-2{height:387px;width:492px}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:10px;height:421px;width:607px}#section-eyes .blue-ray{border-radius:20px;height:418px;margin-top:168px;padding-left:49px;padding-right:34px}#section-eyes .blue-ray .pad-img{height:185px;width:499px}#section-eyes .blue-ray .texts-container{width:436px}#section-eyes .blue-ray .texts-container .note{margin-top:25px}#section-eyes .blue-ray .texts-container .blue-ray-note{margin-top:17px}#section-eyes .blue-ray .texts-container .view-more{border-radius:2px;font-size:15px;letter-spacing:0;line-height:22px;margin-top:27px;padding-bottom:9px;padding-top:9px;width:101px}#section-notes{padding-bottom:121px;padding-top:60px}}@media (min-width:1800px) and (max-width:2299px){#section-eyes .box-container{width:1312px}#section-eyes .contents-container{padding-bottom:220px}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:189px}#section-eyes .contents-container .features-scroll{margin-top:200px}#section-eyes .contents-container .features-container{height:calc(100vh - 48px);height:calc(var(--vh, 1vh)*100 - 48px);top:48px}#section-eyes .contents-container .features-container .feature-img{height:calc(100% + 1px);top:1px}#section-eyes .contents-container .features-container .feature{padding-bottom:140px;padding-left:80px;padding-right:110px}#section-eyes .contents-container .features-container .feature .details .feature-title{-webkit-transform:translateY(90px);transform:translateY(90px)}#section-eyes .contents-container .features-container .feature .details .note{margin-top:24px;-webkit-transform:translateY(70px);transform:translateY(70px)}#section-eyes .contents-container .features-container .feature .details .extra-note{margin-top:12px!important}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:20px!important}#section-eyes .children-scroll{height:calc(300vh + 577px);height:calc(var(--vh, 1vh)*300 + 577px);padding-top:200px}#section-eyes .children-scroll .content-container{height:377px;top:calc(50vh - 140.5px);top:calc(var(--vh, 1vh)*100/2 - 140.5px)}#section-eyes .children-scroll .content-container .texts-box{height:184px}#section-eyes .children-scroll .content-container .texts-box .texts-container .no-linear-label{width:664px}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:30px;width:520px}#section-eyes .children-scroll .content-container .img-box img{margin-left:-1px;width:calc(100% + 1px)}#section-eyes .children-scroll .content-container .img-box .img-1,#section-eyes .children-scroll .content-container .img-box .img-2{height:462px;width:587px}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:12px;height:502px;width:724px}#section-eyes .blue-ray{border-radius:24px;height:499px;margin-top:200px;padding-left:58px;padding-right:40px}#section-eyes .blue-ray .pad-img{height:221px;width:595px}#section-eyes .blue-ray .texts-container{width:520px}#section-eyes .blue-ray .texts-container .note{margin-top:30px}#section-eyes .blue-ray .texts-container .blue-ray-note{margin-top:20px}#section-eyes .blue-ray .texts-container .view-more{border-radius:2px;font-size:18px;letter-spacing:0;line-height:26px;margin-top:32px;padding-bottom:11px;padding-top:11px;width:120px}#section-notes{padding-bottom:144px;padding-top:72px}}@media (min-width:2300px){#section-eyes .box-container{width:1745px}#section-eyes .contents-container{padding-bottom:293px}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:251px}#section-eyes .contents-container .features-scroll{margin-top:266px}#section-eyes .contents-container .features-container{height:calc(100vh - 64px);height:calc(var(--vh, 1vh)*100 - 64px);top:64px}#section-eyes .contents-container .features-container .feature-img{height:calc(100% + 1px);top:1px}#section-eyes .contents-container .features-container .feature{padding-bottom:186px;padding-left:106px;padding-right:146px}#section-eyes .contents-container .features-container .feature .details .feature-title{-webkit-transform:translateY(120px);transform:translateY(120px)}#section-eyes .contents-container .features-container .feature .details .note{margin-top:32px;-webkit-transform:translateY(93px);transform:translateY(93px)}#section-eyes .contents-container .features-container .feature .details .extra-note{margin-top:16px!important}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:27px!important}#section-eyes .children-scroll{height:calc(300vh + 767px);height:calc(var(--vh, 1vh)*300 + 767px);padding-top:266px}#section-eyes .children-scroll .content-container{height:501px;top:calc(50vh - 186.5px);top:calc(var(--vh, 1vh)*100/2 - 186.5px)}#section-eyes .children-scroll .content-container .texts-box{height:245px}#section-eyes .children-scroll .content-container .texts-box .texts-container .no-linear-label{width:883px}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:40px;width:692px}#section-eyes .children-scroll .content-container .img-box img{margin-left:-1px;width:calc(100% + 1px)}#section-eyes .children-scroll .content-container .img-box .img-1,#section-eyes .children-scroll .content-container .img-box .img-2{height:614px;width:781px}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:16px;height:668px;width:963px}#section-eyes .blue-ray{border-radius:32px;height:664px;margin-top:266px;padding-left:77px;padding-right:53px}#section-eyes .blue-ray .pad-img{height:294px;width:791px}#section-eyes .blue-ray .texts-container{width:692px}#section-eyes .blue-ray .texts-container .note{margin-top:40px}#section-eyes .blue-ray .texts-container .blue-ray-note{margin-top:27px}#section-eyes .blue-ray .texts-container .view-more{border-radius:3px;font-size:24px;letter-spacing:0;line-height:35px;margin-top:43px;padding-bottom:15px;padding-top:15px;width:160px}#section-notes{padding-bottom:192px;padding-top:96px}}@media (orientation:portrait) and (max-width:1023px){#section-eyes .contents-container{padding-bottom:20vw}#section-eyes .contents-container .banner-container .banner-title.right{margin-left:10.556vw}#section-eyes .contents-container .features-carousel-m{margin-top:20vw}#section-eyes .contents-container .features-carousel-m .feature-item{width:91.111vw!important}#section-eyes .contents-container .features-carousel-m .feature-item.last-feature-item{width:77.778vw!important}#section-eyes .contents-container .features-carousel-m .feature-item .feature-content{width:77.778vw}#section-eyes .contents-container .features-carousel-m .feature-item .feature-img-box{border-radius:2.5vw;height:80.556vw;width:77.778vw}#section-eyes .contents-container .features-carousel-m .feature-item .feature-title{margin-top:13.333vw}#section-eyes .contents-container .features-carousel-m .feature-item .note{margin-top:4.444vw}#section-eyes .contents-container .features-carousel-m .feature-item .extra-note{margin-top:2.222vw!important}#section-eyes .contents-container .eyes-features-dots{height:.278vw;margin-top:13.333vw}#section-eyes .children-scroll{height:calc(300vh + 145.278vw);height:calc(var(--vh, 1vh)*300 + 145.278vw);margin-top:36.111vw}#section-eyes .children-scroll .content-container{height:145.278vw;top:38.333vw}#section-eyes .children-scroll .content-container .texts-box{margin-top:16.111vw}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{margin-top:5.556vw}#section-eyes .children-scroll .content-container .texts-box .texts-container.selected{-webkit-transform:translateY(-2.778vw);transform:translateY(-2.778vw)}#section-eyes .children-scroll .content-container .img-box{height:70vw;width:88.889vw}#section-eyes .children-scroll .content-container .img-box .img-3{border-radius:2.222vw}#section-eyes .blue-ray{padding:17.778vw 5.556vw}#section-eyes .blue-ray .pad-img{height:28.611vw;width:77.778vw}#section-eyes .blue-ray .texts-container{margin-top:13.333vw}#section-eyes .blue-ray .texts-container .blue-ray-note,#section-eyes .blue-ray .texts-container .note{margin-top:4.444vw}#section-eyes .blue-ray .texts-container .view-more{border-radius:.556vw;font-size:3.889vw;line-height:6.667vw;margin-top:8.889vw;width:28.889vw}#section-eyes .children-scroll .content-container{flex-direction:column;justify-content:flex-start}#section-eyes .children-scroll .content-container .texts-box{width:100%}#section-eyes .children-scroll .content-container .texts-box .texts-container{-webkit-transform:translateY(0);transform:translateY(0)}#section-eyes .children-scroll .content-container .texts-box .texts-container .note{width:100%}#section-eyes .blue-ray{flex-direction:column}}