#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)}}[ani-autoplay-video],[ani-video-wrapper]{-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{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}[ani-autoplay-video] img,[ani-video-wrapper] img{-webkit-clip-path:inset(0);clip-path:inset(0)}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video{-o-object-fit:cover;object-fit:cover}[ani-autoplay-video] canvas,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] video{z-index:1}[ani-autoplay-video] .replay,[ani-video-wrapper] .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{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{cursor:pointer;opacity:1;pointer-events:auto}[ani-autoplay-video] .replay.light,[ani-video-wrapper] .replay.light{color:#000}[ani-autoplay-video] .replay.light:after,[ani-video-wrapper] .replay.light:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)}.bg-\[\#000\],.bg-black{--tw-bg-opacity:1;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))}.bg-\[rgba\(255\,255\,255\,0\.15\)\]{--tw-bg-opacity:.15;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#0E0E0E\]{--tw-bg-opacity:1;background-color:rgba(14,14,14,var(--tw-bg-opacity))}.bg-\[\#201F1C\]{--tw-bg-opacity:1;background-color:rgba(32,31,28,var(--tw-bg-opacity))}.bg-\[\#FFFFFF28\]{--tw-bg-opacity:.1568627450980392;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#262626\]{--tw-bg-opacity:1;background-color:rgba(38,38,38,var(--tw-bg-opacity))}.bg-opacity-30{--tw-bg-opacity:.3}.rounded-8px{border-radius:8px}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.list-item{display:list-item}.hidden{display:none}.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}.flex-nowrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.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-end{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.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-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.font-medium{font-weight:500}.\!font-400{font-weight:400!important}.\!font-500{font-weight:500!important}.font-48{font-weight:48}.font-12{font-weight:12}.font-14{font-weight:14}.font-28{font-weight:28}.font-18{font-weight:18}.h-full{height:100%}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-15px{height:15px}.h-24px{height:24px}.h-70rpx{height:-webkit-calc(var(--rpx,1px)*70);height:-moz-calc(var(--rpx,1px)*70);height:calc(var(--rpx, 1px)*70)}.h-20px{height:20px}.h-100vw{height:100vw;height:-webkit-calc(var(--vw,1vw)*100);height:-moz-calc(var(--vw,1vw)*100);height:calc(var(--vw, 1vw)*100)}.h-56px{height:56px}.h-110px{height:110px}.h-\[calc\(100\%\+17rpx\)\]{height:-webkit-calc(100% + var(--rpx,1px)*17);height:-moz-calc(100% + var(--rpx,1px)*17);height:calc(100% + var(--rpx, 1px)*17)}.h-0\.76vw{height:.76vw;height:-webkit-calc(var(--vw,1vw)*.76);height:-moz-calc(var(--vw,1vw)*.76);height:calc(var(--vw, 1vw)*.76)}.h-37\.25rpx{height:-webkit-calc(var(--rpx,1px)*37.25);height:-moz-calc(var(--rpx,1px)*37.25);height:calc(var(--rpx, 1px)*37.25)}.h-10px{height:10px}.h-3\.6vw{height:3.6vw;height:-webkit-calc(var(--vw,1vw)*3.6);height:-moz-calc(var(--vw,1vw)*3.6);height:calc(var(--vw, 1vw)*3.6)}.h-388rpx{height:-webkit-calc(var(--rpx,1px)*388);height:-moz-calc(var(--rpx,1px)*388);height:calc(var(--rpx, 1px)*388)}.h-249rpx{height:-webkit-calc(var(--rpx,1px)*249);height:-moz-calc(var(--rpx,1px)*249);height:calc(var(--rpx, 1px)*249)}.h-663rpx{height:-webkit-calc(var(--rpx,1px)*663);height:-moz-calc(var(--rpx,1px)*663);height:calc(var(--rpx, 1px)*663)}.h-12rpx{height:-webkit-calc(var(--rpx,1px)*12);height:-moz-calc(var(--rpx,1px)*12);height:calc(var(--rpx, 1px)*12)}.h-367rpx{height:-webkit-calc(var(--rpx,1px)*367);height:-moz-calc(var(--rpx,1px)*367);height:calc(var(--rpx, 1px)*367)}.h-164rpx{height:-webkit-calc(var(--rpx,1px)*164);height:-moz-calc(var(--rpx,1px)*164);height:calc(var(--rpx, 1px)*164)}.h-124rpx{height:-webkit-calc(var(--rpx,1px)*124);height:-moz-calc(var(--rpx,1px)*124);height:calc(var(--rpx, 1px)*124)}.h-1px{height:1px}.h-40rpx{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40)}.h-27\.15vw{height:27.15vw;height:-webkit-calc(var(--vw,1vw)*27.15);height:-moz-calc(var(--vw,1vw)*27.15);height:calc(var(--vw, 1vw)*27.15)}.h-\[75\%\]{height:75%}.h-251rpx{height:-webkit-calc(var(--rpx,1px)*251);height:-moz-calc(var(--rpx,1px)*251);height:calc(var(--rpx, 1px)*251)}.h-2px{height:2px}.h-2\.8vw{height:2.8vw;height:-webkit-calc(var(--vw,1vw)*2.8);height:-moz-calc(var(--vw,1vw)*2.8);height:calc(var(--vw, 1vw)*2.8)}.h-32rpx{height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32)}.h-2\.29vw{height:2.29vw;height:-webkit-calc(var(--vw,1vw)*2.29);height:-moz-calc(var(--vw,1vw)*2.29);height:calc(var(--vw, 1vw)*2.29)}.h-246rpx{height:-webkit-calc(var(--rpx,1px)*246);height:-moz-calc(var(--rpx,1px)*246);height:calc(var(--rpx, 1px)*246)}.text-14px{font-size:14px;line-height:1}.text-16px{font-size:16px;line-height:1}.text-12px{font-size:12px;line-height:1}.text-24px{font-size:24px;line-height:1}.\!leading-\[1\.33\]{line-height:1.33!important}.\!leading-\[1\.57\]{line-height:1.57!important}.leading-\[1\.4\]{line-height:1.4}.leading-\[20px\]{line-height:20px}.leading-\[32px\]{line-height:32px}.mx-7px{margin-left:7px;margin-right:7px}.mx-1px{margin-left:1px;margin-right:1px}.mx-auto{margin-left:auto;margin-right:auto}.my-29rpx{margin-bottom:calc(var(--rpx, 1px)*29);margin-top:calc(var(--rpx, 1px)*29)}.mx-6rpx{margin-left:calc(var(--rpx, 1px)*6);margin-right:calc(var(--rpx, 1px)*6)}.ml-40rpx{margin-left:calc(var(--rpx, 1px)*40)}.mr-5px{margin-right:5px}.ml-8px{margin-left:8px}.ml-12px{margin-left:12px}.mt-12px{margin-top:12px}.ml-4px{margin-left:4px}.mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.ml-14rpx{margin-left:calc(var(--rpx, 1px)*14)}.ml-2rpx{margin-left:calc(var(--rpx, 1px)*2)}.mt-37rpx{margin-top:calc(var(--rpx, 1px)*37)}.mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.mt-30rpx{margin-top:calc(var(--rpx, 1px)*30)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mt-3rpx{margin-top:calc(var(--rpx, 1px)*3)}.mt-22rpx{margin-top:calc(var(--rpx, 1px)*22)}.mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.ml-20rpx{margin-left:calc(var(--rpx, 1px)*20)}.mr-20rpx{margin-right:calc(var(--rpx, 1px)*20)}.mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.ml-3\.9vw{margin-left:3.9vw;margin-left:calc(var(--vw, 1vw)*3.9)}.mt-28rpx{margin-top:calc(var(--rpx, 1px)*28)}.ml-\[calc\(50vw-164rpx\)\]{margin-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.\!max-h-829px{max-height:829px!important}.max-w-280px{max-width:280px}.\!max-w-1205px{max-width:1205px!important}.min-w-240px{min-width:240px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.object-right{-o-object-position:right;object-position:right}.opacity-55{opacity:.55}.opacity-100{opacity:1}.opacity-0{opacity:0}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.p-8px{padding:8px}.px-22px{padding-left:22px;padding-right:22px}.py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12)}.pt-12rpx,.py-12rpx{padding-top:calc(var(--rpx, 1px)*12)}.pb-12rpx{padding-bottom:calc(var(--rpx, 1px)*12)}.pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.pt-46rpx{padding-top:calc(var(--rpx, 1px)*46)}.pb-76rpx{padding-bottom:calc(var(--rpx, 1px)*76)}.pr-6rpx{padding-right:calc(var(--rpx, 1px)*6)}.pl-6rpx{padding-left:calc(var(--rpx, 1px)*6)}.pb-19rpx{padding-bottom:calc(var(--rpx, 1px)*19)}.pb-10rpx{padding-bottom:calc(var(--rpx, 1px)*10)}.pb-18rpx{padding-bottom:calc(var(--rpx, 1px)*18)}.pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.pb-56rpx{padding-bottom:calc(var(--rpx, 1px)*56)}.pl-\[calc\(50vw-164rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.pr-\[calc\(50vw-164rpx\)\]{padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.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-0{top:0}.top-14px{top:14px}.right-14px{right:14px}.bottom-0{bottom:0}.top-30px{top:30px}.right-0{right:0}.bottom-100px{bottom:100px}.left-1\/2{left:50%}.-top-17rpx{top:-webkit-calc(var(--rpx,1px)*-17);top:-moz-calc(var(--rpx,1px)*-17);top:calc(var(--rpx, 1px)*-17)}.-bottom-1px{bottom:-1px}.left-\[calc\(69vw-525rpx\)\]{left:-webkit-calc(69vw - var(--rpx,1px)*525);left:-moz-calc(69vw - var(--rpx,1px)*525);left:calc(69vw - var(--rpx, 1px)*525);left:-webkit-calc(var(--vw,1vw)*69 - var(--rpx,1px)*525);left:-moz-calc(var(--vw,1vw)*69 - var(--rpx,1px)*525);left:calc(var(--vw, 1vw)*69 - var(--rpx, 1px)*525)}.top-\[calc\(50\%-342rpx\)\]{top:-webkit-calc(50% - var(--rpx,1px)*342);top:-moz-calc(50% - var(--rpx,1px)*342);top:calc(50% - var(--rpx, 1px)*342)}.-top-5rpx{top:-webkit-calc(var(--rpx,1px)*-5);top:-moz-calc(var(--rpx,1px)*-5);top:calc(var(--rpx, 1px)*-5)}.-left-5rpx{left:-webkit-calc(var(--rpx,1px)*-5);left:-moz-calc(var(--rpx,1px)*-5);left:calc(var(--rpx, 1px)*-5)}.-right-5rpx{right:-webkit-calc(var(--rpx,1px)*-5);right:-moz-calc(var(--rpx,1px)*-5);right:calc(var(--rpx, 1px)*-5)}.-bottom-5rpx{bottom:-webkit-calc(var(--rpx,1px)*-5);bottom:-moz-calc(var(--rpx,1px)*-5);bottom:calc(var(--rpx, 1px)*-5)}.top-\[calc\(50\%-157rpx\)\]{top:-webkit-calc(50% - var(--rpx,1px)*157);top:-moz-calc(50% - var(--rpx,1px)*157);top:calc(50% - var(--rpx, 1px)*157)}.right-16rpx{right:-webkit-calc(var(--rpx,1px)*16);right:-moz-calc(var(--rpx,1px)*16);right:calc(var(--rpx, 1px)*16)}.bottom-16rpx{bottom:-webkit-calc(var(--rpx,1px)*16);bottom:-moz-calc(var(--rpx,1px)*16);bottom:calc(var(--rpx, 1px)*16)}.text-center{text-align:center}.text-\[\#fff\],.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-opacity-75{--tw-text-opacity:.75}.content-wrap{content:"wrap"}.tracking-0\.5px,.tracking-\[0\.5px\]{letter-spacing:.5px}.whitespace-nowrap{white-space:nowrap}.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-full{width:100%}.w-15px{width:15px}.w-153px{width:153px}.w-24px{width:24px}.w-20px{width:20px}.w-40vw{width:40vw;width:-webkit-calc(var(--vw,1vw)*40);width:-moz-calc(var(--vw,1vw)*40);width:calc(var(--vw, 1vw)*40)}.w-16px{width:16px}.w-289px{width:289px}.w-19vw{width:19vw;width:-webkit-calc(var(--vw,1vw)*19);width:-moz-calc(var(--vw,1vw)*19);width:calc(var(--vw, 1vw)*19)}.w-74rpx{width:-webkit-calc(var(--rpx,1px)*74);width:-moz-calc(var(--rpx,1px)*74);width:calc(var(--rpx, 1px)*74)}.w-1px{width:1px}.w-296rpx{width:-webkit-calc(var(--rpx,1px)*296);width:-moz-calc(var(--rpx,1px)*296);width:calc(var(--rpx, 1px)*296)}.w-227px{width:227px}.w-81rpx{width:-webkit-calc(var(--rpx,1px)*81);width:-moz-calc(var(--rpx,1px)*81);width:calc(var(--rpx, 1px)*81)}.w-1049rpx{width:-webkit-calc(var(--rpx,1px)*1049);width:-moz-calc(var(--rpx,1px)*1049);width:calc(var(--rpx, 1px)*1049)}.w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.w-708rpx{width:-webkit-calc(var(--rpx,1px)*708);width:-moz-calc(var(--rpx,1px)*708);width:calc(var(--rpx, 1px)*708)}.w-125rpx{width:-webkit-calc(var(--rpx,1px)*125);width:-moz-calc(var(--rpx,1px)*125);width:calc(var(--rpx, 1px)*125)}.w-40rpx{width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.w-164px{width:164px}.w-8rpx{width:-webkit-calc(var(--rpx,1px)*8);width:-moz-calc(var(--rpx,1px)*8);width:calc(var(--rpx, 1px)*8)}.w-100vw{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-45\.28vw{width:45.28vw;width:-webkit-calc(var(--vw,1vw)*45.28);width:-moz-calc(var(--vw,1vw)*45.28);width:calc(var(--vw, 1vw)*45.28)}.w-\[calc\(4\.72vw\+656rpx\)\]{width:-webkit-calc(4.72vw + var(--rpx,1px)*656);width:-moz-calc(4.72vw + var(--rpx,1px)*656);width:calc(4.72vw + var(--rpx, 1px)*656);width:-webkit-calc(var(--vw,1vw)*4.72 + var(--rpx,1px)*656);width:-moz-calc(var(--vw,1vw)*4.72 + var(--rpx,1px)*656);width:calc(var(--vw, 1vw)*4.72 + var(--rpx, 1px)*656)}.w-16\.25vw{width:16.25vw;width:-webkit-calc(var(--vw,1vw)*16.25);width:-moz-calc(var(--vw,1vw)*16.25);width:calc(var(--vw, 1vw)*16.25)}.w-2\.8vw{width:2.8vw;width:-webkit-calc(var(--vw,1vw)*2.8);width:-moz-calc(var(--vw,1vw)*2.8);width:calc(var(--vw, 1vw)*2.8)}.w-40px{width:40px}.w-32rpx{width:-webkit-calc(var(--rpx,1px)*32);width:-moz-calc(var(--rpx,1px)*32);width:calc(var(--rpx, 1px)*32)}.w-7\.78vw{width:7.78vw;width:-webkit-calc(var(--vw,1vw)*7.78);width:-moz-calc(var(--vw,1vw)*7.78);width:calc(var(--vw, 1vw)*7.78)}.w-6\.4vw{width:6.4vw;width:-webkit-calc(var(--vw,1vw)*6.4);width:-moz-calc(var(--vw,1vw)*6.4);width:calc(var(--vw, 1vw)*6.4)}.w-55rpx{width:-webkit-calc(var(--rpx,1px)*55);width:-moz-calc(var(--rpx,1px)*55);width:calc(var(--rpx, 1px)*55)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-3{z-index:3}.z-4{z-index:4}.z-999{z-index:999}.-z-1{z-index:-1}.z-8{z-index:8}.z-6{z-index:6}.z-5{z-index:5}.gap-x-\[calc\(50vw-164rpx\)\]{grid-column-gap:-webkit-calc(50vw - var(--rpx,1px)*164);grid-column-gap:-moz-calc(50vw - var(--rpx,1px)*164);grid-column-gap:calc(50vw - var(--rpx, 1px)*164);grid-column-gap:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*164);grid-column-gap:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*164);grid-column-gap:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);-webkit-column-gap:-webkit-calc(50vw - var(--rpx,1px)*164);-webkit-column-gap:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*164);-moz-column-gap:-moz-calc(50vw - var(--rpx,1px)*164);-moz-column-gap:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*164);column-gap:calc(50vw - var(--rpx, 1px)*164);column-gap:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.rotate-z-180{--tw-rotate-z:180deg}.-translate-x-1\/2{--tw-translate-x:-50%}.full{height:100%;width:100%}@media (min-width:651px) and (max-width:1024px){.pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pad\: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}.pad\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.pad\:h-271rpx{height:-webkit-calc(var(--rpx,1px)*271);height:-moz-calc(var(--rpx,1px)*271);height:calc(var(--rpx, 1px)*271)}.pad\:h-174rpx{height:-webkit-calc(var(--rpx,1px)*174);height:-moz-calc(var(--rpx,1px)*174);height:calc(var(--rpx, 1px)*174)}.pad\:h-322rpx{height:-webkit-calc(var(--rpx,1px)*322);height:-moz-calc(var(--rpx,1px)*322);height:calc(var(--rpx, 1px)*322)}.pad\:h-52\.08vw{height:52.08vw;height:-webkit-calc(var(--vw,1vw)*52.08);height:-moz-calc(var(--vw,1vw)*52.08);height:calc(var(--vw, 1vw)*52.08)}.pad\:h-302rpx{height:-webkit-calc(var(--rpx,1px)*302);height:-moz-calc(var(--rpx,1px)*302);height:calc(var(--rpx, 1px)*302)}.pad\:text-12px{font-size:12px;line-height:1}.pad\:text-20px{font-size:20px;line-height:1}.pad\:leading-\[20px\]{line-height:20px}.pad\:leading-\[28px\]{line-height:28px}.pad\:ml-\[calc\(50vw-360rpx\)\]{margin-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:opacity-0{opacity:0}.pad\:px-\[calc\(50vw-360rpx\)\]{padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:pl-\[calc\(50vw-360rpx\)\],.pad\:px-\[calc\(50vw-360rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:pt-38rpx{padding-top:calc(var(--rpx, 1px)*38)}.pad\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.pad\:pt-42rpx{padding-top:calc(var(--rpx, 1px)*42)}.pad\:pb-44rpx{padding-bottom:calc(var(--rpx, 1px)*44)}.pad\:top-12rpx{top:-webkit-calc(var(--rpx,1px)*12);top:-moz-calc(var(--rpx,1px)*12);top:calc(var(--rpx, 1px)*12)}.pad\:right-12rpx{right:-webkit-calc(var(--rpx,1px)*12);right:-moz-calc(var(--rpx,1px)*12);right:calc(var(--rpx, 1px)*12)}.pad\:w-207rpx{width:-webkit-calc(var(--rpx,1px)*207);width:-moz-calc(var(--rpx,1px)*207);width:calc(var(--rpx, 1px)*207)}.pad\:w-56rpx{width:-webkit-calc(var(--rpx,1px)*56);width:-moz-calc(var(--rpx,1px)*56);width:calc(var(--rpx, 1px)*56)}.pad\:w-539rpx{width:-webkit-calc(var(--rpx,1px)*539);width:-moz-calc(var(--rpx,1px)*539);width:calc(var(--rpx, 1px)*539)}.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-538rpx{width:-webkit-calc(var(--rpx,1px)*538);width:-moz-calc(var(--rpx,1px)*538);width:calc(var(--rpx, 1px)*538)}.pad\:gap-x-20rpx{grid-column-gap:-webkit-calc(var(--rpx,1px)*20);grid-column-gap:-moz-calc(var(--rpx,1px)*20);grid-column-gap:calc(var(--rpx, 1px)*20);-webkit-column-gap:-webkit-calc(var(--rpx,1px)*20);-moz-column-gap:-moz-calc(var(--rpx,1px)*20);column-gap:calc(var(--rpx, 1px)*20)}}@media (min-width:1025px){.pc\:bg-\[\#cda15a\]{--tw-bg-opacity:1;background-color:rgba(205,161,90,var(--tw-bg-opacity))}.pc\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.pc\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.pc\:h-56\.25vw{height:56.25vw;height:-webkit-calc(var(--vw,1vw)*56.25);height:-moz-calc(var(--vw,1vw)*56.25);height:calc(var(--vw, 1vw)*56.25)}.pc\:h-34vw{height:34vw;height:-webkit-calc(var(--vw,1vw)*34);height:-moz-calc(var(--vw,1vw)*34);height:calc(var(--vw, 1vw)*34)}.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\:mx-12px{margin-left:12px;margin-right:12px}.pc\:mx-12rpx{margin-left:calc(var(--rpx, 1px)*12);margin-right:calc(var(--rpx, 1px)*12)}.pc\:ml-\[calc\(50vw-656rpx\)\]{margin-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.pc\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.pc\:max-h-\[var\(--max-h\)\]{max-height:var(--max-h)}.pc\:max-w-\[var\(--max-w\)\]{max-width:var(--max-w)}.pc\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.pc\:py-5rpx{padding-bottom:calc(var(--rpx, 1px)*5);padding-top:calc(var(--rpx, 1px)*5)}.pc\:pt-0\.97vw{padding-top:.97vw;padding-top:calc(var(--vw, 1vw)*.97)}.pc\:pt-38px{padding-top:38px}.pc\:pb-15px{padding-bottom:15px}.pc\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.pc\:pt-42rpx{padding-top:calc(var(--rpx, 1px)*42)}.pc\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pc\:pb-56rpx{padding-bottom:calc(var(--rpx, 1px)*56)}.pc\:top-16rpx{top:-webkit-calc(var(--rpx,1px)*16);top:-moz-calc(var(--rpx,1px)*16);top:calc(var(--rpx, 1px)*16)}.pc\:right-16rpx{right:-webkit-calc(var(--rpx,1px)*16);right:-moz-calc(var(--rpx,1px)*16);right:calc(var(--rpx, 1px)*16)}.pc\:left-\[calc\(50vw-656rpx\)\]{left:-webkit-calc(50vw - var(--rpx,1px)*656);left:-moz-calc(50vw - var(--rpx,1px)*656);left:calc(50vw - var(--rpx, 1px)*656);left:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656);left:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.pc\:w-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.pc\:w-60\.56vw{width:60.56vw;width:-webkit-calc(var(--vw,1vw)*60.56);width:-moz-calc(var(--vw,1vw)*60.56);width:calc(var(--vw, 1vw)*60.56)}.pc\:gap-x-1\.71vw{grid-column-gap:1.71vw;grid-column-gap:-webkit-calc(var(--vw,1vw)*1.71);grid-column-gap:-moz-calc(var(--vw,1vw)*1.71);grid-column-gap:calc(var(--vw, 1vw)*1.71);-webkit-column-gap:1.71vw;-webkit-column-gap:-webkit-calc(var(--vw,1vw)*1.71);-moz-column-gap:1.71vw;-moz-column-gap:-moz-calc(var(--vw,1vw)*1.71);column-gap:1.71vw;column-gap:calc(var(--vw, 1vw)*1.71)}.pc\:gap-x-1\.6vw{grid-column-gap:1.6vw;grid-column-gap:-webkit-calc(var(--vw,1vw)*1.6);grid-column-gap:-moz-calc(var(--vw,1vw)*1.6);grid-column-gap:calc(var(--vw, 1vw)*1.6);-webkit-column-gap:1.6vw;-webkit-column-gap:-webkit-calc(var(--vw,1vw)*1.6);-moz-column-gap:1.6vw;-moz-column-gap:-moz-calc(var(--vw,1vw)*1.6);column-gap:1.6vw;column-gap:calc(var(--vw, 1vw)*1.6)}}@media (max-width:650px){.mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.mo\:items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.mo\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.mo\:h-180\.89vw{height:180.89vw;height:-webkit-calc(var(--vw,1vw)*180.89);height:-moz-calc(var(--vw,1vw)*180.89);height:calc(var(--vw, 1vw)*180.89)}.mo\:mx-16rpx{margin-left:calc(var(--rpx, 1px)*16);margin-right:calc(var(--rpx, 1px)*16)}.mo\:mx-auto{margin-left:auto;margin-right:auto}.mo\:ml-\[calc\(50vw-164rpx\)\]{margin-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mo\:pt-25rpx{padding-top:calc(var(--rpx, 1px)*25)}.mo\:pt-12rpx{padding-top:calc(var(--rpx, 1px)*12)}.mo\:pl-16rpx{padding-left:calc(var(--rpx, 1px)*16)}.mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.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-\[calc\(50vw\+164rpx\)\]{width:-webkit-calc(50vw + var(--rpx,1px)*164);width:-moz-calc(50vw + var(--rpx,1px)*164);width:calc(50vw + var(--rpx, 1px)*164);width:-webkit-calc(var(--vw,1vw)*50 + var(--rpx,1px)*164);width:-moz-calc(var(--vw,1vw)*50 + var(--rpx,1px)*164);width:calc(var(--vw, 1vw)*50 + var(--rpx, 1px)*164)}.mo\:w-36\.4rpx{width:-webkit-calc(var(--rpx,1px)*36.4);width:-moz-calc(var(--rpx,1px)*36.4);width:calc(var(--rpx, 1px)*36.4)}}@media (max-width:1024px){.mot\:h-24px{height:24px}.mot\:h-80px{height:80px}.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\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mot\:mt-18rpx{margin-top:calc(var(--rpx, 1px)*18)}.mot\:pt-32px{padding-top:32px}.mot\:pb-10px{padding-bottom:10px}.mot\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.mot\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.mot\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.mot\:w-12px{width:12px}.mot\:w-210px{width:210px}}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Medium-VF;font-style:normal;font-variation-settings:"wght" 500;font-weight:500;src:url(https://www.oppo.com/content/dam/oppo/common/fonts/font2/vn/OPPOSans-VN-Medium.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-VF.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-VF.ttf) format("truetype")}.m-vf{font-family:OPPOSans-Ver2-Medium-VF!important}.zn--wrapper{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--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%)}body #oc-wrapper,body #oc-wrapper #oc-container{margin-top:0!important;padding-top:0!important}body .cp-site-language-tip{display:none!important}#zn-header-wrapper .zn--pager-nav-item{opacity:.55}#zn-header-wrapper .zn--pager-nav-item.active{opacity:1}.zn--wrapper header{background:#000;height:48px;opacity:1;position:fixed;top:0;width:100%;z-index:49}.zn--wrapper .zn-selected-group{background:#000;bottom:0;height:-webkit-calc(var(--rpx,1px)*76);height:-moz-calc(var(--rpx,1px)*76);height:calc(var(--rpx, 1px)*76);left:0;position:fixed;width:100%;z-index:50}.zn--wrapper .zn-selected-group.lan-show{background:#1b1a1a;-webkit-transition:background .32s cubic-bezier(.4,.8,.74,1);-moz-transition:background .32s cubic-bezier(.4,.8,.74,1);transition:background .32s cubic-bezier(.4,.8,.74,1)}.zn--wrapper .zn-selected-group .logo-btn,.zn--wrapper header .logo-btn{height:20px;width:85px}.zn--wrapper .zn-selected-group .logo-btn svg .fill,.zn--wrapper header .logo-btn svg .fill{fill:#fff}.zn--wrapper .zn-selected-group .calender,.zn--wrapper .zn-selected-group .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .calender,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{background:#fe0000;border-radius:-webkit-calc(var(--rpx,1px)*24);border-radius:-moz-calc(var(--rpx,1px)*24);border-radius:calc(var(--rpx, 1px)*24);color:#fff;cursor:pointer;font-size:14px;letter-spacing:.02em;line-height:1.5;padding:calc(var(--rpx, 1px)*6) calc(var(--rpx, 1px)*20)}.zn--wrapper .zn-selected-group .calender.disabled,.zn--wrapper .zn-selected-group .continue-btn.disabled,.zn--wrapper .zn-selected-group .to-vote.disabled,.zn--wrapper header .calender.disabled,.zn--wrapper header .continue-btn.disabled,.zn--wrapper header .to-vote.disabled{display:none;pointer-events:none}.zn--wrapper .zn-selected-group .to-vote>*,.zn--wrapper header .to-vote>*{height:100%;width:100%}.zn--wrapper .zn-selected-group .to-vote>.disabled,.zn--wrapper header .to-vote>.disabled{display:none;pointer-events:none}.zn--wrapper .zn-selected-group .vote-continue .privacy,.zn--wrapper header .vote-continue .privacy{color:#ffffff8c;cursor:pointer;margin-right:5px;white-space:nowrap}.zn--wrapper .zn-selected-group .vote-continue .privacy.checked .checkbox,.zn--wrapper header .vote-continue .privacy.checked .checkbox{background:hsla(0,0%,100%,.55)}.zn--wrapper .zn-selected-group .vote-continue .privacy.checked .checkbox .inner,.zn--wrapper header .vote-continue .privacy.checked .checkbox .inner{opacity:1}.zn--wrapper .zn-selected-group .vote-continue .privacy.after-checked,.zn--wrapper header .vote-continue .privacy.after-checked{display:none}.zn--wrapper .zn-selected-group .vote-continue .privacy .checkbox,.zn--wrapper header .vote-continue .privacy .checkbox{border:1px solid hsla(0,0%,100%,.55);border-radius:2px;height:15px;margin-right:8px;width:15px}.zn--wrapper .zn-selected-group .vote-continue .privacy .checkbox .inner,.zn--wrapper header .vote-continue .privacy .checkbox .inner{height:15px;opacity:0;width:15px}.zn--wrapper .zn-selected-group .vote-continue .privacy .p-t .b-border,.zn--wrapper header .vote-continue .privacy .p-t .b-border{border-bottom:1px solid hsla(0,0%,100%,.55);color:#ffffff8c}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{background:#fe0000;border-radius:-webkit-calc(var(--rpx,1px)*24);border-radius:-moz-calc(var(--rpx,1px)*24);border-radius:calc(var(--rpx, 1px)*24);color:#fff;cursor:pointer;font-size:14px;letter-spacing:.02em;line-height:22px;padding:calc(var(--rpx, 1px)*6) calc(var(--rpx, 1px)*20)}.zn--wrapper .zn-selected-group .bg-mask,.zn--wrapper header .bg-mask{background:rgba(0,0,0,.4);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 .zn-selected-group .bg-mask.show,.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 .zn-selected-group .switch-panel,.zn--wrapper header .switch-panel{background:#1b1a1a;border-radius:12px;font-size:14px;letter-spacing:.02em;line-height:22px;opacity:0;padding:12px;pointer-events:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-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 .zn-selected-group .switch-panel .scroll-wrapper .category:nth-child(2) .switch-lans>:nth-child(4) .ver,.zn--wrapper header .switch-panel .scroll-wrapper .category:nth-child(2) .switch-lans>:nth-child(4) .ver{font-family:OPPOSans-Ver2-Medium-VF!important}.zn--wrapper .zn-selected-group .switch-panel.show,.zn--wrapper header .switch-panel.show{opacity:1;pointer-events:auto;-webkit-transition:opacity .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1);-moz-transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1),-moz-transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1),-moz-transform .32s cubic-bezier(.4,.8,.74,1)}.zn--wrapper .zn-selected-group .switch-panel .item,.zn--wrapper header .switch-panel .item{cursor:pointer;display:block;padding:8px 12px}.zn--wrapper .zn-selected-group .switch-panel .area,.zn--wrapper .zn-selected-group .switch-panel .country,.zn--wrapper .zn-selected-group .switch-panel .ver,.zn--wrapper header .switch-panel .area,.zn--wrapper header .switch-panel .country,.zn--wrapper header .switch-panel .ver{color:#fff}.zn--wrapper .zn-selected-group .switch-panel .active,.zn--wrapper header .switch-panel .active{background:#484540;border-radius:8px}.zn--wrapper .zn-selected-group #zn-header-pc,.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 .zn-selected-group #zn-header-pc .switch-panel,.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:0;scrollbar-width:none;top:50px;width:652px}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel::-webkit-scrollbar,.zn--wrapper header #zn-header-pc .switch-panel::-webkit-scrollbar{display:none}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category:first-child .switch-lan,.zn--wrapper header #zn-header-pc .switch-panel .category:first-child .switch-lan{width:208px}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category:not(:first-child),.zn--wrapper header #zn-header-pc .switch-panel .category:not(:first-child){margin-top:20px}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category .switch-lan.active,.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category .switch-lan:hover,.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:hsla(0,0%,100%,.1)}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category .switch-lan.active .active-icon,.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan.active .active-icon{opacity:1}.zn--wrapper .zn-selected-group #zn-header-pc .switch-panel .category .switch-lan .active-icon,.zn--wrapper header #zn-header-pc .switch-panel .category .switch-lan .active-icon{opacity:0}.zn--wrapper .zn-selected-group #zn-header-pc .header-nav .nav-item,.zn--wrapper header #zn-header-pc .header-nav .nav-item{color:#ffffff8c;display:block;font-size:14px;line-height:52px;padding:0 10px}.zn--wrapper .zn-selected-group #zn-header-pc .header-nav .nav-item.active,.zn--wrapper header #zn-header-pc .header-nav .nav-item.active{color:#fffffff2}.zn--wrapper .zn-selected-group #zn-header-mo,.zn--wrapper header #zn-header-mo{background:#000;height:50px}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=open] .m-close,.zn--wrapper header #zn-header-mo .menu[selected-menu=open] .m-close{display:block}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=open] .m-open,.zn--wrapper header #zn-header-mo .menu[selected-menu=open] .m-open{display:none}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=open] .menu-wrapper,.zn--wrapper header #zn-header-mo .menu[selected-menu=open] .menu-wrapper{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=close] .menu-wrapper,.zn--wrapper header #zn-header-mo .menu[selected-menu=close] .menu-wrapper{opacity:0;-webkit-transform:translateX(100vw);-moz-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translate(100vw);-webkit-transform:translateX(-webkit-calc(var(--vw,1vw)*100));-moz-transform:translateX(-moz-calc(var(--vw,1vw)*100));-ms-transform:translateX(calc(var(--vw, 1vw)*100));transform:translate(calc(var(--vw, 1vw)*100))}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=close] .m-close,.zn--wrapper header #zn-header-mo .menu[selected-menu=close] .m-close{display:none}.zn--wrapper .zn-selected-group #zn-header-mo .menu[selected-menu=close] .m-open,.zn--wrapper header #zn-header-mo .menu[selected-menu=close] .m-open{display:block}.zn--wrapper .zn-selected-group #zn-header-mo .menu .menu-wrapper,.zn--wrapper header #zn-header-mo .menu .menu-wrapper{background:#101010;border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8);padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*16);-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 .zn-selected-group #zn-header-mo .menu .menu-wrapper .nav-item,.zn--wrapper header #zn-header-mo .menu .menu-wrapper .nav-item{color:#fffffff2;display:block;font-size:14px;position:relative;white-space:nowrap}.zn--wrapper .zn-selected-group #zn-header-mo .menu .menu-wrapper .nav-item:not(:first-child),.zn--wrapper header #zn-header-mo .menu .menu-wrapper .nav-item:not(:first-child){margin-top:12px}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel,.zn--wrapper header #zn-header-mo .switch-panel{padding:20px 16px;position:absolute;right:0;top:100%;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .wrapper,.zn--wrapper header #zn-header-mo .switch-panel .wrapper{-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .wrapper::-webkit-scrollbar,.zn--wrapper header #zn-header-mo .switch-panel .wrapper::-webkit-scrollbar{display:none}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category:first-child .switch-lan,.zn--wrapper header #zn-header-mo .switch-panel .category:first-child .switch-lan{width:208px}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category:not(:first-child),.zn--wrapper header #zn-header-mo .switch-panel .category:not(:first-child){margin-top:20px}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category .switch-lan.active,.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category .switch-lan:hover,.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:#201f1c}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category .switch-lan.active .active-icon,.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan.active .active-icon{opacity:1}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .category .switch-lan .active-icon,.zn--wrapper header #zn-header-mo .switch-panel .category .switch-lan .active-icon{opacity:0}.zn--wrapper .zn-selected-group #zn-header-mo .submit-btn,.zn--wrapper header #zn-header-mo .submit-btn{font-size:12px;height:32px;letter-spacing:.02em;line-height:20px;padding:6px 18px}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav,.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 .zn-selected-group #zn-header-mo .header-nav .selected,.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:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav .selected-box,.zn--wrapper header #zn-header-mo .header-nav .selected-box{background:#000;left:0;top:44px;width:100%}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav .selected-box .nav-item,.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item{color:#ffffff8c;display:block;padding:12px 0}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav .selected-box .nav-item.active,.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item.active{color:#fffffff2}.zn--wrapper .zn-selected-group #zn-header-mo [selected-stated=close] .selected img,.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 .zn-selected-group #zn-header-mo [selected-stated=close] .selected-box,.zn--wrapper header #zn-header-mo [selected-stated=close] .selected-box{opacity:0;pointer-events:none}.zn--wrapper .zn-selected-group #zn-header-mo [selected-stated=open] .selected img,.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 .zn-selected-group #zn-header-mo [selected-stated=open] .selected-box,.zn--wrapper header #zn-header-mo [selected-stated=open] .selected-box{opacity:1;z-index:99}.zn--wrapper .normal-nav a{color:#fffffff2}#section-learn-kv .learn-kv-wrap .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(62%,#2f0101),to(rgba(47,1,1,0)));background:-webkit-linear-gradient(top,#2f0101 62%,rgba(47,1,1,0));background:-moz-linear-gradient(top,#2f0101 62%,rgba(47,1,1,0));background:linear-gradient(180deg,#2f0101 62%,rgba(47,1,1,0))}#section-learn-kv .img-mask{background:-webkit-gradient(linear,left top,right top,from(#000),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(left,#000,hsla(0,0%,100%,0));background:-moz-linear-gradient(left,#000,hsla(0,0%,100%,0));background:linear-gradient(90deg,#000,hsla(0,0%,100%,0))}#section-learn-kv .list-scroll .scroll-y::-webkit-scrollbar{display:none}#section-learn-kv .list-scroll .list-item .list-mask{background:#000;opacity:.7}#section-learn-kv .list-scroll .list-item .list-mask.start{opacity:.5}#section-learn-kv .list-scroll .list-item .list-mask.active{opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#section-learn-kv .list-scroll .mask{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(bottom,#000,hsla(0,0%,100%,0));background:-moz-linear-gradient(bottom,#000,hsla(0,0%,100%,0));background:linear-gradient(0deg,#000,hsla(0,0%,100%,0));pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#section-learn-kv .trans-real{cursor:none}#section-learn-kv .angle{cursor:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#section-learn-kv .setImg img,#section-learn-kv .setImg1 img{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}#section-learn-record{--cubic-bezier:cubic-bezier(.65,.05,.36,1);--active-height:var(--section-learn-record-height);--inactive-width:-webkit-calc(var(--active-width)*.75);--inactive-width:-moz-calc(var(--active-width)*.75);--inactive-width:calc(var(--active-width)*.75);--inactive-height:-webkit-calc(var(--section-learn-record-height)*.75);--inactive-height:-moz-calc(var(--section-learn-record-height)*.75);--inactive-height:calc(var(--section-learn-record-height)*.75)}#section-learn-record .dragger-scroll{-webkit-transition:left 1s;-moz-transition:left 1s;transition:left 1s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-learn-record .dragger-item.active{-webkit-transition:width 1s;-moz-transition:width 1s;transition:width 1s;width:var(--active-width)}#section-learn-record .dragger-item.active .item{height:var(--active-height);opacity:1;-webkit-transition:opacity 1s,width 1s,height 1s;-moz-transition:opacity 1s,width 1s,height 1s;transition:opacity 1s,width 1s,height 1s}#section-learn-record .dragger-item.inactive{-webkit-transition:width 1s;-moz-transition:width 1s;transition:width 1s;width:var(--inactive-width)}#section-learn-record .dragger-item.inactive .item{height:var(--inactive-height);opacity:.5;-webkit-transition:opacity 1s,height 1s,width 1s;-moz-transition:opacity 1s,height 1s,width 1s;transition:opacity 1s,height 1s,width 1s}#section-learn-record .toggle-btn .progress-bar{background:-webkit-gradient(linear,left top,right top,from(#fe0000),to(#ff5f5f));background:-webkit-linear-gradient(left,#fe0000,#ff5f5f);background:-moz-linear-gradient(left,#fe0000 0,#ff5f5f 100%);background:linear-gradient(90deg,#fe0000,#ff5f5f);-webkit-box-shadow:0 0 4px 1px rgba(255,16,16,.7);box-shadow:0 0 4px 1px #ff1010b3;-webkit-transform-origin:left!important;-moz-transform-origin:left!important;-ms-transform-origin:left!important;transform-origin:left!important}#section-learn-record .toggle-btn .arrow-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#section-learn-record .toggle-btn .arrow-wrap .next-btn,#section-learn-record .toggle-btn .arrow-wrap .prev-btn{cursor:pointer;opacity:1}#section-learn-record .toggle-btn .arrow-wrap .next-btn.disabled,#section-learn-record .toggle-btn .arrow-wrap .prev-btn.disabled{opacity:.3;pointer-events:none;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}#section-learn-cam .w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-learn-cam .scroll-trans{-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-learn-cam .scroll-trans .scroll-item{-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease}#section-learn-cam .scroll-wrap .set-region{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#section-learn-cam .progress .progress-bar{background:-webkit-gradient(linear,left top,right top,from(#fe0000),to(#ff5f5f));background:-webkit-linear-gradient(left,#fe0000,#ff5f5f);background:-moz-linear-gradient(left,#fe0000 0,#ff5f5f 100%);background:linear-gradient(90deg,#fe0000,#ff5f5f);-webkit-box-shadow:0 0 4px 1px rgba(255,16,16,.7);box-shadow:0 0 4px 1px #ff1010b3;-webkit-transform-origin:left!important;-moz-transform-origin:left!important;-ms-transform-origin:left!important;transform-origin:left!important}#section-learn-cam .replay-btn{cursor:pointer;opacity:1}#section-learn-cam .replay-btn.deactive{cursor:unset;opacity:0;pointer-events:none}.width-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gold-border{-webkit-border-image:-webkit-gradient(linear,left top,left bottom,from(#cda51a),to(#806841)) 1;-webkit-border-image:-webkit-linear-gradient(top,#cda51a,#806841) 1;-moz-border-image:-moz-linear-gradient(top,#cda51a,#806841) 1;-o-border-image:linear-gradient(180deg,#cda51a,#806841) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(#cda51a),to(#806841)) 1;border-image:linear-gradient(180deg,#cda51a,#806841) 1;border-style:solid;border-width:2px}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}html{background:#000}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.title-styl:before{background:-webkit-gradient(linear,left top,right top,from(rgba(205,161,90,0)),color-stop(#cda15a),to(rgba(205,161,90,0)));background:-webkit-linear-gradient(left,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));background:-moz-linear-gradient(left,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));background:linear-gradient(90deg,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));bottom:0;content:"";height:1px;left:0;pointer-events:none;position:absolute;width:100%}@media (min-width:1025px){: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:48px}.zn--wrapper .font-48{font-size:48px;line-height:56px}.zn--wrapper .font-30{font-size:30px;line-height:38px}.zn--wrapper .font-28{font-size:28px;line-height:36px}.zn--wrapper .font-24{font-size:24px;line-height:32px}.zn--wrapper .font-20{font-size:20px;line-height:28px}.zn--wrapper .font-18{font-size:18px;line-height:26px}.zn--wrapper .font-16{font-size:16px;line-height:24px}.zn--wrapper .font-14{font-size:14px;line-height:22px}.zn--wrapper .font-12{font-size:12px;line-height:20px}#section-learn-kv .learn-kv-wrap .bg{-webkit-transform:rotate(169deg);-moz-transform:rotate(169deg);-ms-transform:rotate(169deg);transform:rotate(169deg);-webkit-transform-origin:50% 93%;-moz-transform-origin:50% 93%;-ms-transform-origin:50% 93%;transform-origin:50% 93%}#section-learn-record{--section-learn-record-height:27.15vw;--section-learn-record-height:-webkit-calc(var(--vw,1vw)*27.15);--section-learn-record-height:-moz-calc(var(--vw,1vw)*27.15);--section-learn-record-height:calc(var(--vw, 1vw)*27.15);--active-width:45.28vw;--active-width:-webkit-calc(var(--vw,1vw)*45.28);--active-width:-moz-calc(var(--vw,1vw)*45.28);--active-width:calc(var(--vw, 1vw)*45.28)}#section-learn-record .toggle-btn .progress-bar,#section-learn-cam .progress .progress-bar{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-moz-transition:transform 1s,-moz-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s,-moz-transform 1s}}@media (max-width:650px){: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}.zn--wrapper{padding-top:50px!important}.zn--wrapper header{min-height:50px!important}.zn--wrapper .zn-selected-group .logo-btn,.zn--wrapper header .logo-btn{height:16px;width:67px}.zn--wrapper .zn-selected-group .logo-btn svg,.zn--wrapper header .logo-btn svg{height:100%;width:100%}.zn--wrapper .zn-selected-group .calender,.zn--wrapper .zn-selected-group .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .calender,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-box-flex:0;-moz-box-flex:0;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:14px;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);-webkit-justify-content:center;justify-content:center;padding:0;width:-webkit-calc(var(--rpx,1px)*160);width:-moz-calc(var(--rpx,1px)*160);width:calc(var(--rpx, 1px)*160)}.zn--wrapper .zn-selected-group .vote-continue,.zn--wrapper header .vote-continue{height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44)}.zn--wrapper .zn-selected-group .vote-continue .privacy,.zn--wrapper header .vote-continue .privacy{left:50%;top:-webkit-calc(var(--rpx,1px)*80);top:-moz-calc(var(--rpx,1px)*80);top:calc(var(--rpx, 1px)*80);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);-webkit-justify-content:center;justify-content:center;padding:0;width:-webkit-calc(var(--rpx,1px)*160);width:-moz-calc(var(--rpx,1px)*160);width:calc(var(--rpx, 1px)*160)}.zn--wrapper .zn-selected-group .switch-panel,.zn--wrapper header .switch-panel{-webkit-transform:translateY(100%)!important;-moz-transform:translateY(100%)!important;-ms-transform:translateY(100%)!important;transform:translateY(100%)!important;-webkit-transition:opacity .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1);-moz-transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1),-moz-transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1);transition:opacity .32s cubic-bezier(.4,.8,.74,1),transform .32s cubic-bezier(.4,.8,.74,1),-webkit-transform .32s cubic-bezier(.4,.8,.74,1),-moz-transform .32s cubic-bezier(.4,.8,.74,1)}.zn--wrapper .zn-selected-group .switch-panel.show,.zn--wrapper header .switch-panel.show{-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel,.zn--wrapper header #zn-header-mo .switch-panel{bottom:-webkit-calc(var(--rpx,1px)*76);bottom:-moz-calc(var(--rpx,1px)*76);bottom:calc(var(--rpx, 1px)*76);height:480px;left:0;padding:calc(var(--rpx, 1px)*28) calc(var(--rpx, 1px)*24) calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*24);position:fixed;right:0;top:auto;width:100%}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .area,.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .country,.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .ver,.zn--wrapper header #zn-header-mo .switch-panel .area,.zn--wrapper header #zn-header-mo .switch-panel .country,.zn--wrapper header #zn-header-mo .switch-panel .ver{color:#fffffff2!important}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .bottom-mask,.zn--wrapper header #zn-header-mo .switch-panel .bottom-mask{display:none}#section-learn-kv .learn-kv-wrap .bg{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 97%;-moz-transform-origin:50% 97%;-ms-transform-origin:50% 97%;transform-origin:50% 97%}#section-learn-record .hasee-content-wrapper::-webkit-scrollbar{display:none}#section-learn-cam .hasee-content-wrapper::-webkit-scrollbar{display:none}#section-learn-cam .scroll-wrap{cursor:none}#section-learn-recommend .w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-learn-recommend .hasee-content-wrapper::-webkit-scrollbar{display:none}}@media (min-width:651px) and (max-width:1024px){: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}.zn--wrapper .zn-selected-group .calender,.zn--wrapper .zn-selected-group .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .calender,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{font-size:12px;padding:calc(var(--rpx, 1px)*5) calc(var(--rpx, 1px)*16)}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{font-size:12px;padding:calc(var(--rpx, 1px)*3) calc(var(--rpx, 1px)*16)}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel,.zn--wrapper header #zn-header-mo .switch-panel{border-radius:20px;height:390px;right:0;top:70px;width:360px}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel .wrapper,.zn--wrapper header #zn-header-mo .switch-panel .wrapper{max-height:-webkit-calc(100vh - 220px);max-height:-moz-calc(100vh - 220px);max-height:calc(100vh - 220px);max-height:-webkit-calc(var(--vh,1vh)*100 - 220px);max-height:-moz-calc(var(--vh,1vh)*100 - 220px);max-height:calc(var(--vh, 1vh)*100 - 220px)}#section-learn-kv .learn-kv-wrap .bg{-webkit-transform:rotate(174deg);-moz-transform:rotate(174deg);-ms-transform:rotate(174deg);transform:rotate(174deg);-webkit-transform-origin:50% 94%;-moz-transform-origin:50% 94%;-ms-transform-origin:50% 94%;transform-origin:50% 94%}#section-learn-record{--section-learn-record-height:-webkit-calc(var(--rpx,1px)*322);--section-learn-record-height:-moz-calc(var(--rpx,1px)*322);--section-learn-record-height:calc(var(--rpx, 1px)*322);--active-width:-webkit-calc(var(--rpx,1px)*539);--active-width:-moz-calc(var(--rpx,1px)*539);--active-width:calc(var(--rpx, 1px)*539)}#section-learn-record .toggle-btn .progress-bar{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-moz-transition:transform 1s,-moz-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s,-moz-transform 1s}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (max-width:1024px){.zn--wrapper{padding-top:94px}.zn--wrapper header{height:auto;min-height:94px}.zn--wrapper .font-30m{font-size:30px;line-height:38px}.zn--wrapper .font-24m{font-size:24px;line-height:32px}.zn--wrapper .font-16m{font-size:16px;line-height:24px}.zn--wrapper .font-14m{font-size:14px;line-height:22px}.zn--wrapper .font-12m{font-size:12px;line-height:20px}}@media (min-width:450px) and (max-width:650px){.zn--wrapper .zn-selected-group{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);padding-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .zn-selected-group .calender,.zn--wrapper .zn-selected-group .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .calender,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{height:-webkit-calc(var(--rpx,1px)*22);height:-moz-calc(var(--rpx,1px)*22);height:calc(var(--rpx, 1px)*22);width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{height:-webkit-calc(var(--rpx,1px)*22);height:-moz-calc(var(--rpx,1px)*22);height:calc(var(--rpx, 1px)*22);width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.zn--wrapper .zn-selected-group #zn-header-mo .switch-panel,.zn--wrapper header #zn-header-mo .switch-panel{bottom:-webkit-calc(var(--rpx,1px)*40);bottom:-moz-calc(var(--rpx,1px)*40);bottom:calc(var(--rpx, 1px)*40)}}@media (max-width:1100px){.zn--wrapper .zn-selected-group #zn-header-pc .header-nav .nav-item,.zn--wrapper header #zn-header-pc .header-nav .nav-item{font-size:12px}}@media (min-width:651px){#section-learn-kv .text-border:before{background:-webkit-gradient(linear,left top,right top,from(rgba(205,161,90,0)),color-stop(#cda15a),to(rgba(205,161,90,0)));background:-webkit-linear-gradient(left,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));background:-moz-linear-gradient(left,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));background:linear-gradient(90deg,rgba(205,161,90,0),#cda15a,rgba(205,161,90,0));content:"";height:1px;left:0;pointer-events:none;position:absolute;top:0;width:100%}}@media (min-width:1025px){: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:650px){: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(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);transform:translateY(50ex);-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(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);transform:translateY(30ex)}.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{opacity:0;-webkit-transform:translateY(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);transform:translateY(50ex);-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(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);transform:translateY(30ex)}.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:651px) and (max-width:1024px){: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}}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:1025px){: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}}@media (max-width:650px){: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}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}}@media (min-width:651px) and (max-width:1024px){: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}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Medium;font-style:normal;font-variation-settings:"wght" 500;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Regular;font-style:normal;font-variation-settings:"wght" 400;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.eot) format("embedded-opentype")}.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:400}.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}.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}.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--popup-container:after{content:"";height:30%;position:absolute;top:99%;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 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 video{-o-object-fit:contain;object-fit:contain}.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,.g--popup-container.v2:after{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1,.g--popup-container.v1:after{background:#000}.g--popup-close.v1 polygon{fill:#fff}@media (min-width:1025px){: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.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:650px){: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.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:86.67vw;max-width:-webkit-calc(var(--vw,1vw)*86.67);max-width:-moz-calc(var(--vw,1vw)*86.67);max-width:calc(var(--vw, 1vw)*86.67)}.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:651px) and (max-width:1024px){: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.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:70vw;width:-webkit-calc(var(--vw,1vw)*70);width:-moz-calc(var(--vw,1vw)*70);width:calc(var(--vw, 1vw)*70)}}@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}}@media (min-width:1440px){: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)}}