#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-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#141414\]{--tw-bg-opacity:1;background-color:rgba(20,20,20,var(--tw-bg-opacity))}.bg-\[\#0D0D0D\],.bg-\[\#0d0d0d\]{--tw-bg-opacity:1;background-color:rgba(13,13,13,var(--tw-bg-opacity))}.border-\[\#cda15a\]{--tw-border-opacity:1;border-color:rgba(205,161,90,var(--tw-border-opacity))}.border-opacity-70{--tw-border-opacity:.7}.rounded-8px{border-radius:8px}.border-solid{border-style:solid}.border-1px{border-width:1px}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.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-start{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.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}.\!font-400{font-weight:400!important}.\!font-500{font-weight:500!important}.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-17px{height:17px}.h-110px{height:110px}.h-12rpx{height:-webkit-calc(var(--rpx,1px)*12);height:-moz-calc(var(--rpx,1px)*12);height:calc(var(--rpx, 1px)*12)}.h-150vh{height:150vh;height:-webkit-calc(var(--vh,1vh)*150);height:-moz-calc(var(--vh,1vh)*150);height:calc(var(--vh, 1vh)*150)}.h-60rpx{height:-webkit-calc(var(--rpx,1px)*60);height:-moz-calc(var(--rpx,1px)*60);height:calc(var(--rpx, 1px)*60)}.h-184\.5rpx{height:-webkit-calc(var(--rpx,1px)*184.5);height:-moz-calc(var(--rpx,1px)*184.5);height:calc(var(--rpx, 1px)*184.5)}.h-36rpx{height:-webkit-calc(var(--rpx,1px)*36);height:-moz-calc(var(--rpx,1px)*36);height:calc(var(--rpx, 1px)*36)}.text-14px{font-size:14px;line-height:1}.text-16px{font-size:16px;line-height:1}.text-12px{font-size:12px;line-height:1}.\!leading-\[1\.33\]{line-height:1.33!important}.\!leading-\[1\.57\]{line-height:1.57!important}.leading-24px{line-height:24px}.leading-\[1\.4\]{line-height:1.4}.mx-auto{margin-left:auto;margin-right:auto}.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)}.mb-10rpx{margin-bottom:calc(var(--rpx, 1px)*10)}.mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.opacity-95{opacity:.95}.opacity-0{opacity:0}.overflow-hidden{overflow:hidden}.p-8px{padding:8px}.px-22px{padding-left:22px;padding-right:22px}.py-11rpx{padding-bottom:calc(var(--rpx, 1px)*11);padding-top:calc(var(--rpx, 1px)*11)}.px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.pt-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)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.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}.left-1\/2{left:50%}.-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-1\/2{top:50%}.top-74\.25rpx{top:-webkit-calc(var(--rpx,1px)*74.25);top:-moz-calc(var(--rpx,1px)*74.25);top:calc(var(--rpx, 1px)*74.25)}.left-146rpx{left:-webkit-calc(var(--rpx,1px)*146);left:-moz-calc(var(--rpx,1px)*146);left:calc(var(--rpx, 1px)*146)}.text-center{text-align:center}.text-right{text-align:right}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-opacity-95{--tw-text-opacity:.95}.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-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-15px{width:15px}.w-153px{width:153px}.w-24px{width:24px}.w-20px{width:20px}.w-150px{width:150px}.w-289px{width:289px}.w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.w-60rpx{width:-webkit-calc(var(--rpx,1px)*60);width:-moz-calc(var(--rpx,1px)*60);width:calc(var(--rpx, 1px)*60)}.w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.w-36rpx{width:-webkit-calc(var(--rpx,1px)*36);width:-moz-calc(var(--rpx,1px)*36);width:calc(var(--rpx, 1px)*36)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-999{z-index:999}.z-20{z-index:20}.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-90{--tw-rotate:-90deg}.-rotate-180{--tw-rotate:-180deg}.rotate-90{--tw-rotate:90deg}.rotate-180{--tw-rotate:180deg}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.mix-blend-difference{mix-blend-mode:difference}@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-72\.39vw{height:72.39vw;height:-webkit-calc(var(--vw,1vw)*72.39);height:-moz-calc(var(--vw,1vw)*72.39);height:calc(var(--vw, 1vw)*72.39)}.pad\:h-17px{height:17px}.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-404rpx{height:-webkit-calc(var(--rpx,1px)*404);height:-moz-calc(var(--rpx,1px)*404);height:calc(var(--rpx, 1px)*404)}.pad\:h-78rpx{height:-webkit-calc(var(--rpx,1px)*78);height:-moz-calc(var(--rpx,1px)*78);height:calc(var(--rpx, 1px)*78)}.pad\:h-236\.85rpx{height:-webkit-calc(var(--rpx,1px)*236.85);height:-moz-calc(var(--rpx,1px)*236.85);height:calc(var(--rpx, 1px)*236.85)}.pad\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.pad\:ml-\[calc\(100\%-30rpx-418px\)\]{margin-left:calc(100% - var(--rpx, 1px)*30 - 418px)}.pad\:mt-54rpx{margin-top:calc(var(--rpx, 1px)*54)}.pad\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.pad\:mt-22rpx{margin-top:calc(var(--rpx, 1px)*22)}.pad\:mb-8px{margin-bottom:8px}.pad\:max-w-720rpx{max-width:-webkit-calc(var(--rpx,1px)*720);max-width:-moz-calc(var(--rpx,1px)*720);max-width:calc(var(--rpx, 1px)*720)}.pad\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.pad\:px-15rpx{padding-left:calc(var(--rpx, 1px)*15);padding-right:calc(var(--rpx, 1px)*15)}.pad\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.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\:left-2\.34vw{left:2.34vw;left:-webkit-calc(var(--vw,1vw)*2.34);left:-moz-calc(var(--vw,1vw)*2.34);left:calc(var(--vw, 1vw)*2.34)}.pad\:top-2\.27vw{top:2.27vw;top:-webkit-calc(var(--vw,1vw)*2.27);top:-moz-calc(var(--vw,1vw)*2.27);top:calc(var(--vw, 1vw)*2.27)}.pad\:top-26\.04vw{top:26.04vw;top:-webkit-calc(var(--vw,1vw)*26.04);top:-moz-calc(var(--vw,1vw)*26.04);top:calc(var(--vw, 1vw)*26.04)}.pad\:right-3\.26vw{right:3.26vw;right:-webkit-calc(var(--vw,1vw)*3.26);right:-moz-calc(var(--vw,1vw)*3.26);right:calc(var(--vw, 1vw)*3.26)}.pad\:w-full{width:100%}.pad\:w-100vw{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.pad\:w-158px{width:158px}.pad\:w-211rpx{width:-webkit-calc(var(--rpx,1px)*211);width:-moz-calc(var(--rpx,1px)*211);width:calc(var(--rpx, 1px)*211)}.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-630px{width:630px}.pad\:w-418px{width:418px}.pad\:w-400rpx{width:-webkit-calc(var(--rpx,1px)*400);width:-moz-calc(var(--rpx,1px)*400);width:calc(var(--rpx, 1px)*400)}.pad\:w-326rpx{width:-webkit-calc(var(--rpx,1px)*326);width:-moz-calc(var(--rpx,1px)*326);width:calc(var(--rpx, 1px)*326)}.pad\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}}@media (min-width: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\: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}.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-44\.44vw{height:44.44vw;height:-webkit-calc(var(--vw,1vw)*44.44);height:-moz-calc(var(--vw,1vw)*44.44);height:calc(var(--vw, 1vw)*44.44)}.pc\:h-29px{height:29px}.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-20rpx{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.pc\:h-490rpx{height:-webkit-calc(var(--rpx,1px)*490);height:-moz-calc(var(--rpx,1px)*490);height:calc(var(--rpx, 1px)*490)}.pc\:h-10\.69vw{height:10.69vw;height:-webkit-calc(var(--vw,1vw)*10.69);height:-moz-calc(var(--vw,1vw)*10.69);height:calc(var(--vw, 1vw)*10.69)}.pc\:h-485\.61rpx{height:-webkit-calc(var(--rpx,1px)*485.61);height:-moz-calc(var(--rpx,1px)*485.61);height:calc(var(--rpx, 1px)*485.61)}.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-48px{font-size:48px;line-height:1}.pc\:leading-\[56px\]{line-height:56px}.pc\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.pc\:mt-146rpx{margin-top:calc(var(--rpx, 1px)*146)}.pc\:ml-645rpx{margin-left:calc(var(--rpx, 1px)*645)}.pc\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.pc\:mt-\[6\.66rpx\]{margin-top:calc(var(--rpx, 1px)*6.66)}.pc\:mt-50\.34rpx{margin-top:calc(var(--rpx, 1px)*50.34)}.pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.pc\:py-15rpx{padding-bottom:calc(var(--rpx, 1px)*15);padding-top:calc(var(--rpx, 1px)*15)}.pc\:px-19rpx{padding-left:calc(var(--rpx, 1px)*19);padding-right:calc(var(--rpx, 1px)*19)}.pc\:px-12px{padding-left:12px;padding-right:12px}.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-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pc\:pb-115rpx{padding-bottom:calc(var(--rpx, 1px)*115)}.pc\:pt-42rpx{padding-top:calc(var(--rpx, 1px)*42)}.pc\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pc\:pt-38px{padding-top:38px}.pc\:pb-15px{padding-bottom:15px}.pc\:pt-54rpx{padding-top:calc(var(--rpx, 1px)*54)}.pc\:pb-34rpx{padding-bottom:calc(var(--rpx, 1px)*34)}.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-4\.44vw{left:4.44vw;left:-webkit-calc(var(--vw,1vw)*4.44);left:-moz-calc(var(--vw,1vw)*4.44);left:calc(var(--vw, 1vw)*4.44)}.pc\:top-2\.36vw{top:2.36vw;top:-webkit-calc(var(--vw,1vw)*2.36);top:-moz-calc(var(--vw,1vw)*2.36);top:calc(var(--vw, 1vw)*2.36)}.pc\:top-17\.5vw{top:17.5vw;top:-webkit-calc(var(--vw,1vw)*17.5);top:-moz-calc(var(--vw,1vw)*17.5);top:calc(var(--vw, 1vw)*17.5)}.pc\:right-4\.44vw{right:4.44vw;right:-webkit-calc(var(--vw,1vw)*4.44);right:-moz-calc(var(--vw,1vw)*4.44);right:calc(var(--vw, 1vw)*4.44)}.pc\:top-\[-5rpx\]{top:-webkit-calc(var(--rpx,1px)*-5);top:-moz-calc(var(--rpx,1px)*-5);top:calc(var(--rpx, 1px)*-5)}.pc\:left-\[-5rpx\]{left:-webkit-calc(var(--rpx,1px)*-5);left:-moz-calc(var(--rpx,1px)*-5);left:calc(var(--rpx, 1px)*-5)}.pc\:bottom-\[-5rpx\]{bottom:-webkit-calc(var(--rpx,1px)*-5);bottom:-moz-calc(var(--rpx,1px)*-5);bottom:calc(var(--rpx, 1px)*-5)}.pc\:right-\[-5rpx\]{right:-webkit-calc(var(--rpx,1px)*-5);right:-moz-calc(var(--rpx,1px)*-5);right:calc(var(--rpx, 1px)*-5)}.pc\:w-100vw{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.pc\:w-271px{width:271px}.pc\:w-307px{width:307px}.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-517rpx{width:-webkit-calc(var(--rpx,1px)*517);width:-moz-calc(var(--rpx,1px)*517);width:calc(var(--rpx, 1px)*517)}.pc\:w-20rpx{width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}.pc\:w-872rpx{width:-webkit-calc(var(--rpx,1px)*872);width:-moz-calc(var(--rpx,1px)*872);width:calc(var(--rpx, 1px)*872)}.pc\:w-55\.55vw{width:55.55vw;width:-webkit-calc(var(--vw,1vw)*55.55);width:-moz-calc(var(--vw,1vw)*55.55);width:calc(var(--vw, 1vw)*55.55)}.pc\:w-177vh{width:177vh;width:-webkit-calc(var(--vh,1vh)*177);width:-moz-calc(var(--vh,1vh)*177);width:calc(var(--vh, 1vh)*177)}.pc\:w-662rpx{width:-webkit-calc(var(--rpx,1px)*662);width:-moz-calc(var(--rpx,1px)*662);width:calc(var(--rpx, 1px)*662)}.pc\:w-542rpx{width:-webkit-calc(var(--rpx,1px)*542);width:-moz-calc(var(--rpx,1px)*542);width:calc(var(--rpx, 1px)*542)}}@media (max-width:650px){.mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.mo\: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}.mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.mo\:h-590rpx{height:-webkit-calc(var(--rpx,1px)*590);height:-moz-calc(var(--rpx,1px)*590);height:calc(var(--rpx, 1px)*590)}.mo\:h-188\.89vw{height:188.89vw;height:-webkit-calc(var(--vw,1vw)*188.89);height:-moz-calc(var(--vw,1vw)*188.89);height:calc(var(--vw, 1vw)*188.89)}.mo\:h-438rpx{height:-webkit-calc(var(--rpx,1px)*438);height:-moz-calc(var(--rpx,1px)*438);height:calc(var(--rpx, 1px)*438)}.mo\:h-236\.85rpx{height:-webkit-calc(var(--rpx,1px)*236.85);height:-moz-calc(var(--rpx,1px)*236.85);height:calc(var(--rpx, 1px)*236.85)}.mo\:mt-37rpx{margin-top:calc(var(--rpx, 1px)*37)}.mo\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mo\:mt-22rpx{margin-top:calc(var(--rpx, 1px)*22)}.mo\:mt-26rpx{margin-top:calc(var(--rpx, 1px)*26)}.mo\:mb-8px{margin-bottom:8px}.mo\:max-w-286rpx{max-width:-webkit-calc(var(--rpx,1px)*286);max-width:-moz-calc(var(--rpx,1px)*286);max-width:calc(var(--rpx, 1px)*286)}.mo\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.mo\:px-15rpx{padding-left:calc(var(--rpx, 1px)*15);padding-right:calc(var(--rpx, 1px)*15)}.mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mo\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mo\:pb-80px{padding-bottom:80px}.mo\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.mo\:top-396rpx{top:-webkit-calc(var(--rpx,1px)*396);top:-moz-calc(var(--rpx,1px)*396);top:calc(var(--rpx, 1px)*396)}.mo\:text-center{text-align:center}.mo\:w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*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-328rpx{width:-webkit-calc(var(--rpx,1px)*328)!important;width:-moz-calc(var(--rpx,1px)*328)!important;width:calc(var(--rpx, 1px)*328)!important}.mo\:w-326rpx{width:-webkit-calc(var(--rpx,1px)*326);width:-moz-calc(var(--rpx,1px)*326);width:calc(var(--rpx, 1px)*326)}}@media (min-width:1025px){.pct\:h-31\.55px{height:31.55px}.pct\:text-0\.97vw{font-size:.97vw;font-size:-webkit-calc(var(--vw,1vw)*.97);font-size:-moz-calc(var(--vw,1vw)*.97);font-size:calc(var(--vw, 1vw)*.97);line-height:1}.pct\:text-48px{font-size:48px;line-height:1}.pct\:text-18px{font-size:18px;line-height:1}.pct\:leading-1\.53vw{line-height:1.53vw;line-height:-webkit-calc(var(--vw,1vw)*1.53);line-height:-moz-calc(var(--vw,1vw)*1.53);line-height:calc(var(--vw, 1vw)*1.53)}.pct\:leading-56px{line-height:56px}.pct\:leading-\[1\.44\]{line-height:1.44}.pct\:tracking-0\.02em{letter-spacing:.02em}.pct\:tracking-0\.028em{letter-spacing:.028em}.pct\:w-1206rpx{width:-webkit-calc(var(--rpx,1px)*1206);width:-moz-calc(var(--rpx,1px)*1206);width:calc(var(--rpx, 1px)*1206)}.pct\:w-16px{width:16px}}@media (max-width:1024px){.mot\:h-16rpx{height:-webkit-calc(var(--rpx,1px)*16);height:-moz-calc(var(--rpx,1px)*16);height:calc(var(--rpx, 1px)*16)}.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\: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}.mot\:text-30px{font-size:30px;line-height:1}.mot\:text-16px{font-size:16px;line-height:1}.mot\:leading-22rpx{line-height:-webkit-calc(var(--rpx,1px)*22);line-height:-moz-calc(var(--rpx,1px)*22);line-height:calc(var(--rpx, 1px)*22)}.mot\:leading-32px{line-height:32px}.mot\:leading-22px{line-height:22px}.mot\:leading-\[1\.27\]{line-height:1.27}.mot\:leading-24px{line-height:24px}.mot\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mot\:px-8px{padding-left:8px;padding-right:8px}.mot\:pb-10px{padding-bottom:10px}.mot\:top-\[-4rpx\]{top:-webkit-calc(var(--rpx,1px)*-4);top:-moz-calc(var(--rpx,1px)*-4);top:calc(var(--rpx, 1px)*-4)}.mot\:left-\[-4rpx\]{left:-webkit-calc(var(--rpx,1px)*-4);left:-moz-calc(var(--rpx,1px)*-4);left:calc(var(--rpx, 1px)*-4)}.mot\:bottom-\[-4rpx\]{bottom:-webkit-calc(var(--rpx,1px)*-4);bottom:-moz-calc(var(--rpx,1px)*-4);bottom:calc(var(--rpx, 1px)*-4)}.mot\:right-\[-4rpx\]{right:-webkit-calc(var(--rpx,1px)*-4);right:-moz-calc(var(--rpx,1px)*-4);right:calc(var(--rpx, 1px)*-4)}.mot\:tracking-0\.02em{letter-spacing:.02em}.mot\:tracking-0\.5px{letter-spacing:.5px}.mot\:tracking-0\.017em{letter-spacing:.017em}.mot\:w-16rpx{width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width: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:6px 20px}.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 .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{overflow:hidden;white-space:nowrap}.zn--wrapper .zn-selected-group .continue-btn>*,.zn--wrapper .zn-selected-group .to-vote>*,.zn--wrapper header .continue-btn>*,.zn--wrapper header .to-vote>*{height:100%;width:100%}.zn--wrapper .zn-selected-group .continue-btn>.disabled,.zn--wrapper .zn-selected-group .to-vote>.disabled,.zn--wrapper header .continue-btn>.disabled,.zn--wrapper header .to-vote>.disabled{display:none;pointer-events:none}.zn--wrapper .zn-selected-group .continue-btn>.show-s,.zn--wrapper .zn-selected-group .to-vote>.show-s,.zn--wrapper header .continue-btn>.show-s,.zn--wrapper header .to-vote>.show-s{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:flex!important;pointer-events:auto!important}.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:6px 20px}.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 img{-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}.pc-only,.mo-pad-only,.mo-only,.pad-only{visibility:visible}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}.mo-pad-only,.mo-only,.pad-only{visibility:hidden}}@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:44px;-webkit-justify-content:center;justify-content:center;padding:0;width:160px}.zn--wrapper .zn-selected-group .vote-continue,.zn--wrapper header .vote-continue{height:44px}.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:44px;-webkit-justify-content:center;justify-content:center;padding:0;width:160px}.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}.pc-only,.pad-only{visibility:hidden}}@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 .logout{font-size:12px}.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:5px 16px}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{font-size:12px;padding:3px 16px}.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)}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav,.zn--wrapper header #zn-header-mo .header-nav{font-size:12px}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav .entered,.zn--wrapper header #zn-header-mo .header-nav .entered{height:15px;width:15px}#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}.pc-only,.mo-only{visibility:hidden}}@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:22px;width:80px}.zn--wrapper .zn-selected-group .lang-switch,.zn--wrapper header .lang-switch{height:22px;width:80px}.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)}}