/* Version: 1.1.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}@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-\[\#1BE058\]{--tw-bg-opacity:1;background-color:rgba(27,224,88,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:.95;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.rounded-8px{border-radius:8px}.rounded-36px{border-radius:36px}.rounded-80rpx{border-radius:-webkit-calc(var(--rpx,1px)*80);border-radius:-moz-calc(var(--rpx,1px)*80);border-radius:calc(var(--rpx, 1px)*80)}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-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}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-end{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.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}.justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.font-medium{font-weight:500}.h-full{height:100%}.h-50px{height:50px}.h-16px{height:16px}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-24px{height:24px}.h-188rpx{height:-webkit-calc(var(--rpx,1px)*188);height:-moz-calc(var(--rpx,1px)*188);height:calc(var(--rpx, 1px)*188)}.h-443rpx{height:-webkit-calc(var(--rpx,1px)*443);height:-moz-calc(var(--rpx,1px)*443);height:calc(var(--rpx, 1px)*443)}.text-24px{font-size:24px;line-height:1}.text-14px{font-size:14px;line-height:1}.text-40px{font-size:40px;line-height:1}.text-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);line-height:1}.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}.text-16px{font-size:16px;line-height:1}.\!leading-\[1\.33\]{line-height:1.33!important}.\!leading-\[1\.57\]{line-height:1.57!important}.leading-\[1\.57\]{line-height:1.57}.leading-\[1\.2\]{line-height:1.2}.leading-\[32rpx\]{line-height:-webkit-calc(var(--rpx,1px)*32);line-height:-moz-calc(var(--rpx,1px)*32);line-height:calc(var(--rpx, 1px)*32)}.leading-22px{line-height:22px}.leading-\[1\.5\]{line-height:1.5}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.my-6rpx{margin-bottom:calc(var(--rpx, 1px)*6);margin-top:calc(var(--rpx, 1px)*6)}.ml-15rpx{margin-left:calc(var(--rpx, 1px)*15)}.mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.mr-12px{margin-right:12px}.ml-3px{margin-left:3px}.ml-8px{margin-left:8px}.mt-\[-6rpx\]{margin-top:calc(var(--rpx, 1px)*-6)}.ml-\[-6rpx\]{margin-left:calc(var(--rpx, 1px)*-6)}.mt-27rpx{margin-top:calc(var(--rpx, 1px)*27)}.mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mt-21rpx{margin-top:calc(var(--rpx, 1px)*21)}.mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.ml-24rpx{margin-left:calc(var(--rpx, 1px)*24)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.max-w-280rpx{max-width:-webkit-calc(var(--rpx,1px)*280);max-width:-moz-calc(var(--rpx,1px)*280);max-width:calc(var(--rpx, 1px)*280)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.p-8px{padding:8px}.px-22px{padding-left:22px;padding-right:22px}.px-20px{padding-left:20px;padding-right:20px}.py-7px{padding-bottom:7px;padding-top:7px}.px-4rpx{padding-left:calc(var(--rpx, 1px)*4);padding-right:calc(var(--rpx, 1px)*4)}.px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.pt-100rpx{padding-top:calc(var(--rpx, 1px)*100)}.pl-16px{padding-left:16px}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-\[var\(--nav-height\)\]{top:var(--nav-height)}.left-0{left:0}.top-197rpx{top:-webkit-calc(var(--rpx,1px)*197);top:-moz-calc(var(--rpx,1px)*197);top:calc(var(--rpx, 1px)*197)}.top-350rpx{top:-webkit-calc(var(--rpx,1px)*350);top:-moz-calc(var(--rpx,1px)*350);top:calc(var(--rpx, 1px)*350)}.text-center{text-align:center}.text-right{text-align:right}.text-black{--tw-text-opacity:.95;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[\#ffffff\],.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-opacity-75{--tw-text-opacity:.75}.text-opacity-95{--tw-text-opacity:.95}.content-touch{content:"touch"}.tracking-0\.5px{letter-spacing:.5px}.w-full{width:100%}.w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-16px{width:16px}.w-153px{width:153px}.w-24px{width:24px}.w-541rpx{width:-webkit-calc(var(--rpx,1px)*541);width:-moz-calc(var(--rpx,1px)*541);width:calc(var(--rpx, 1px)*541)}.w-45vw{width:45vw;width:-webkit-calc(var(--vw,1vw)*45);width:-moz-calc(var(--vw,1vw)*45);width:calc(var(--vw, 1vw)*45)}.w-\[33\%\]{width:33%}.z-99{z-index:99}.z-1{z-index:1}.z-7{z-index:7}.z-2{z-index:2}.full{height:100%;width:100%}@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\:bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.pc\:bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.pc\:cursor-pointer{cursor:pointer}.pc\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pc\:h-full{height:100%}.pc\:h-498rpx{height:-webkit-calc(var(--rpx,1px)*498);height:-moz-calc(var(--rpx,1px)*498);height:calc(var(--rpx, 1px)*498)}.pc\:h-62rpx{height:-webkit-calc(var(--rpx,1px)*62);height:-moz-calc(var(--rpx,1px)*62);height:calc(var(--rpx, 1px)*62)}.pc\:h-80rpx{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80)}.pc\:h-22rpx{height:-webkit-calc(var(--rpx,1px)*22);height:-moz-calc(var(--rpx,1px)*22);height:calc(var(--rpx, 1px)*22)}.pc\:h-79rpx{height:-webkit-calc(var(--rpx,1px)*79);height:-moz-calc(var(--rpx,1px)*79);height:calc(var(--rpx, 1px)*79)}.pc\:h-402rpx{height:-webkit-calc(var(--rpx,1px)*402);height:-moz-calc(var(--rpx,1px)*402);height:calc(var(--rpx, 1px)*402)}.pc\:text-24px{font-size:24px;line-height:1}.pc\:text-14px{font-size:14px;line-height:1}.pc\:text-16px{font-size:16px;line-height:1}.pc\:text-60px{font-size:60px;line-height:1}.pc\:text-47rpx{font-size:-webkit-calc(var(--rpx,1px)*47);font-size:-moz-calc(var(--rpx,1px)*47);font-size:calc(var(--rpx, 1px)*47);line-height:1}.pc\:text-45rpx{font-size:-webkit-calc(var(--rpx,1px)*45);font-size:-moz-calc(var(--rpx,1px)*45);font-size:calc(var(--rpx, 1px)*45);line-height:1}.pc\: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}.pc\:text-18px{font-size:18px;line-height:1}.pc\:text-64px{font-size:64px;line-height:1}.pc\:leading-\[1\.2\]{line-height:1.2}.pc\:leading-\[1\.44\]{line-height:1.44}.pc\:leading-24px{line-height:24px}.pc\:leading-\[1\.5\]{line-height:1.5}.pc\:leading-\[1\.33\]{line-height:1.33}.pc\:ml-198px{margin-left:198px}.pc\:mt-64rpx{margin-top:calc(var(--rpx, 1px)*64)}.pc\:mt-19rpx{margin-top:calc(var(--rpx, 1px)*19)}.pc\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.pc\:mt-60rpx{margin-top:calc(var(--rpx, 1px)*60)}.pc\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.pc\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.pc\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.pc\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.pc\:max-w-205rpx{max-width:-webkit-calc(var(--rpx,1px)*205);max-width:-moz-calc(var(--rpx,1px)*205);max-width:calc(var(--rpx, 1px)*205)}.pc\:max-w-1440rpx{max-width:-webkit-calc(var(--rpx,1px)*1440);max-width:-moz-calc(var(--rpx,1px)*1440);max-width:calc(var(--rpx, 1px)*1440)}.pc\:overflow-hidden{overflow:hidden}.pc\:py-100rpx{padding-bottom:calc(var(--rpx, 1px)*100);padding-top:calc(var(--rpx, 1px)*100)}.pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.pc\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.pc\:pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pc\:pt-100rpx{padding-top:calc(var(--rpx, 1px)*100)}.pc\:pb-50rpx{padding-bottom:calc(var(--rpx, 1px)*50)}.pc\:pt-36rpx{padding-top:calc(var(--rpx, 1px)*36)}.pc\:pb-100rpx{padding-bottom:calc(var(--rpx, 1px)*100)}.pc\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pc\:absolute{position:absolute}.pc\:left-32rpx{left:-webkit-calc(var(--rpx,1px)*32);left:-moz-calc(var(--rpx,1px)*32);left:calc(var(--rpx, 1px)*32)}.pc\:bottom-21rpx{bottom:-webkit-calc(var(--rpx,1px)*21);bottom:-moz-calc(var(--rpx,1px)*21);bottom:calc(var(--rpx, 1px)*21)}.pc\:right-33rpx{right:-webkit-calc(var(--rpx,1px)*33);right:-moz-calc(var(--rpx,1px)*33);right:calc(var(--rpx, 1px)*33)}.pc\:bottom-33rpx{bottom:-webkit-calc(var(--rpx,1px)*33);bottom:-moz-calc(var(--rpx,1px)*33);bottom:calc(var(--rpx, 1px)*33)}.pc\:top-33rpx{top:-webkit-calc(var(--rpx,1px)*33);top:-moz-calc(var(--rpx,1px)*33);top:calc(var(--rpx, 1px)*33)}.pc\:left-33rpx{left:-webkit-calc(var(--rpx,1px)*33);left:-moz-calc(var(--rpx,1px)*33);left:calc(var(--rpx, 1px)*33)}.pc\:bottom-34rpx{bottom:-webkit-calc(var(--rpx,1px)*34);bottom:-moz-calc(var(--rpx,1px)*34);bottom:calc(var(--rpx, 1px)*34)}.pc\:left-20rpx{left:-webkit-calc(var(--rpx,1px)*20);left:-moz-calc(var(--rpx,1px)*20);left:calc(var(--rpx, 1px)*20)}.pc\:bottom-24rpx{bottom:-webkit-calc(var(--rpx,1px)*24);bottom:-moz-calc(var(--rpx,1px)*24);bottom:calc(var(--rpx, 1px)*24)}.pc\:top-0{top:0}.pc\:left-0{left:0}.pc\:right-20rpx{right:-webkit-calc(var(--rpx,1px)*20);right:-moz-calc(var(--rpx,1px)*20);right:calc(var(--rpx, 1px)*20)}.pc\:top-24rpx{top:-webkit-calc(var(--rpx,1px)*24);top:-moz-calc(var(--rpx,1px)*24);top:calc(var(--rpx, 1px)*24)}.pc\:text-\[\#ffffff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.pc\:text-\[\#000000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.pc\:tracking-0\.031em{letter-spacing:.031em}.pc\:w-full{width:100%}.pc\:w-1120rpx{width:-webkit-calc(var(--rpx,1px)*1120);width:-moz-calc(var(--rpx,1px)*1120);width:calc(var(--rpx, 1px)*1120)}.pc\:w-784rpx{width:-webkit-calc(var(--rpx,1px)*784);width:-moz-calc(var(--rpx,1px)*784);width:calc(var(--rpx, 1px)*784)}.pc\:w-28rpx{width:-webkit-calc(var(--rpx,1px)*28);width:-moz-calc(var(--rpx,1px)*28);width:calc(var(--rpx, 1px)*28)}.pc\:w-80rpx{width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.pc\:w-336rpx{width:-webkit-calc(var(--rpx,1px)*336);width:-moz-calc(var(--rpx,1px)*336);width:calc(var(--rpx, 1px)*336)}.pc\:w-86rpx{width:-webkit-calc(var(--rpx,1px)*86);width:-moz-calc(var(--rpx,1px)*86);width:calc(var(--rpx, 1px)*86)}.pc\:w-36rpx{width:-webkit-calc(var(--rpx,1px)*36);width:-moz-calc(var(--rpx,1px)*36);width:calc(var(--rpx, 1px)*36)}.pc\:w-267rpx{width:-webkit-calc(var(--rpx,1px)*267);width:-moz-calc(var(--rpx,1px)*267);width:calc(var(--rpx, 1px)*267)}.pc\:w-554rpx{width:-webkit-calc(var(--rpx,1px)*554);width:-moz-calc(var(--rpx,1px)*554);width:calc(var(--rpx, 1px)*554)}.pc\:w-872rpx{width:-webkit-calc(var(--rpx,1px)*872);width:-moz-calc(var(--rpx,1px)*872);width:calc(var(--rpx, 1px)*872)}.pc\:z-10{z-index:10}}@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\:bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.\!mo\:block{display:block!important}.mo\:h-full{height:100%}.mo\:h-50rpx{height:-webkit-calc(var(--rpx,1px)*50);height:-moz-calc(var(--rpx,1px)*50);height:calc(var(--rpx, 1px)*50)}.mo\:h-163rpx{height:-webkit-calc(var(--rpx,1px)*163);height:-moz-calc(var(--rpx,1px)*163);height:calc(var(--rpx, 1px)*163)}.mo\:h-11rpx{height:-webkit-calc(var(--rpx,1px)*11);height:-moz-calc(var(--rpx,1px)*11);height:calc(var(--rpx, 1px)*11)}.mo\:h-262rpx{height:-webkit-calc(var(--rpx,1px)*262);height:-moz-calc(var(--rpx,1px)*262);height:calc(var(--rpx, 1px)*262)}.mo\:text-38rpx{font-size:-webkit-calc(var(--rpx,1px)*38);font-size:-moz-calc(var(--rpx,1px)*38);font-size:calc(var(--rpx, 1px)*38);line-height:1}.mo\:text-35rpx{font-size:-webkit-calc(var(--rpx,1px)*35);font-size:-moz-calc(var(--rpx,1px)*35);font-size:calc(var(--rpx, 1px)*35);line-height:1}.mo\:text-21rpx{font-size:-webkit-calc(var(--rpx,1px)*21);font-size:-moz-calc(var(--rpx,1px)*21);font-size:calc(var(--rpx, 1px)*21);line-height:1}.mo\:text-20rpx{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);line-height:1}.mo\:text-14px{font-size:14px;line-height:1}.mo\:leading-\[1\.2\]{line-height:1.2}.mo\:leading-\[1\.03\]{line-height:1.03}.mo\:leading-22px{line-height:22px}.mo\:mt-11rpx{margin-top:calc(var(--rpx, 1px)*11)}.mo\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mo\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.mo\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.mo\:max-w-148rpx{max-width:-webkit-calc(var(--rpx,1px)*148);max-width:-moz-calc(var(--rpx,1px)*148);max-width:calc(var(--rpx, 1px)*148)}.mo\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.mo\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.mo\:pointer-events-auto{pointer-events:auto}.mo\:relative{position:relative}.mo\:left-16rpx{left:-webkit-calc(var(--rpx,1px)*16);left:-moz-calc(var(--rpx,1px)*16);left:calc(var(--rpx, 1px)*16)}.mo\:bottom-8rpx{bottom:-webkit-calc(var(--rpx,1px)*8);bottom:-moz-calc(var(--rpx,1px)*8);bottom:calc(var(--rpx, 1px)*8)}.mo\:right-17rpx{right:-webkit-calc(var(--rpx,1px)*17);right:-moz-calc(var(--rpx,1px)*17);right:calc(var(--rpx, 1px)*17)}.mo\:top-17rpx{top:-webkit-calc(var(--rpx,1px)*17);top:-moz-calc(var(--rpx,1px)*17);top:calc(var(--rpx, 1px)*17)}.mo\:bottom-17rpx{bottom:-webkit-calc(var(--rpx,1px)*17);bottom:-moz-calc(var(--rpx,1px)*17);bottom:calc(var(--rpx, 1px)*17)}.mo\:left-17rpx{left:-webkit-calc(var(--rpx,1px)*17);left:-moz-calc(var(--rpx,1px)*17);left:calc(var(--rpx, 1px)*17)}.mo\:bottom-18rpx{bottom:-webkit-calc(var(--rpx,1px)*18);bottom:-moz-calc(var(--rpx,1px)*18);bottom:calc(var(--rpx, 1px)*18)}.mo\:text-\[\#fff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.mo\:w-full{width:100%}.mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.mo\:w-23rpx{width:-webkit-calc(var(--rpx,1px)*23);width:-moz-calc(var(--rpx,1px)*23);width:calc(var(--rpx, 1px)*23)}.mo\:w-50rpx{width:-webkit-calc(var(--rpx,1px)*50);width:-moz-calc(var(--rpx,1px)*50);width:calc(var(--rpx, 1px)*50)}.mo\:w-44rpx{width:-webkit-calc(var(--rpx,1px)*44);width:-moz-calc(var(--rpx,1px)*44);width:calc(var(--rpx, 1px)*44)}.mo\:w-270rpx{width:-webkit-calc(var(--rpx,1px)*270);width:-moz-calc(var(--rpx,1px)*270);width:calc(var(--rpx, 1px)*270)}}@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\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pad\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.pad\:items-end{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.pad\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pad\:h-full{height:100%}.pad\:h-61rpx{height:-webkit-calc(var(--rpx,1px)*61);height:-moz-calc(var(--rpx,1px)*61);height:calc(var(--rpx, 1px)*61)}.pad\:h-83rpx{height:-webkit-calc(var(--rpx,1px)*83);height:-moz-calc(var(--rpx,1px)*83);height:calc(var(--rpx, 1px)*83)}.pad\:h-181rpx{height:-webkit-calc(var(--rpx,1px)*181);height:-moz-calc(var(--rpx,1px)*181);height:calc(var(--rpx, 1px)*181)}.pad\:h-23rpx{height:-webkit-calc(var(--rpx,1px)*23);height:-moz-calc(var(--rpx,1px)*23);height:calc(var(--rpx, 1px)*23)}.pad\:h-82rpx{height:-webkit-calc(var(--rpx,1px)*82);height:-moz-calc(var(--rpx,1px)*82);height:calc(var(--rpx, 1px)*82)}.pad\:h-285rpx{height:-webkit-calc(var(--rpx,1px)*285);height:-moz-calc(var(--rpx,1px)*285);height:calc(var(--rpx, 1px)*285)}.pad\:text-46rpx{font-size:-webkit-calc(var(--rpx,1px)*46);font-size:-moz-calc(var(--rpx,1px)*46);font-size:calc(var(--rpx, 1px)*46);line-height:1}.pad\: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}.pad\:text-36rpx{font-size:-webkit-calc(var(--rpx,1px)*36);font-size:-moz-calc(var(--rpx,1px)*36);font-size:calc(var(--rpx, 1px)*36);line-height:1}.pad\: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}.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\.25\]{line-height:1.25}.pad\:leading-\[1\.11\]{line-height:1.11}.pad\:leading-22px{line-height:22px}.pad\:mt-21rpx{margin-top:calc(var(--rpx, 1px)*21)}.pad\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.pad\:max-w-210rpx{max-width:-webkit-calc(var(--rpx,1px)*210);max-width:-moz-calc(var(--rpx,1px)*210);max-width:calc(var(--rpx, 1px)*210)}.pad\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.pad\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.pad\:pr-16rpx{padding-right:calc(var(--rpx, 1px)*16)}.pad\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.pad\:relative{position:relative}.pad\:left-23rpx{left:-webkit-calc(var(--rpx,1px)*23);left:-moz-calc(var(--rpx,1px)*23);left:calc(var(--rpx, 1px)*23)}.pad\:bottom-11rpx{bottom:-webkit-calc(var(--rpx,1px)*11);bottom:-moz-calc(var(--rpx,1px)*11);bottom:calc(var(--rpx, 1px)*11)}.pad\:right-26rpx{right:-webkit-calc(var(--rpx,1px)*26);right:-moz-calc(var(--rpx,1px)*26);right:calc(var(--rpx, 1px)*26)}.pad\:top-25rpx{top:-webkit-calc(var(--rpx,1px)*25);top:-moz-calc(var(--rpx,1px)*25);top:calc(var(--rpx, 1px)*25)}.pad\:right-25rpx{right:-webkit-calc(var(--rpx,1px)*25);right:-moz-calc(var(--rpx,1px)*25);right:calc(var(--rpx, 1px)*25)}.pad\:top-\[-49rpx\]{top:-webkit-calc(var(--rpx,1px)*-49);top:-moz-calc(var(--rpx,1px)*-49);top:calc(var(--rpx, 1px)*-49)}.pad\:bottom-30rpx{bottom:-webkit-calc(var(--rpx,1px)*30);bottom:-moz-calc(var(--rpx,1px)*30);bottom:calc(var(--rpx, 1px)*30)}.pad\:text-black{color:rgba(0,0,0,var(--tw-text-opacity))}.pad\:text-black,.pad\:text-opacity-95{--tw-text-opacity:.95}.pad\:w-\[calc\(100\%-48px\)\]{width:-webkit-calc(100% - 48px);width:-moz-calc(100% - 48px);width:calc(100% - 48px)}.pad\:w-28rpx{width:-webkit-calc(var(--rpx,1px)*28);width:-moz-calc(var(--rpx,1px)*28);width:calc(var(--rpx, 1px)*28)}.pad\:w-83rpx{width:-webkit-calc(var(--rpx,1px)*83);width:-moz-calc(var(--rpx,1px)*83);width:calc(var(--rpx, 1px)*83)}.pad\:w-88rpx{width:-webkit-calc(var(--rpx,1px)*88);width:-moz-calc(var(--rpx,1px)*88);width:calc(var(--rpx, 1px)*88)}.pad\:w-\[calc\(100\%-46rpx\)\]{width:-webkit-calc(100% - var(--rpx,1px)*46);width:-moz-calc(100% - var(--rpx,1px)*46);width:calc(100% - var(--rpx, 1px)*46)}.pad\:w-360rpx{width:-webkit-calc(var(--rpx,1px)*360);width:-moz-calc(var(--rpx,1px)*360);width:calc(var(--rpx, 1px)*360)}.pad\:w-37rpx{width:-webkit-calc(var(--rpx,1px)*37);width:-moz-calc(var(--rpx,1px)*37);width:calc(var(--rpx, 1px)*37)}.pad\:w-720rpx{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.pad\:w-356rpx{width:-webkit-calc(var(--rpx,1px)*356);width:-moz-calc(var(--rpx,1px)*356);width:calc(var(--rpx, 1px)*356)}}@media (min-width:1024px){.pct\: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}.pct\:leading-24rpx{line-height:-webkit-calc(var(--rpx,1px)*24);line-height:-moz-calc(var(--rpx,1px)*24);line-height:calc(var(--rpx, 1px)*24)}}@media (max-width:1023px){.mot\:h-420rpx{height:-webkit-calc(var(--rpx,1px)*420);height:-moz-calc(var(--rpx,1px)*420);height:calc(var(--rpx, 1px)*420)}.mot\:text-20px{font-size:20px;line-height:1}.mot\:text-12px{font-size:12px;line-height:1}.mot\:text-14px{font-size:14px;line-height:1}.mot\:text-40px{font-size:40px;line-height:1}.mot\:text-16px{font-size:16px;line-height:1}.mot\:leading-\[1\.3\]{line-height:1.3}.mot\:leading-\[1\.5\]{line-height:1.5}.mot\:leading-\[1\.2\]{line-height:1.2}.mot\:leading-24px{line-height:24px}.mot\:leading-\[1\.4\]{line-height:1.4}.mot\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mot\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mot\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.mot\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.mot\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.mot\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mot\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.mot\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.mot\:pb-32rpx{padding-bottom:calc(var(--rpx, 1px)*32)}.mot\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.mot\:left-20rpx{left:-webkit-calc(var(--rpx,1px)*20);left:-moz-calc(var(--rpx,1px)*20);left:calc(var(--rpx, 1px)*20)}.mot\:top-24rpx{top:-webkit-calc(var(--rpx,1px)*24);top:-moz-calc(var(--rpx,1px)*24);top:calc(var(--rpx, 1px)*24)}.mot\:tracking-0\.031em{letter-spacing:.031em}.mot\:w-full{width:100%}}.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--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}.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}.zn--wrapper header{background:#fff;height:52px;opacity:1;position:fixed;top:0;width:100%;z-index:101}.zn--wrapper header .logo-btn{height:22px;width:85px}.zn--wrapper header .lang-switch{cursor:pointer;font-size:14px;letter-spacing:.02em;line-height:22px}.zn--wrapper header .bg-mask{background:rgba(0,0,0,.66);opacity:0;pointer-events:none;-webkit-transition:opacity .32s cubic-bezier(.26,0,.6,.2);-moz-transition:opacity .32s cubic-bezier(.26,0,.6,.2);transition:opacity .32s cubic-bezier(.26,0,.6,.2)}.zn--wrapper header .bg-mask.show{opacity:1;pointer-events:auto;-webkit-transition:opacity .32s cubic-bezier(.4,.8,.74,1);-moz-transition:opacity .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1)}.zn--wrapper header .switch-panel{background:#fff;border-radius:12px;font-size:14px;letter-spacing:.02em;line-height:22px;opacity:0;padding:12px;pointer-events:none;-webkit-transition:opacity .32s cubic-bezier(.26,0,.6,.2);-moz-transition:opacity .32s cubic-bezier(.26,0,.6,.2);transition:opacity .32s cubic-bezier(.26,0,.6,.2);width:130px}.zn--wrapper header .switch-panel.show{opacity:1;pointer-events:auto;-webkit-transition:opacity .32s cubic-bezier(.4,.8,.74,1);-moz-transition:opacity .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1)}.zn--wrapper header .switch-panel .item{cursor:pointer;display:block;padding:8px 12px}.zn--wrapper header .switch-panel .country{color:#0000008c}.zn--wrapper header .switch-panel .area,.zn--wrapper header .switch-panel .ver{color:#000000f2}.zn--wrapper header .switch-panel .active{background:#484540;border-radius:8px}.zn--wrapper header [lan-switch] img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header [lan-switch].show img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.zn--wrapper header .me-btn{border:1px solid #dcdcdc;border-radius:36px;font-size:14px;letter-spacing:.02em;line-height:1.5;padding:7px 20px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}.zn--wrapper header .me-btn:hover{background:#ebebeb}.zn--wrapper header .submit-btn{background:#2cff73;border-radius:36px;font-size:14px;letter-spacing:.02em;line-height:22px;padding:7px 20px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}.zn--wrapper header .submit-btn:hover{background:#26c05d}.zn--wrapper header #zn-header-mo{background:#fff}.zn--wrapper header #zn-header-mo .switch-panel{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;padding:20px 16px;position:absolute;scrollbar-width:none;top:100%;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}.zn--wrapper header #zn-header-mo .switch-panel::-webkit-scrollbar{display:none}.zn--wrapper header #zn-header-mo .switch-panel .category:first-child .switch-lan{width:208px}.zn--wrapper header #zn-header-mo .switch-panel .category:not(:first-child){margin-top:20px}.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan.active,.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan:hover{background:#f6f6f6}.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan.active .active-icon{opacity:1}.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan .active-icon{opacity:0}.zn--wrapper header #zn-header-mo .submit-btn{font-size:12px;height:32px;letter-spacing:.02em;line-height:20px;padding:6px 18px}.zn--wrapper header #zn-header-mo .header-nav{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-align-items:center;align-items:center;font-size:16px;height:44px;-webkit-justify-content:space-between;justify-content:space-between;letter-spacing:.5px;line-height:24px}.zn--wrapper header #zn-header-mo .header-nav .selected{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;color:#000000f2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper header #zn-header-mo .header-nav .selected-box{background:#fff;left:0;top:44px;width:100%}.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item{color:#0000008c;display:block;padding:12px 0}.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item.active{color:#000000f2}.zn--wrapper header #zn-header-mo [selected-stated=close] .selected img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header #zn-header-mo [selected-stated=close] .selected-box{opacity:0;pointer-events:none}.zn--wrapper header #zn-header-mo [selected-stated=open] .selected img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header #zn-header-mo [selected-stated=open] .selected-box{opacity:1;z-index:99}.zn--wrapper header #zn-header-pc{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:space-between;justify-content:space-between;padding:0 64px;position:relative}.zn--wrapper header #zn-header-pc .switch-panel{-ms-overflow-style:none;max-height:-webkit-calc(100vh - 100px);max-height:-moz-calc(100vh - 100px);max-height:calc(100vh - 100px);max-height:-webkit-calc(var(--vh,1vh)*100 - 100px);max-height:-moz-calc(var(--vh,1vh)*100 - 100px);max-height:calc(var(--vh, 1vh)*100 - 100px);overflow-x:hidden;overflow-y:scroll;padding:20px;position:absolute;right:-50px;scrollbar-width:none;top:50px;width:652px}.zn--wrapper header #zn-header-pc .switch-panel::-webkit-scrollbar{display:none}.zn--wrapper header #zn-header-pc .switch-panel .category:first-child .switch-lan{width:208px}.zn--wrapper header #zn-header-pc .switch-panel .category:not(:first-child){margin-top:20px}.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan.active,.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan:hover{background:#f6f6f6}.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan.active .active-icon{opacity:1}.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan .active-icon{opacity:0}.zn--wrapper header #zn-header-pc .center-wrapper .header-nav{opacity:1;z-index:2}.zn--wrapper header #zn-header-pc .center-wrapper.change .header-nav{opacity:0;pointer-events:none;z-index:1}.zn--wrapper header #zn-header-pc .header-nav .nav-item{color:#0000008c;display:block;font-size:14px;line-height:22px;padding:0 10px;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;transition:color .5s ease}.zn--wrapper header #zn-header-pc .header-nav .nav-item:hover{color:#000000c7}.zn--wrapper header #zn-header-pc .header-nav .nav-item.active{color:#000000f2}.zn--wrapper .normal-nav a{color:#fffffff2}.zn--wrapper #zn-header-wrapper .zn--pager-nav-item{opacity:.55}.zn--wrapper #zn-header-wrapper .zn--pager-nav-item.active{opacity:1}@font-face{font-family:SourceHanSerifCN;font-weight:500;src:url(/content/dam/oppo_lumo/oppo/product-asset-library/co/home/v1/637a6efd5bc87db0d3f6.eot),url(/content/dam/oppo_lumo/oppo/product-asset-library/co/home/v1/637a6efd5bc87db0d3f6.eot?) format("embedded-opentype"),url(/content/dam/oppo_lumo/oppo/product-asset-library/co/home/v1/44754666d50f4fed4025.woff) format("woff"),url(/content/dam/oppo_lumo/oppo/product-asset-library/co/home/v1/e82e3e97644b1ccb3032.ttf) format("truetype")}#section-home-kv .slick-progress-wrapper .p-block-click .p-block{background:hsla(0,0%,100%,.3)}#section-home-kv .slick-progress-wrapper .p-block-click .p-block .p-bar{background:hsla(0,0%,100%,.75);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}#section-home-kv .slick-progress-wrapper .p-block-click.active .p-bar{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}#section-home-kv .slick-progress-wrapper .p-block-click.trans .p-bar{-webkit-transition:-webkit-transform 4s linear;transition:-webkit-transform 4s linear;-moz-transition:transform 4s linear,-moz-transform 4s linear;transition:transform 4s linear;transition:transform 4s linear,-webkit-transform 4s linear,-moz-transform 4s linear}#section-home-kv .kv-extra-font{font-family:SourceHanSerifCN;font-style:italic;text-align:center}#section-home-kv .brace.right{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#section-timeline .tl-num{color:#000;font-size:28px;line-height:1.29}#section-timeline .tl-long-line{background:rgba(0,0,0,.95);height:44px;width:2px}#section-timeline .tl-short-line{background:rgba(0,0,0,.15);height:18px;width:1px}#section-timeline .tl-text-block{opacity:.2}#section-timeline .tl-text-block .tl-title{color:#000;font-size:20px;line-height:1.4}#section-timeline .tl-text-block .tl-time{color:#000000bf;font-size:16px;line-height:1.5;margin-top:calc(var(--rpx, 1px)*4)}#section-timeline .timeline-wrapper[data-active="1"] .tl-num-1{color:#000000f2}#section-timeline .timeline-wrapper[data-active="1"] .tl-text-block-1{opacity:1}#section-timeline .timeline-wrapper[data-active="1"] .tl-long-line-1{background:#2cff73;width:4px}#section-timeline .timeline-wrapper[data-active="1"] .tl-short-line-container-1 .tl-short-line{background:rgba(0,0,0,.55)}#section-timeline .timeline-wrapper[data-active="2"] .tl-num-2{color:#000000f2}#section-timeline .timeline-wrapper[data-active="2"] .tl-text-block-2{opacity:1}#section-timeline .timeline-wrapper[data-active="2"] .tl-long-line-2{background:#2cff73;width:4px}#section-timeline .timeline-wrapper[data-active="2"] .tl-long-line-1{background:rgba(0,0,0,.15)}#section-timeline .timeline-wrapper[data-active="2"] .tl-short-line-container-2 .tl-short-line{background:rgba(0,0,0,.55)}#section-timeline .timeline-wrapper[data-active="3"] .tl-num-3{color:#000000f2}#section-timeline .timeline-wrapper[data-active="3"] .tl-text-block-3{opacity:1}#section-timeline .timeline-wrapper[data-active="3"] .tl-long-line-3{background:#2cff73;width:4px}#section-timeline .timeline-wrapper[data-active="3"] .tl-long-line-1,#section-timeline .timeline-wrapper[data-active="3"] .tl-long-line-2{background:rgba(0,0,0,.15)}#section-timeline .timeline-wrapper[data-active="3"] .tl-short-line-container-3 .tl-short-line{background:rgba(0,0,0,.55)}#section-timeline .timeline-wrapper[data-active="4"] .tl-num-4{color:#000000f2}#section-timeline .timeline-wrapper[data-active="4"] .tl-text-block-4{opacity:1}#section-timeline .timeline-wrapper[data-active="4"] .tl-long-line-4{background:#2cff73;width:4px}#section-timeline .timeline-wrapper[data-active="4"] .tl-long-line-1,#section-timeline .timeline-wrapper[data-active="4"] .tl-long-line-2,#section-timeline .timeline-wrapper[data-active="4"] .tl-long-line-3{background:rgba(0,0,0,.15)}#section-timeline .timeline-wrapper[data-active="4"] .tl-short-line-container-4 .tl-short-line{background:rgba(0,0,0,.55)}#section-timeline .timeline-wrapper[data-active="5"] .tl-num-5{color:#000000f2}#section-timeline .timeline-wrapper[data-active="5"] .tl-text-block-5{opacity:1}#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-5{background:#2cff73;width:4px}#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-1,#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-2,#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-3,#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-4{background:rgba(0,0,0,.15)}#section-timeline .timeline-wrapper[data-active="5"] .tl-short-line-container-5 .tl-short-line{background:rgba(0,0,0,.55)}#section-category .content-touch .video-mask{background:-webkit-gradient(linear,left bottom,left top,color-stop(37.6%,rgba(0,0,0,0)),color-stop(71.36%,rgba(0,0,0,.39)),color-stop(97.84%,rgba(0,0,0,.5)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:linear-gradient(0deg,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%)}#section-category .content .text-wrapper p{-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#section-category .content .text-wrapper p:first-child,#section-category .content .text-wrapper p:nth-child(3){opacity:.5}#section-category .content .text-wrapper p:nth-child(2){opacity:1}#section-event .content .img-wrapper{-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-event .content .img-wrapper img{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-moz-transition:transform .6s ease-in-out,-moz-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-moz-transform .6s ease-in-out}#section-event .content.active .img-wrapper:nth-child(n+4){opacity:1;pointer-events:auto;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-event .content.less-enter .img-wrapper{opacity:.4}#section-event .content.less-enter .img-wrapper:nth-child(n+7){opacity:0}#section-event .content.less-enter .img-wrapper.hover-active{opacity:1;pointer-events:auto}#section-event .content.less-enter .img-wrapper.hover-active img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-event .content.more-enter .img-wrapper,#section-event .content.more-enter .img-wrapper:nth-child(n+4){opacity:.4}#section-event .content.more-enter .img-wrapper.hover-active{opacity:1;pointer-events:auto}#section-event .content.more-enter .img-wrapper.hover-active img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-event .more-btn{display:inline-block}#section-event .more-btn .button-mask{opacity:0;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-event .more-btn[data-state="0"] p:nth-child(2){opacity:1}#section-event .more-btn[data-state="0"] p:first-child,#section-event .more-btn[data-state="1"] p:nth-child(2){opacity:0}#section-event .more-btn:hover .button-mask,#section-event .more-btn[data-state="1"] p:first-child{opacity:1}@-moz-keyframes moreBtnMove{0%{opacity:0}99%{opacity:0}to{opacity:1}}@-webkit-keyframes moreBtnMove{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes moreBtnMove{0%{opacity:0}99%{opacity:0}to{opacity:1}}#section-judge .content .img-wrapper{-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-judge .content .img-wrapper .people{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}#section-judge .content.enter .img-wrapper{opacity:.4;pointer-events:pointer}#section-judge .content.enter .img-wrapper.hover-active{opacity:1}#section-judge .content.enter .img-wrapper.hover-active .people{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-judge .content .text-wrapper .judge-detail{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#section-judge .content .text-wrapper.active .judge-detail{opacity:.55}#section-judge .content .text-wrapper.active .see-more p:nth-child(2){opacity:0}#section-judge .content .text-wrapper.active .see-more p:first-child{opacity:.95}#judge-module .module-img-wrapper img,#judge-module-in .module-img-wrapper img{opacity:0}#judge-module .module-img-wrapper img.active,#judge-module-in .module-img-wrapper img.active{opacity:1}#judge-module .module-text,#judge-module-in .module-text{display:none}#judge-module .module-text.active,#judge-module-in .module-text.active{display:block}#section-category .container .content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}#section-category .container .content-touch,#section-category .container[data-state=touch] .content{display:none}#section-category .container[data-state=touch] .content-touch{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}#section-qa .qa-container{border-top:1px solid #f0f0f0}#section-prizes .mo-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:justify;-moz-box-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}#section-prizes .flex-container{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}#section-prizes .flex-container .award-title{color:#000000f2;font-size:14px;line-height:1.5}#section-prizes .flex-container .award-text{color:#0000008c;font-size:12px;line-height:1.67}#section-prizes .flex-container .award-container{height:320px;overflow:hidden;padding:32px 24px;position:relative}#section-prizes .flex-container .award-container .award-bg{height:-webkit-calc(var(--rpx,1px)*128);height:-moz-calc(var(--rpx,1px)*128);height:calc(var(--rpx, 1px)*128);left:-webkit-calc(var(--rpx,1px)*280);left:-moz-calc(var(--rpx,1px)*280);left:calc(var(--rpx, 1px)*280);position:absolute;top:5px;-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg);width:-webkit-calc(var(--rpx,1px)*59);width:-moz-calc(var(--rpx,1px)*59);width:calc(var(--rpx, 1px)*59);z-index:1}#section-prizes .flex-container .award-container .award-content{color:#000000f2;position:relative;z-index:2}#section-prizes .flex-container .award-container .award-content .award-text{margin-top:calc(var(--rpx, 1px)*4)}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money{-webkit-box-align:baseline;-moz-box-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money .money-num{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.25}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money .money-num .open-sans{font-family:"system-ui";font-weight:600}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money .money-unit{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);line-height:1.4;margin-left:calc(var(--rpx, 1px)*2)}#section-prizes .flex-container .award-container .award-content .award-text-container .award-detail{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.5;margin-top:calc(var(--rpx, 1px)*4)}#section-prizes .flex-container .prize-container{background:-webkit-gradient(linear,left top,left bottom,from(#f2f6f3),to(#f9fbf9));background:-webkit-linear-gradient(top,#f2f6f3,#f9fbf9);background:-moz-linear-gradient(top,#f2f6f3 0,#f9fbf9 100%);background:linear-gradient(180deg,#f2f6f3,#f9fbf9);padding:calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*16);position:relative}#section-prizes .flex-container .prize-container .award-title{color:#50ac6c}#section-prizes .flex-container .prize-container .award-text{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);margin-top:calc(var(--rpx, 1px)*4)}#section-prizes .flex-container .prize-container .award-detail{color:#000000f2;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.67;position:relative}#section-prizes .flex-container .gold-container{background:-webkit-gradient(linear,left top,left bottom,from(#f9e7bb),color-stop(126.64%,#fff));background:-webkit-linear-gradient(top,#f9e7bb,#fff 126.64%);background:-moz-linear-gradient(top,#f9e7bb 0,#fff 126.64%);background:linear-gradient(180deg,#f9e7bb,#fff 126.64%)}#section-prizes .flex-container .gold-container .award-title{color:#c99402f2}#section-prizes .flex-container .silver-container{background:-webkit-gradient(linear,left top,left bottom,from(#e0e3ec),color-stop(135.05%,#fff));background:-webkit-linear-gradient(top,#e0e3ec,#fff 135.05%);background:-moz-linear-gradient(top,#e0e3ec 0,#fff 135.05%);background:linear-gradient(180deg,#e0e3ec,#fff 135.05%)}#section-prizes .flex-container .silver-container .award-title{color:#4863b4}#section-prizes .flex-container .bronze-container{background:-webkit-gradient(linear,left top,left bottom,from(#eadcca),color-stop(120.62%,#fff));background:-webkit-linear-gradient(top,#eadcca,#fff 120.62%);background:-moz-linear-gradient(top,#eadcca 0,#fff 120.62%);background:linear-gradient(180deg,#eadcca,#fff 120.62%)}#section-prizes .flex-container .bronze-container .award-title{color:#8e6024}#section-prizes .arrow{height:36px;opacity:.3;pointer-events:none;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;width:36px}#section-prizes .arrow.prev{margin-right:16px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#section-prizes .arrow.active{cursor:pointer;opacity:1;pointer-events:auto}#section-category .hover-img{-webkit-clip-path:inset(0 .5px 0 0);clip-path:inset(0 .5px 0 0)}html.windows .pc\:windows-leading-130{line-height:1.3}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}@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}.zn--wrapper{padding-top:52px}#section-timeline .tl-num{color:#ccc;font-size:32px;line-height:1}#section-timeline .tl-text-block .tl-title{font-size:24px;line-height:1.33}#section-timeline .tl-text-block .tl-time{font-size:18px;line-height:1.44;margin-top:calc(var(--rpx, 1px)*12)}#section-category .content .video-mask{background:-webkit-gradient(linear,left top,left bottom,color-stop(63.12%,rgba(0,0,0,0)),color-stop(81.77%,rgba(0,0,0,.55)),color-stop(96.38%,rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 63.12%,rgba(0,0,0,.55) 81.77%,rgba(0,0,0,.7) 96.38%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 63.12%,rgba(0,0,0,.55) 81.77%,rgba(0,0,0,.7) 96.38%);background:linear-gradient(180deg,rgba(0,0,0,0) 63.12%,rgba(0,0,0,.55) 81.77%,rgba(0,0,0,.7) 96.38%)}#section-category .content .mask{-webkit-backdrop-filter:blur(-webkit-calc(var(--rpx,1px)*45));backdrop-filter:blur(-moz-calc(var(--rpx,1px)*45));backdrop-filter:blur(calc(var(--rpx, 1px)*45));background:hsla(0,0%,100%,.01);cursor:default;opacity:0;-webkit-transition:all .6s ease-in-out .1s;-moz-transition:all .6s ease-in-out .1s;transition:all .6s ease-in-out .1s}#section-category .content .mask .desc{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*15));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*15));-ms-transform:translateY(calc(var(--rpx, 1px)*15));transform:translateY(calc(var(--rpx, 1px)*15));-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-moz-transition:transform .6s ease-in-out,-moz-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-moz-transform .6s ease-in-out}#section-category .content .button .button-mask{opacity:0;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-category .content .button:hover .button-mask{opacity:.16}#section-category .content .button:active .button-mask{opacity:.24}#section-category .content .img-wrapper:hover .text-wrapper p{opacity:0}#section-category .content .img-wrapper:hover .mask{cursor:pointer;opacity:1}#section-category .content .img-wrapper:hover .mask .desc{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*0));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*0));-ms-transform:translateY(calc(var(--rpx, 1px)*0));transform:translateY(calc(var(--rpx, 1px)*0))}#section-event .content .img-wrapper:nth-child(n+7){opacity:0;pointer-events:none;-webkit-transition:none;-moz-transition:none;transition:none}#section-more .content:hover .mask{opacity:.4}#section-more .content a .bg{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-moz-transition:transform .6s ease-in-out,-moz-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-moz-transform .6s ease-in-out}#section-more .content a .mask{opacity:0;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}#section-more .content a:first-child:hover .bg,#section-more .content a:nth-child(2):hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-more .content a:first-child:hover .mask,#section-more .content a:nth-child(2):hover .mask{opacity:0}#section-judge .content .img-wrapper .people{-webkit-filter:grayscale(90%);filter:grayscale(90%)}#section-prizes .flex-container{-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}#section-prizes .flex-container .award-title{font-size:20px;line-height:1.4}#section-prizes .flex-container .award-text{font-size:18px;line-height:1.5}#section-prizes .flex-container .award-container .award-bg{height:204px;left:297px;top:5px;width:94px}#section-prizes .flex-container .award-container .award-content .award-text{margin-top:calc(var(--rpx, 1px)*8)}#section-prizes .flex-container .award-container .award-content .award-text-container{margin-top:60px}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money .money-num{font-size:48px;line-height:1.625}#section-prizes .flex-container .award-container .award-content .award-text-container .award-money .money-unit{font-size:20px;margin-left:calc(var(--rpx, 1px)*6)}#section-prizes .flex-container .award-container .award-content .award-text-container .award-detail{font-size:20px;line-height:1.4;margin-top:unset}#section-prizes .flex-container .prize-container{height:320px;margin-left:8px;padding:32px 20px;width:368px}#section-prizes .flex-container .prize-container .award-text{font-size:16px;margin-top:calc(var(--rpx, 1px)*8)}#section-prizes .flex-container .prize-container .award-detail{bottom:32px;font-size:20px;left:24px;margin-top:unset;position:absolute;width:-webkit-calc(100% - 48px);width:-moz-calc(100% - 48px);width:calc(100% - 48px)}#section-prizes .flex-container .gold-container{width:415px}#section-prizes .flex-container .silver-container,#section-prizes .flex-container .bronze-container{margin-left:8px;width:368px}.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-timeline .tl-long-line{height:2px;width:28px}#section-timeline .tl-short-line{height:2px;width:16px}#section-timeline .tl-text-block .tl-title{margin-top:calc(var(--rpx, 1px)*12)}#section-timeline .timeline-wrapper[data-active="1"] .tl-long-line-1,#section-timeline .timeline-wrapper[data-active="2"] .tl-long-line-2,#section-timeline .timeline-wrapper[data-active="3"] .tl-long-line-3,#section-timeline .timeline-wrapper[data-active="4"] .tl-long-line-4,#section-timeline .timeline-wrapper[data-active="5"] .tl-long-line-5{height:3px;width:28px}#section-category .content .video-mask{background:-webkit-gradient(linear,left bottom,left top,color-stop(37.6%,rgba(0,0,0,0)),color-stop(71.36%,rgba(0,0,0,.39)),color-stop(97.84%,rgba(0,0,0,.5)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:linear-gradient(0deg,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%)}#section-event .content .img-wrapper:nth-child(n+4){opacity:0;pointer-events:none;-webkit-transition:none;-moz-transition:none;transition:none}#section-judge .content .text-wrapper .see-more p:nth-child(2){opacity:.95}#section-judge .content .text-wrapper .see-more p:first-child{opacity:0}#section-prizes .flex-container .award-container{height:-webkit-calc(var(--rpx,1px)*206);height:-moz-calc(var(--rpx,1px)*206);height:calc(var(--rpx, 1px)*206);padding:calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*16);width:100%}#section-prizes .flex-container .award-container:not(:first-child){margin-top:calc(var(--rpx, 1px)*8)}#section-prizes .flex-container .award-container .award-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:justify;-moz-box-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}#section-prizes .flex-container .prize-container{height:-webkit-calc(var(--rpx,1px)*184);height:-moz-calc(var(--rpx,1px)*184);height:calc(var(--rpx, 1px)*184);margin-top:calc(var(--rpx, 1px)*8);width:100%}}@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-timeline .tl-long-line{height:28px;width:2px}#section-timeline .tl-short-line{height:16px;width:1px}#section-category .content .video-mask{background:-webkit-gradient(linear,left bottom,left top,color-stop(37.6%,rgba(0,0,0,0)),color-stop(71.36%,rgba(0,0,0,.39)),color-stop(97.84%,rgba(0,0,0,.5)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%);background:linear-gradient(0deg,rgba(0,0,0,0) 37.6%,rgba(0,0,0,.39) 71.36%,rgba(0,0,0,.5) 97.84%)}#section-event .content .img-wrapper:nth-child(n+5){opacity:0;pointer-events:none;-webkit-transition:none;-moz-transition:none;transition:none}#section-prizes .flex-container .award-container{height:-webkit-calc(var(--rpx,1px)*206);height:-moz-calc(var(--rpx,1px)*206);height:calc(var(--rpx, 1px)*206);padding:calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*16);width:-webkit-calc(var(--rpx,1px)*356);width:-moz-calc(var(--rpx,1px)*356);width:calc(var(--rpx, 1px)*356)}#section-prizes .flex-container .award-container .award-content .award-text-container{margin-top:calc(var(--rpx, 1px)*32)}#section-prizes .flex-container .prize-container{height:-webkit-calc(var(--rpx,1px)*206);height:-moz-calc(var(--rpx,1px)*206);height:calc(var(--rpx, 1px)*206);margin-top:calc(var(--vw, 1vw)*100 - 48px - var(--rpx, 1px)*712);width:-webkit-calc(var(--rpx,1px)*356);width:-moz-calc(var(--rpx,1px)*356);width:calc(var(--rpx, 1px)*356)}#section-prizes .flex-container .bronze-container{margin-top:calc(var(--vw, 1vw)*100 - 48px - var(--rpx, 1px)*712)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (max-width:1023px){.zn--wrapper[lan-style="2"]{padding-top:50px}.zn--wrapper[lan-style="2"] header{height:auto;min-height:50px}.zn--wrapper header{height:auto;min-height:94px}.zn--wrapper{padding-top:94px}}@media (min-width:651px) and (max-width:1023px){.zn--wrapper header #zn-header-mo .switch-panel{right:22px}.zn--wrapper header #zn-header-mo .switch-panel{border-radius:20px;max-height:-webkit-calc(100vh - 180px);max-height:-moz-calc(100vh - 180px);max-height:calc(100vh - 180px);max-height:-webkit-calc(var(--vh,1vh)*100 - 180px);max-height:-moz-calc(var(--vh,1vh)*100 - 180px);max-height:calc(var(--vh, 1vh)*100 - 180px);right:22px;width:360px}}@media (max-width:650px){.zn--wrapper header #zn-header-mo .switch-panel{right:0}.zn--wrapper header #zn-header-mo .switch-panel{border-radius:0;max-height:-webkit-calc(100vh - 114px);max-height:-moz-calc(100vh - 114px);max-height:calc(100vh - 114px);max-height:-webkit-calc(var(--vh,1vh)*100 - 114px);max-height:-moz-calc(var(--vh,1vh)*100 - 114px);max-height:calc(var(--vh, 1vh)*100 - 114px);position:fixed;right:0;top:42px;width:100%}}@media (max-width:1100px){.zn--wrapper header #zn-header-pc .header-nav .nav-item{font-size:12px}}@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}}