/* Version: 1.5.0 */
.zn--common-popup{display:none;-webkit-transform:translate3d(0,120vh,0);-moz-transform:translate3d(0,120vh,0);transform:translate3d(0,120vh,0);-webkit-transform:translate3d(0,-webkit-calc(var(--vh,1vh)*120),0);-moz-transform:translate3d(0,-moz-calc(var(--vh,1vh)*120),0);transform:translate3d(0,calc(var(--vh, 1vh)*120),0)}.zn--common-popup.show{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,-webkit-calc(var(--vh,1vh)*0),0);-moz-transform:translate3d(0,-moz-calc(var(--vh,1vh)*0),0);transform:translate3d(0,calc(var(--vh, 1vh)*0),0)}.zn--common-popup .zn--common-popup-content .pic-wrapper .loading-icon{-webkit-animation:arrowAni 2s linear infinite;-moz-animation:arrowAni 2s linear infinite;animation:arrowAni 2s linear infinite}@-moz-keyframes arrowAni{0%{-moz-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes arrowAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes arrowAni{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.zn--common-popup .zn--common-popup-content .pic-wrapper img{opacity:0;pointer-events:none;z-index:1}.zn--common-popup .zn--common-popup-content .pic-wrapper img.active{opacity:1;z-index:2}.zn--common-popup .zn--common-popup-content .pic-wrapper .popup-tip{opacity:1;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease}.zn--common-popup .zn--common-popup-content .pic-wrapper .popup-tip.disappear{opacity:0}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-left{background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#000,rgba(0,0,0,0));background:-moz-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:linear-gradient(90deg,#000,rgba(0,0,0,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-right{background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#000,rgba(0,0,0,0));background:-moz-linear-gradient(right,#000 0,rgba(0,0,0,0) 100%);background:linear-gradient(270deg,#000,rgba(0,0,0,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;-moz-transition:transform .5s ease,-moz-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail img{-o-object-position:50% 40%;object-position:50% 40%}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .common-info .devices-wrapper .device,.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info .devices-wrapper .device{left:0;position:absolute;top:0}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .common-info .devices-wrapper .device:first-child,.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info .devices-wrapper .device:first-child{position:relative}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .common-info .devices-wrapper .device.active,.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info .devices-wrapper .device.active{opacity:1}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .bottom-mask{background:-webkit-gradient(linear,left top,left bottom,color-stop(-7.92%,hsla(0,0%,100%,0)),color-stop(67.5%,#fff));background:-webkit-linear-gradient(top,hsla(0,0%,100%,0) -7.92%,#fff 67.5%);background:-moz-linear-gradient(top,hsla(0,0%,100%,0) -7.92%,#fff 67.5%);background:linear-gradient(180deg,hsla(0,0%,100%,0) -7.92%,#fff 67.5%);pointer-events:none}.zn--common-popup .zn--common-popup-content .option-wrapper .switch-download .switch-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zn--common-popup .zn--common-popup-content .option-wrapper .switch-download .switch-wrapper .next-btn,.zn--common-popup .zn--common-popup-content .option-wrapper .switch-download .switch-wrapper .prev-btn{background:rgba(0,0,0,.08);opacity:1}.zn--common-popup .zn--common-popup-content .option-wrapper .switch-download .switch-wrapper .next-btn.disabled,.zn--common-popup .zn--common-popup-content .option-wrapper .switch-download .switch-wrapper .prev-btn.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.zn--common-popup .zn--common-popup-content .desc,.zn--common-popup .zn--common-popup-content .subTitle{opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease;z-index:1}.zn--common-popup .zn--common-popup-content .desc.active,.zn--common-popup .zn--common-popup-content .subTitle.active{opacity:1;pointer-events:auto;z-index:2}.zn--common-popup .zn--common-popup-content .download-wrapper{opacity:0;pointer-events:none;z-index:1}.zn--common-popup .zn--common-popup-content .download-wrapper.active{opacity:1;pointer-events:auto;z-index:2}.zn--common-popup .vote-modal-btn{pointer-events:none;visibility:hidden}.zn--common-popup .vote-modal-btn[data-status="0"],.zn--common-popup .vote-modal-btn[data-status="1"]{background:#000;color:#fff}.zn--common-popup .vote-modal-btn[data-status="2"]{background:#bfbfbf;color:#fffffff2;pointer-events:none}.zn--common-popup .like-num-wrapper{opacity:0}.zn--common-popup .like-num-wrapper.active{opacity:1}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-left{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:-moz-linear-gradient(left,#fff 0,hsla(0,0%,100%,0) 100%);background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-right{background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0));background:-moz-linear-gradient(right,#fff 0,hsla(0,0%,100%,0) 100%);background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail{margin-left:8px;margin-right:8px}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail:first-child{margin-left:97px;margin-right:8px}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .common-info,.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .common-info::-webkit-scrollbar,.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info::-webkit-scrollbar{display:none}}@media (max-width:1023px){.zn--common-popup .zn--common-popup-content{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.zn--common-popup .zn--common-popup-content::-webkit-scrollbar{display:none}}@media (min-width:1024px) and (max-height:720px){.zn--common-popup .zn--common-popup-content .thumbnail-wrapper{margin:calc(var(--rpx, 1px)*30) 0}}@media (min-width:651px) and (max-width:1023px){.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail{margin-left:6px;margin-right:6px}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail:first-child{margin-left:86px;margin-right:6px}}@media (max-width:650px){.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail{margin-left:4px;margin-right:4px}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail:first-child{margin-left:61px;margin-right:4px}}.g--popup{height:var(--window-height,100vh);height:var(--window-height,-webkit-calc(var(--vh,1vh)*100));height:var(--window-height,-moz-calc(var(--vh,1vh)*100));height:var(--window-height,calc(var(--vh, 1vh)*100));left:0;position:fixed;top:0;-webkit-transform:translateY(120vh);-moz-transform:translateY(120vh);-ms-transform:translateY(120vh);transform:translateY(120vh);-webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));-moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));-ms-transform:translateY(calc(var(--vh, 1vh)*120));transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g--popup.disappear,.g--popup.show{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}.g--popup .g--popup-container{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{margin-top:-12px;position:relative}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper .video,.g--popup .g--video-wrapper video{height:100%;max-height:75vh;max-height:-webkit-calc(var(--vh,1vh)*75);max-height:-moz-calc(var(--vh,1vh)*75);max-height:calc(var(--vh, 1vh)*75);outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper .iframe-poster,.video-portrait.g--popup .g--video-wrapper .video,.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper .iframe-poster{-webkit-animation-duration:1.4s;-moz-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:skeletonLoading;-moz-animation-name:skeletonLoading;animation-name:skeletonLoading;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;background:-webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.06)),color-stop(37%,rgba(0,0,0,.15)),color-stop(63%,rgba(0,0,0,.06)));background:-webkit-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:-moz-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);-webkit-background-size:400% 100%;background-size:400% 100%;left:0;position:absolute;top:0;z-index:0}.g--popup .g--video-wrapper iframe.video{position:relative;z-index:1}.g--popup .g--video-wrapper .video[src=""],.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close.v1{cursor:pointer;height:24px;margin-left:auto;opacity:1!important;position:absolute;right:0;top:-36px;width:24px;z-index:2}.g--popup .g--popup-close.v1 .inner{height:100%;width:100%}.g--popup .g--popup-close.v2{cursor:pointer;height:32px;margin-left:auto;opacity:1!important;position:absolute;right:32px;top:32px;width:32px;z-index:2}.video-portrait.g--popup .g--popup-close.v2{top:8px}.g--popup-container.v2.v2{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1{background:#000}.g--popup-close.v1 polygon{fill:#fff}.light-theme :not(.dark-theme) .g--popup-container.v1{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2{background:#fafafa}.light-theme :not(.dark-theme) .g--popup-close.v2 circle{fill:#efede9}.light-theme :not(.dark-theme) .g--popup-close.v2 path{fill:#000}@-moz-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.pad-only,.pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:-webkit-calc(var(--vw,1vw)*34.115);height:-moz-calc(var(--vw,1vw)*34.115);height:calc(var(--vw, 1vw)*34.115)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pc-only{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:50.634vw;height:-webkit-calc(var(--vw,1vw)*50.634);height:-moz-calc(var(--vw,1vw)*50.634);height:calc(var(--vw, 1vw)*50.634);width:90vw;width:-webkit-calc(var(--vw,1vw)*90);width:-moz-calc(var(--vw,1vw)*90);width:calc(var(--vw, 1vw)*90)}.g--popup .g--video-wrapper.v1{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:90vw;max-width:-webkit-calc(var(--vw,1vw)*90);max-width:-moz-calc(var(--vw,1vw)*90);max-width:calc(var(--vw, 1vw)*90)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(var(--window-height) - 59px);top:-moz-calc(var(--window-height) - 59px);top:calc(var(--window-height) - 59px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.pad-hidden,.pc-only{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:-webkit-calc(var(--vw,1vw)*42.1875);height:-moz-calc(var(--vw,1vw)*42.1875);height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}}.container{width:100%}.bg-\[\#636363\]{--tw-bg-opacity:1;background-color:rgba(99,99,99,var(--tw-bg-opacity))}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:.5}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.h-full{height:100%}.h-\[6\.25vw\]{height:6.25vw;height:-webkit-calc(var(--vw,1vw)*6.25);height:-moz-calc(var(--vw,1vw)*6.25);height:calc(var(--vw, 1vw)*6.25)}.h-214rpx{height:-webkit-calc(var(--rpx,1px)*214);height:-moz-calc(var(--rpx,1px)*214);height:calc(var(--rpx, 1px)*214)}.h-2px{height:2px}.text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.text-16px{font-size:16px;line-height:1}.leading-\[1\.7\]{line-height:1.7}.mx-auto{margin-left:auto;margin-right:auto}.mx-12rpx{margin-left:calc(var(--rpx, 1px)*12);margin-right:calc(var(--rpx, 1px)*12)}.mt-14rpx{margin-top:calc(var(--rpx, 1px)*14)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mr-12rpx{margin-right:calc(var(--rpx, 1px)*12)}.ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-95{opacity:.95}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.pb-65rpx{padding-bottom:calc(var(--rpx, 1px)*65)}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.-left-\[100\%\]{left:-100%}.text-center{text-align:center}.text-\[\#ffffff\]{--tw-text-opacity:1}.text-\[\#FFFFFF8C\],.text-\[\#ffffff\]{color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#FFFFFF8C\]{--tw-text-opacity:.5490196078431373}.tracking-0\.031em{letter-spacing:.031em}.w-full{width:100%}.w-\[15\.59vw\]{width:15.59vw;width:-webkit-calc(var(--vw,1vw)*15.59);width:-moz-calc(var(--vw,1vw)*15.59);width:calc(var(--vw, 1vw)*15.59)}.w-284rpx{width:-webkit-calc(var(--rpx,1px)*284);width:-moz-calc(var(--rpx,1px)*284);width:calc(var(--rpx, 1px)*284)}.w-285rpx{width:-webkit-calc(var(--rpx,1px)*285);width:-moz-calc(var(--rpx,1px)*285);width:calc(var(--rpx, 1px)*285)}.w-163rpx{width:-webkit-calc(var(--rpx,1px)*163);width:-moz-calc(var(--rpx,1px)*163);width:calc(var(--rpx, 1px)*163)}.w-222rpx{width:-webkit-calc(var(--rpx,1px)*222);width:-moz-calc(var(--rpx,1px)*222);width:calc(var(--rpx, 1px)*222)}.z-1{z-index:1}.z-2{z-index:2}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}.pc\:h-full{height:100%}.pc\:h-30vw{height:30vw;height:-webkit-calc(var(--vw,1vw)*30);height:-moz-calc(var(--vw,1vw)*30);height:calc(var(--vw, 1vw)*30)}.pc\:h-50vw{height:50vw;height:-webkit-calc(var(--vw,1vw)*50);height:-moz-calc(var(--vw,1vw)*50);height:calc(var(--vw, 1vw)*50)}.pc\:h-13\.958vw{height:13.958vw;height:-webkit-calc(var(--vw,1vw)*13.958);height:-moz-calc(var(--vw,1vw)*13.958);height:calc(var(--vw, 1vw)*13.958)}.pc\:h-11\.319vw{height:11.319vw;height:-webkit-calc(var(--vw,1vw)*11.319);height:-moz-calc(var(--vw,1vw)*11.319);height:calc(var(--vw, 1vw)*11.319)}.pc\:h-17\.08vw{height:17.08vw;height:-webkit-calc(var(--vw,1vw)*17.08);height:-moz-calc(var(--vw,1vw)*17.08);height:calc(var(--vw, 1vw)*17.08)}.pc\:h-16\.25vw{height:16.25vw;height:-webkit-calc(var(--vw,1vw)*16.25);height:-moz-calc(var(--vw,1vw)*16.25);height:calc(var(--vw, 1vw)*16.25)}.pc\:h-11\.73vw{height:11.73vw;height:-webkit-calc(var(--vw,1vw)*11.73);height:-moz-calc(var(--vw,1vw)*11.73);height:calc(var(--vw, 1vw)*11.73)}.pc\:h-13\.88vw{height:13.88vw;height:-webkit-calc(var(--vw,1vw)*13.88);height:-moz-calc(var(--vw,1vw)*13.88);height:calc(var(--vw, 1vw)*13.88)}.pc\:text-42rpx{font-size:-webkit-calc(var(--rpx,1px)*42);font-size:-moz-calc(var(--rpx,1px)*42);font-size:calc(var(--rpx, 1px)*42);line-height:1}.pc\:leading-\[1\.19\]{line-height:1.19}.pc\:min-h-720rpx{min-height:-webkit-calc(var(--rpx,1px)*720);min-height:-moz-calc(var(--rpx,1px)*720);min-height:calc(var(--rpx, 1px)*720)}.pc\:min-h-201rpx{min-height:-webkit-calc(var(--rpx,1px)*201);min-height:-moz-calc(var(--rpx,1px)*201);min-height:calc(var(--rpx, 1px)*201)}.pc\:min-h-163rpx{min-height:-webkit-calc(var(--rpx,1px)*163);min-height:-moz-calc(var(--rpx,1px)*163);min-height:calc(var(--rpx, 1px)*163)}.pc\:min-h-246rpx{min-height:-webkit-calc(var(--rpx,1px)*246);min-height:-moz-calc(var(--rpx,1px)*246);min-height:calc(var(--rpx, 1px)*246)}.pc\:min-h-234rpx{min-height:-webkit-calc(var(--rpx,1px)*234);min-height:-moz-calc(var(--rpx,1px)*234);min-height:calc(var(--rpx, 1px)*234)}.pc\:min-h-169rpx{min-height:-webkit-calc(var(--rpx,1px)*169);min-height:-moz-calc(var(--rpx,1px)*169);min-height:calc(var(--rpx, 1px)*169)}.pc\:min-h-200rpx{min-height:-webkit-calc(var(--rpx,1px)*200);min-height:-moz-calc(var(--rpx,1px)*200);min-height:calc(var(--rpx, 1px)*200)}.pc\:min-w-301rpx{min-width:-webkit-calc(var(--rpx,1px)*301);min-width:-moz-calc(var(--rpx,1px)*301);min-width:calc(var(--rpx, 1px)*301)}.pc\:min-w-248rpx{min-width:-webkit-calc(var(--rpx,1px)*248);min-width:-moz-calc(var(--rpx,1px)*248);min-width:calc(var(--rpx, 1px)*248)}.pc\:min-w-197rpx{min-width:-webkit-calc(var(--rpx,1px)*197);min-width:-moz-calc(var(--rpx,1px)*197);min-width:calc(var(--rpx, 1px)*197)}.pc\:min-w-176rpx{min-width:-webkit-calc(var(--rpx,1px)*176);min-width:-moz-calc(var(--rpx,1px)*176);min-width:calc(var(--rpx, 1px)*176)}.pc\:min-w-255rpx{min-width:-webkit-calc(var(--rpx,1px)*255);min-width:-moz-calc(var(--rpx,1px)*255);min-width:calc(var(--rpx, 1px)*255)}.pc\:min-w-302rpx{min-width:-webkit-calc(var(--rpx,1px)*302);min-width:-moz-calc(var(--rpx,1px)*302);min-width:calc(var(--rpx, 1px)*302)}.pc\:absolute{position:absolute}.pc\:w-full{width:100%}.pc\:w-616rpx{width:-webkit-calc(var(--rpx,1px)*616);width:-moz-calc(var(--rpx,1px)*616);width:calc(var(--rpx, 1px)*616)}.pc\:w-20\.9vw{width:20.9vw;width:-webkit-calc(var(--vw,1vw)*20.9);width:-moz-calc(var(--vw,1vw)*20.9);width:calc(var(--vw, 1vw)*20.9)}.pc\:w-17\.22vw{width:17.22vw;width:-webkit-calc(var(--vw,1vw)*17.22);width:-moz-calc(var(--vw,1vw)*17.22);width:calc(var(--vw, 1vw)*17.22)}.pc\:w-13\.68vw{width:13.68vw;width:-webkit-calc(var(--vw,1vw)*13.68);width:-moz-calc(var(--vw,1vw)*13.68);width:calc(var(--vw, 1vw)*13.68)}.pc\:w-12\.22vw{width:12.22vw;width:-webkit-calc(var(--vw,1vw)*12.22);width:-moz-calc(var(--vw,1vw)*12.22);width:calc(var(--vw, 1vw)*12.22)}.pc\:w-17\.7vw{width:17.7vw;width:-webkit-calc(var(--vw,1vw)*17.7);width:-moz-calc(var(--vw,1vw)*17.7);width:calc(var(--vw, 1vw)*17.7)}.pc\:w-20\.97vw{width:20.97vw;width:-webkit-calc(var(--vw,1vw)*20.97);width:-moz-calc(var(--vw,1vw)*20.97);width:calc(var(--vw, 1vw)*20.97)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.mo\:justify-start{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.mo\:h-600rpx{height:-webkit-calc(var(--rpx,1px)*600);height:-moz-calc(var(--rpx,1px)*600);height:calc(var(--rpx, 1px)*600)}.mo\:h-80rpx{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80)}.mo\:mx-auto{margin-left:auto;margin-right:auto}.mo\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mo\:pt-183rpx{padding-top:calc(var(--rpx, 1px)*183)}.mo\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.mo\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.mo\:top-\[61\.11vw\]{top:61.11vw;top:-webkit-calc(var(--vw,1vw)*61.11);top:-moz-calc(var(--vw,1vw)*61.11);top:calc(var(--vw, 1vw)*61.11)}.mo\:left-\[calc\(50\%-100rpx\)\]{left:-webkit-calc(50% - var(--rpx,1px)*100);left:-moz-calc(50% - var(--rpx,1px)*100);left:calc(50% - var(--rpx, 1px)*100)}.mo\:text-center{text-align:center}.mo\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.mo\:w-200rpx{width:-webkit-calc(var(--rpx,1px)*200);width:-moz-calc(var(--rpx,1px)*200);width:calc(var(--rpx, 1px)*200)}.mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.pad\:h-full{height:100%}.pad\:h-620rpx{height:-webkit-calc(var(--rpx,1px)*620);height:-moz-calc(var(--rpx,1px)*620);height:calc(var(--rpx, 1px)*620)}.pad\:h-70rpx{height:-webkit-calc(var(--rpx,1px)*70);height:-moz-calc(var(--rpx,1px)*70);height:calc(var(--rpx, 1px)*70)}.pad\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.pad\:h-112rpx{height:-webkit-calc(var(--rpx,1px)*112);height:-moz-calc(var(--rpx,1px)*112);height:calc(var(--rpx, 1px)*112)}.pad\:h-114rpx{height:-webkit-calc(var(--rpx,1px)*114);height:-moz-calc(var(--rpx,1px)*114);height:calc(var(--rpx, 1px)*114)}.pad\:h-149rpx{height:-webkit-calc(var(--rpx,1px)*149);height:-moz-calc(var(--rpx,1px)*149);height:calc(var(--rpx, 1px)*149)}.pad\:h-173rpx{height:-webkit-calc(var(--rpx,1px)*173);height:-moz-calc(var(--rpx,1px)*173);height:calc(var(--rpx, 1px)*173)}.pad\:h-113rpx{height:-webkit-calc(var(--rpx,1px)*113);height:-moz-calc(var(--rpx,1px)*113);height:calc(var(--rpx, 1px)*113)}.pad\:h-124rpx{height:-webkit-calc(var(--rpx,1px)*124);height:-moz-calc(var(--rpx,1px)*124);height:calc(var(--rpx, 1px)*124)}.pad\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.pad\:leading-\[1\.4\]{line-height:1.4}.pad\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.pad\:absolute{position:absolute}.pad\:top-99rpx{top:-webkit-calc(var(--rpx,1px)*99);top:-moz-calc(var(--rpx,1px)*99);top:calc(var(--rpx, 1px)*99)}.pad\:left-20rpx{left:-webkit-calc(var(--rpx,1px)*20);left:-moz-calc(var(--rpx,1px)*20);left:calc(var(--rpx, 1px)*20)}.pad\:top-47rpx{top:-webkit-calc(var(--rpx,1px)*47);top:-moz-calc(var(--rpx,1px)*47);top:calc(var(--rpx, 1px)*47)}.pad\:left-256rpx{left:-webkit-calc(var(--rpx,1px)*256);left:-moz-calc(var(--rpx,1px)*256);left:calc(var(--rpx, 1px)*256)}.pad\:top-83rpx{top:-webkit-calc(var(--rpx,1px)*83);top:-moz-calc(var(--rpx,1px)*83);top:calc(var(--rpx, 1px)*83)}.pad\:right-45rpx{right:-webkit-calc(var(--rpx,1px)*45);right:-moz-calc(var(--rpx,1px)*45);right:calc(var(--rpx, 1px)*45)}.pad\:bottom-46rpx{bottom:-webkit-calc(var(--rpx,1px)*46);bottom:-moz-calc(var(--rpx,1px)*46);bottom:calc(var(--rpx, 1px)*46)}.pad\:left-30rpx{left:-webkit-calc(var(--rpx,1px)*30);left:-moz-calc(var(--rpx,1px)*30);left:calc(var(--rpx, 1px)*30)}.pad\:bottom-54rpx{bottom:-webkit-calc(var(--rpx,1px)*54);bottom:-moz-calc(var(--rpx,1px)*54);bottom:calc(var(--rpx, 1px)*54)}.pad\:right-267rpx{right:-webkit-calc(var(--rpx,1px)*267);right:-moz-calc(var(--rpx,1px)*267);right:calc(var(--rpx, 1px)*267)}.pad\:bottom-71rpx{bottom:-webkit-calc(var(--rpx,1px)*71);bottom:-moz-calc(var(--rpx,1px)*71);bottom:calc(var(--rpx, 1px)*71)}.pad\:-right-30rpx{right:-webkit-calc(var(--rpx,1px)*-30);right:-moz-calc(var(--rpx,1px)*-30);right:calc(var(--rpx, 1px)*-30)}.pad\:tracking-0\.031em{letter-spacing:.031em}.pad\:w-full{width:100%}.pad\:w-175rpx{width:-webkit-calc(var(--rpx,1px)*175);width:-moz-calc(var(--rpx,1px)*175);width:calc(var(--rpx, 1px)*175)}.pad\:w-595rpx{width:-webkit-calc(var(--rpx,1px)*595);width:-moz-calc(var(--rpx,1px)*595);width:calc(var(--rpx, 1px)*595)}.pad\:w-168rpx{width:-webkit-calc(var(--rpx,1px)*168);width:-moz-calc(var(--rpx,1px)*168);width:calc(var(--rpx, 1px)*168)}.pad\:w-171rpx{width:-webkit-calc(var(--rpx,1px)*171);width:-moz-calc(var(--rpx,1px)*171);width:calc(var(--rpx, 1px)*171)}.pad\:w-119rpx{width:-webkit-calc(var(--rpx,1px)*119);width:-moz-calc(var(--rpx,1px)*119);width:calc(var(--rpx, 1px)*119)}.pad\:w-130rpx{width:-webkit-calc(var(--rpx,1px)*130);width:-moz-calc(var(--rpx,1px)*130);width:calc(var(--rpx, 1px)*130)}.pad\:w-172rpx{width:-webkit-calc(var(--rpx,1px)*172);width:-moz-calc(var(--rpx,1px)*172);width:calc(var(--rpx, 1px)*172)}.pad\:w-189rpx{width:-webkit-calc(var(--rpx,1px)*189);width:-moz-calc(var(--rpx,1px)*189);width:calc(var(--rpx, 1px)*189)}}@media (max-width:1023px){.mot\:text-32rpx{font-size:-webkit-calc(var(--rpx,1px)*32);font-size:-moz-calc(var(--rpx,1px)*32);font-size:calc(var(--rpx, 1px)*32);line-height:1}.mot\:text-32px{font-size:32px;line-height:1}.mot\:leading-40px{line-height:40px}}.zn--wrapper{color:#000;font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""]{opacity:0}.zn--wrapper img[src^="https://via.placeholder.com/"]{opacity:.5}.zn--wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-background-size:cover;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}.zn--wrapper sup{font-size:55%;font-weight:inherit;top:-.8em}.zn--wrapper .disabled-btn{background:#ccc;color:#0000004d;cursor:not-allowed;pointer-events:none}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:-webkit-calc(50vw - 20px)!important;left:-moz-calc(50vw - 20px)!important;left:calc(50vw - 20px)!important;left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}[ani-will-change-view] .will-change{will-change:var(--will-change)}[ani-will-change-view] .will-change-opacity{will-change:var(--will-change-opacity)}[ani-will-change-view] .will-change-clip{will-change:var(--will-change-clip)}.fix-round{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.fix-edge{-webkit-clip-path:inset(1px);clip-path:inset(1px)}.fix-edge-x{-webkit-clip-path:inset(0 1px);clip-path:inset(0 1px)}.fix-edge-y{-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0)}.fix-mt{margin-top:-1px}#section-category [ani-autoplay-video],#section-category img.absolute{-webkit-clip-path:inset(0 .5px);clip-path:inset(0 .5px)}html.windows #section-category [ani-autoplay-video],html.windows #section-category img.absolute{-webkit-clip-path:inset(0 1px);clip-path:inset(0 1px)}.zn--modal{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;--bg-blur:none;--bg-dark:rgba(42,42,42,.8);--bg-light:#fff;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);-webkit-justify-content:center;justify-content:center;left:0;opacity:0;position:fixed;top:0;-webkit-transition:opacity .4s ease-out,visibility .4s;-moz-transition:opacity .4s ease-out,visibility .4s;transition:opacity .4s ease-out,visibility .4s;visibility:hidden;width:100%;z-index:999}.zn--modal .judge-module-container{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:-webkit-transform .4s ease-out;transition:-webkit-transform .4s ease-out;-moz-transition:transform .4s ease-out,-moz-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out}.zn--modal.zn--modal-show{opacity:1;visibility:visible}.zn--modal.zn--modal-show .zn--modal-center-box{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zn--modal .zn--modal-bg{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);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}.zn--modal .photo-modal.mo-modal{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100)}.zn--modal .photo-modal.pc-modal .round-btn:hover{background-color:#201f1c}.zn--modal .photo-modal.pc-modal .round-btn:hover path{fill:#fff}.zn--modal .photo-modal .disable{background-color:#efede9;cursor:not-allowed}.zn--modal .photo-modal .disable path{fill:#ccc}.zn--modal .photo-modal .disable.round-btn:hover{background-color:#efede9;cursor:not-allowed}.zn--modal .photo-modal .disable.round-btn:hover path{fill:#ccc}:not(.zn--modal)>.zn--modal-content{display:none}body.no-transition,body.no-transition :not(.zn--modal){-webkit-transition:0s!important;-moz-transition:0s!important;transition:0s!important}#section-winners .col-wrapper{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:-webkit-calc(var(--rpx,1px)*362);width:-moz-calc(var(--rpx,1px)*362);width:calc(var(--rpx, 1px)*362)}#section-winners .col-wrapper img{height:-webkit-calc(var(--rpx,1px)*474);height:-moz-calc(var(--rpx,1px)*474);height:calc(var(--rpx, 1px)*474);-o-object-fit:cover;object-fit:cover}#section-winners .col-wrapper img.loaded{height:auto}#section-winners .sample-card .mask{background:-webkit-gradient(linear,left bottom,left top,from(#2f3337),to(rgba(47,51,55,0)));background:-webkit-linear-gradient(bottom,#2f3337,rgba(47,51,55,0));background:-moz-linear-gradient(bottom,#2f3337 0,rgba(47,51,55,0) 100%);background:linear-gradient(1turn,#2f3337,rgba(47,51,55,0))}#section-winners .container-mask[data-state=more]{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}#section-winners .container-mask[data-state=more] .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(10.05%,hsla(0,0%,100%,0)),color-stop(45.38%,hsla(0,0%,100%,.79)),to(#fff));background:-webkit-linear-gradient(top,hsla(0,0%,100%,0) 10.05%,hsla(0,0%,100%,.79) 45.38%,#fff);background:-moz-linear-gradient(top,hsla(0,0%,100%,0) 10.05%,hsla(0,0%,100%,.79) 45.38%,#fff 100%);background:linear-gradient(180deg,hsla(0,0%,100%,0) 10.05%,hsla(0,0%,100%,.79) 45.38%,#fff);visibility:visible}#section-winners .container-mask[data-state=more] .more-btn:nth-child(2){visibility:visible}#section-winners .container-mask[data-state=more] .more-btn:nth-child(3){visibility:hidden}#section-winners .container-mask[data-state=less]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80))}#section-winners .container-mask[data-state=less] .bg{background:transparent;visibility:hidden}#section-winners .container-mask[data-state=less] .more-btn:nth-child(2){visibility:hidden}#section-winners .container-mask[data-state=less] .more-btn:nth-child(3){visibility:visible}#section-kv{-webkit-box-pack:center;-moz-box-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center}#section-kv .kv-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-picture{background:#000}#section-picture .box-wrapper{-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}#section-picture .box-wrapper::-webkit-scrollbar{display:none}#section-picture .view-btn{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:rgba(0,0,0,.1);border-radius:36px;height:40px;width:159px}#section-picture .container .pc-only .img-wrapper:first-of-type{left:4.44vw;left:-webkit-calc(var(--vw,1vw)*4.44);left:-moz-calc(var(--vw,1vw)*4.44);left:calc(var(--vw, 1vw)*4.44);top:9.44vw;top:-webkit-calc(var(--vw,1vw)*9.44);top:-moz-calc(var(--vw,1vw)*9.44);top:calc(var(--vw, 1vw)*9.44)}#section-picture .container .pc-only .img-wrapper:nth-of-type(2){left:37.222vw;left:-webkit-calc(var(--vw,1vw)*37.222);left:-moz-calc(var(--vw,1vw)*37.222);left:calc(var(--vw, 1vw)*37.222);top:1.375vw;top:-webkit-calc(var(--vw,1vw)*1.375);top:-moz-calc(var(--vw,1vw)*1.375);top:calc(var(--vw, 1vw)*1.375)}#section-picture .container .pc-only .img-wrapper:nth-of-type(3){right:12.04vw;right:-webkit-calc(var(--vw,1vw)*12.04);right:-moz-calc(var(--vw,1vw)*12.04);right:calc(var(--vw, 1vw)*12.04);top:5.277vw;top:-webkit-calc(var(--vw,1vw)*5.277);top:-moz-calc(var(--vw,1vw)*5.277);top:calc(var(--vw, 1vw)*5.277)}#section-picture .container .pc-only .img-wrapper:nth-of-type(4){bottom:3.8194vw;bottom:-webkit-calc(var(--vw,1vw)*3.8194);bottom:-moz-calc(var(--vw,1vw)*3.8194);bottom:calc(var(--vw, 1vw)*3.8194);left:14.95vw;left:-webkit-calc(var(--vw,1vw)*14.95);left:-moz-calc(var(--vw,1vw)*14.95);left:calc(var(--vw, 1vw)*14.95)}#section-picture .container .pc-only .img-wrapper:nth-of-type(5){bottom:2.0972vw;bottom:-webkit-calc(var(--vw,1vw)*2.0972);bottom:-moz-calc(var(--vw,1vw)*2.0972);bottom:calc(var(--vw, 1vw)*2.0972);right:38.54vw;right:-webkit-calc(var(--vw,1vw)*38.54);right:-moz-calc(var(--vw,1vw)*38.54);right:calc(var(--vw, 1vw)*38.54)}#section-picture .container .pc-only .img-wrapper:nth-of-type(6){bottom:-webkit-calc(var(--rpx,1px)*85);bottom:-moz-calc(var(--rpx,1px)*85);bottom:calc(var(--rpx, 1px)*85);right:4.44vw;right:-webkit-calc(var(--vw,1vw)*4.44);right:-moz-calc(var(--vw,1vw)*4.44);right:calc(var(--vw, 1vw)*4.44)}#section-why .charge-img{opacity:0}#section-why .move-line{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0);-webkit-transition-duration:3s;-moz-transition-duration:3s;transition-duration:3s}#section-why[data-num="0"] .charge-img-0{opacity:1}#section-why[data-num="0"] .move-line-0{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}#section-why[data-num="1"] .charge-img-1{opacity:1}#section-why[data-num="1"] .move-line-1{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}#section-why[data-num="1"] .move-line-0{opacity:0}#section-why[data-num="2"] .charge-img-2{opacity:1}#section-why[data-num="2"] .move-line-2{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}#section-why[data-num="2"] .move-line-0,#section-why[data-num="2"] .move-line-1{opacity:0}body.no-scroll{overflow-y:hidden!important}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}body #oc-wrapper,body #oc-wrapper #oc-container{margin-top:0!important;padding-top:0!important}body .cp-site-language-tip{display:none!important}body .cmp-lumo-login-dialog-box{z-index:330}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.pad-only,.pc-hidden{display:none}#section-winners .col-wrapper-1{margin:0 calc(var(--rpx, 1px)*16)}#section-winners .sample-card img{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}#section-winners .sample-card .mask{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}#section-winners .sample-card:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-winners .sample-card:hover .mask{opacity:1}.zn--wrapper{padding-top:0}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pc-only{display:none}#section-winners .col-wrapper{width:-webkit-calc(var(--rpx,1px)*160);width:-moz-calc(var(--rpx,1px)*160);width:calc(var(--rpx, 1px)*160)}#section-winners .col-wrapper-1{margin-left:calc(var(--rpx, 1px)*8)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.pad-hidden,.pc-only{display:none}#section-winners .col-wrapper{width:-webkit-calc(var(--rpx,1px)*235);width:-moz-calc(var(--rpx,1px)*235);width:calc(var(--rpx, 1px)*235)}#section-winners .col-wrapper-1{margin:0 calc(var(--rpx, 1px)*8)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (max-width:1023px){.zn--wrapper{padding-top:94px}}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.pad-only,.pc-hidden{display:none}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pc-only{display:none}.fade-in-mo{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-mo[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*30));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*30));-ms-transform:translateY(calc(var(--rpx, 1px)*30));transform:translateY(calc(var(--rpx, 1px)*30))}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in-pad{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-pad[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*30));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*30));-ms-transform:translateY(calc(var(--rpx, 1px)*30));transform:translateY(calc(var(--rpx, 1px)*30))}.fade-in-pad[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*30));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*30));-ms-transform:translateY(calc(var(--rpx, 1px)*30));transform:translateY(calc(var(--rpx, 1px)*30))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.pad-hidden,.pc-only{display:none}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*30));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*30));-ms-transform:translateY(calc(var(--rpx, 1px)*30));transform:translateY(calc(var(--rpx, 1px)*30))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:var(--size);-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;-moz-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;-moz-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;-moz-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-moz-keyframes preloader{to{-moz-transform:scale(2);transform:scale(2)}}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}}.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}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .font-m{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}.zn--wrapper .font-l,.zn--wrapper .font-r{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}#oc-wrapper{overflow:visible;-webkit-transition:none;-moz-transition:none;transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{-webkit-transition:none;-moz-transition:none;transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}[ani-autoplay-video],[ani-video-wrapper],[video-container]{-webkit-clip-path:inset(0);clip-path:inset(0);contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video,[video-container] canvas,[video-container] img,[video-container] video{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}[ani-autoplay-video] img,[ani-video-wrapper] img,[video-container] img{-webkit-clip-path:inset(0);clip-path:inset(0)}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas,[video-container] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video,[video-container] img,[video-container] video{-o-object-fit:cover;object-fit:cover}[ani-autoplay-video] canvas,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] video,[video-container] canvas,[video-container] video{z-index:1}[ani-autoplay-video] .replay,[ani-video-wrapper] .replay,[video-container] .replay{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;bottom:-webkit-calc(var(--rpx,1px)*20);bottom:-moz-calc(var(--rpx,1px)*20);bottom:calc(var(--rpx, 1px)*20);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:14px;line-height:18px;opacity:0;pointer-events:none;position:absolute;right:-webkit-calc(var(--rpx,1px)*20);right:-moz-calc(var(--rpx,1px)*20);right:calc(var(--rpx, 1px)*20);text-decoration:underline;text-underline-offset:2px;z-index:2}[ani-autoplay-video] .replay:after,[ani-video-wrapper] .replay:after,[video-container] .replay:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);-webkit-background-size:16px 16px;background-size:16px;content:"";display:inline-block;height:16px;width:16px}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived,[video-container] .replay.actived{cursor:pointer;opacity:1;pointer-events:auto}[ani-autoplay-video] .replay.light,[ani-video-wrapper] .replay.light,[video-container] .replay.light{color:#000}[ani-autoplay-video] .replay.light:after,[ani-video-wrapper] .replay.light:after,[video-container] .replay.light:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)}[ani-autoplay-video]+.replay,[ani-video-wrapper]+.replay,[video-container]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video]+.replay.actived,[ani-video-wrapper]+.replay.actived,[video-container]+.replay.actived{opacity:1;pointer-events:auto}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}@media (min-width:1921px){:root{--rpx:1px;--rpx:min(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}@media not screen and (min-width:1024px){.zn--wrapper .mot\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.zn--wrapper .mot\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}