#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-\[\#201F1C\]{--tw-bg-opacity:1;background-color:rgba(32,31,28,var(--tw-bg-opacity))}.rounded-8px{border-radius:8px}.rounded-4rpx{border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4)}.border{border-width:1px}.cursor-pointer{cursor:pointer}.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-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;order:1}.order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:3;order:3}.font-medium{font-weight:500}.\!font-400{font-weight:400!important}.\!font-500{font-weight:500!important}.font-24{font-weight:24}.font-20{font-weight:20}.font-16{font-weight:16}.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-\[102\%\]{height:102%!important}.text-12px{font-size:12px;line-height:1}.text-14px{font-size:14px;line-height:1}.text-16px{font-size:16px;line-height:1}.text-32px{font-size:32px;line-height:1}.\!leading-\[1\.33\]{line-height:1.33!important}.\!leading-\[1\.57\]{line-height:1.57!important}.\!leading-\[1\.5\]{line-height:1.5!important}.mx-auto{margin-left:auto;margin-right:auto}.ml-40rpx{margin-left:calc(var(--rpx, 1px)*40)}.mr-8px{margin-right:8px}.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)}.mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.opacity-95{opacity:.95}.overflow-hidden{overflow:hidden}.p-8px{padding:8px}.px-22px{padding-left:22px;padding-right:22px}.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)}.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}.text-center{text-align:center}.text-\[\#fff\],.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.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-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}@media (min-width:651px) and (max-width:1024px){.pad\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pad\:h-\[52vw\]{height:52vw;height:-webkit-calc(var(--vw,1vw)*52);height:-moz-calc(var(--vw,1vw)*52);height:calc(var(--vw, 1vw)*52)}.pad\:text-24px{font-size:24px;line-height:1}.pad\:text-10px{font-size:10px;line-height:1}.pad\:text-32px{font-size:32px;line-height:1}.pad\:mt-\[-30rpx\]{margin-top:calc(var(--rpx, 1px)*-30)}.pad\:mr-auto{margin-right:auto}.pad\:ml-0{margin-left:0}.pad\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.pad\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.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-720rpx{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.pad\:w-358rpx{width:-webkit-calc(var(--rpx,1px)*358);width:-moz-calc(var(--rpx,1px)*358);width:calc(var(--rpx, 1px)*358)}}@media (min-width:1025px){.pc\:rounded-4rpx{border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4)}.pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.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-74rpx{height:-webkit-calc(var(--rpx,1px)*74);height:-moz-calc(var(--rpx,1px)*74);height:calc(var(--rpx, 1px)*74)}.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-36px{font-size:36px;line-height:1}.pc\:text-20px{font-size:20px;line-height:1}.pc\:text-44px{font-size:44px;line-height:1}.pc\:text-26px{font-size:26px;line-height:1}.pc\:text-10px{font-size:10px;line-height:1}.pc\:text-40px{font-size:40px;line-height:1}.pc\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.pc\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.pc\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.pc\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.pc\:p-20rpx{padding:calc(var(--rpx, 1px)*20)}.pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pc\:pr-16rpx{padding-right:calc(var(--rpx, 1px)*16)}.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\:top-1\/2{top:50%}@media (min-width:1025px){.pc\:pc\:w-652rpx{width:-webkit-calc(var(--rpx,1px)*652);width:-moz-calc(var(--rpx,1px)*652);width:calc(var(--rpx, 1px)*652)}}.pc\:w-74rpx{width:-webkit-calc(var(--rpx,1px)*74);width:-moz-calc(var(--rpx,1px)*74);width:calc(var(--rpx, 1px)*74)}.pc\: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))}.pc\:-translate-y-1\/2{--tw-translate-y:-50%}.pc\:pc\:w-652rpx{width:-webkit-calc(var(--rpx,1px)*652);width:-moz-calc(var(--rpx,1px)*652);width:calc(var(--rpx, 1px)*652)}}@media (max-width:650px){.mo\:flex-col{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.mo\:flex-col,.mo\:flex-col-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical}.mo\:flex-col-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mo\:flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.mo\:h-\[188vw\]{height:188vw;height:-webkit-calc(var(--vw,1vw)*188);height:-moz-calc(var(--vw,1vw)*188);height:calc(var(--vw, 1vw)*188)}.mo\:text-27px{font-size:27px;line-height:1}.mo\:text-12px{font-size:12px;line-height:1}.mo\:mx-auto{margin-left:auto;margin-right:auto}.mo\:mt-\[-30rpx\]{margin-top:calc(var(--rpx, 1px)*-30)}.mo\:mr-auto{margin-right:auto}.mo\:ml-0{margin-left:0}.mo\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.mo\:overflow-hidden{overflow:hidden}.mo\:overflow-x-scroll{overflow-x:scroll}.mo\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mo\:px-\[calc\(50vw-164rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}.mo\:pb-120rpx{padding-bottom:calc(var(--rpx, 1px)*120)}.mo\:absolute{position:absolute}.mo\:w-full{width:100%}.mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.mo\:w-280rpx{width:-webkit-calc(var(--rpx,1px)*280);width:-moz-calc(var(--rpx,1px)*280);width:calc(var(--rpx, 1px)*280)}.mo\:gap-x-4rpx{grid-column-gap:-webkit-calc(var(--rpx,1px)*4);grid-column-gap:-moz-calc(var(--rpx,1px)*4);grid-column-gap:calc(var(--rpx, 1px)*4);-webkit-column-gap:-webkit-calc(var(--rpx,1px)*4);-moz-column-gap:-moz-calc(var(--rpx,1px)*4);column-gap:calc(var(--rpx, 1px)*4)}}@media (min-width:1025px){.pct\:text-14px{font-size:14px;line-height:1}}@media (max-width:1024px){.mot\:cursor-pointer{cursor:pointer}.mot\:h-16px{height:16px}.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-28px{font-size:28px;line-height:1}.mot\:text-40px{font-size:40px;line-height:1}.mot\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.mot\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.mot\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.mot\:mt-2rpx{margin-top:calc(var(--rpx, 1px)*2)}.mot\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mot\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.mot\:bottom-12rpx{bottom:-webkit-calc(var(--rpx,1px)*12);bottom:-moz-calc(var(--rpx,1px)*12);bottom:calc(var(--rpx, 1px)*12)}.mot\:right-16rpx{right:-webkit-calc(var(--rpx,1px)*16);right:-moz-calc(var(--rpx,1px)*16);right:calc(var(--rpx, 1px)*16)}.mot\:tracking-\[2\%\]{letter-spacing:2%}.mot\:w-16px{width:16px}}@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);height:-webkit-calc(var(--rpx,1px)*120);height:-moz-calc(var(--rpx,1px)*120);height:calc(var(--rpx, 1px)*120);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 .continue-btn.z-forbid,.zn--wrapper .zn-selected-group .to-vote.z-forbid,.zn--wrapper header .continue-btn.z-forbid,.zn--wrapper header .to-vote.z-forbid{background:#363434;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: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;height:50px;-webkit-justify-content:space-between;justify-content:space-between;left:115px;letter-spacing:.5px;line-height:24px;position:absolute;top:0;width:-webkit-calc(100% - 115px);width:-moz-calc(100% - 115px);width:calc(100% - 115px)}.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}#section-vote{padding-top:1px}#section-vote .abs-full{height:100%;left:0;position:absolute;top:0;width:100%}#section-vote .abs-center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#section-vote .flex-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center}#section-vote .vote-phase{color:#fff;display:none}#section-vote .vote-name{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-vote .vote-name .n-l,#section-vote .vote-name .n-r{height:-webkit-calc(var(--rpx,1px)*15);height:-moz-calc(var(--rpx,1px)*15);height:calc(var(--rpx, 1px)*15);position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-calc(var(--rpx,1px)*9);width:-moz-calc(var(--rpx,1px)*9);width:calc(var(--rpx, 1px)*9)}#section-vote .vote-name .n-l img,#section-vote .vote-name .n-r img{height:100%;left:0;position:absolute;top:0;width:100%}#section-vote .vote-name .n-li{bottom:-webkit-calc(var(--rpx,1px)*-5);bottom:-moz-calc(var(--rpx,1px)*-5);bottom:calc(var(--rpx, 1px)*-5);height:auto;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:150%}#section-vote .vote-name .n-l{left:-webkit-calc(var(--rpx,1px)*-14);left:-moz-calc(var(--rpx,1px)*-14);left:calc(var(--rpx, 1px)*-14)}#section-vote .vote-name .n-r{right:-webkit-calc(var(--rpx,1px)*-14);right:-moz-calc(var(--rpx,1px)*-14);right:calc(var(--rpx, 1px)*-14)}#section-vote .player .hover-el,#section-vote .player .selected-el,#section-vote .result .hover-el,#section-vote .result .selected-el,#section-vote .team .hover-el,#section-vote .team .selected-el{opacity:0}#section-vote .player .hover-el,#section-vote .player .init-el,#section-vote .player .selected-el,#section-vote .result .hover-el,#section-vote .result .init-el,#section-vote .result .selected-el,#section-vote .team .hover-el,#section-vote .team .init-el,#section-vote .team .selected-el{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}#section-vote .player .item,#section-vote .result .item,#section-vote .team .item{cursor:pointer}#section-vote .player .item.selected .selected-el,#section-vote .result .item.selected .selected-el,#section-vote .team .item.selected .selected-el{opacity:1!important}#section-vote .player .item.selected .init-el,#section-vote .result .item.selected .init-el,#section-vote .team .item.selected .init-el{opacity:0!important}#section-vote .player .item:hover .hover-el,#section-vote .result .item:hover .hover-el,#section-vote .team .item:hover .hover-el{opacity:1!important}#section-vote .player .item:hover .init-el,#section-vote .result .item:hover .init-el,#section-vote .team .item:hover .init-el{opacity:0!important}#section-vote .tips{background:#201f1c;border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4);color:#fffffff2;left:50%;opacity:0;padding:calc(var(--rpx, 1px)*16) calc(var(--rpx, 1px)*24);position:fixed;top:-webkit-calc(var(--rpx,1px)*65);top:-moz-calc(var(--rpx,1px)*65);top:calc(var(--rpx, 1px)*65);-webkit-transform:translateX(-50%) translateY(-100%);-moz-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translate(-50%) translateY(-100%);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,transform .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s,-moz-transform .3s;z-index:9}#section-vote .tips.show{opacity:1;-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}#section-vote .tips.y .close{display:none}#section-vote .tips.n .close,#section-vote .tips.y .right{display:block}#section-vote .tips.n .right{display:none}#section-vote .tips .tips-icon{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24);margin-right:calc(var(--rpx, 1px)*12);position:relative;width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}#section-vote .tips .tips-icon img{height:100%;left:0;position:absolute;top:0;width:100%}#section-vote .tips .tips-t>*{display:none}#section-vote .tips .tips-t>.show{display:block}#section-vote .team .wrapper{height:-webkit-calc(100vh - 94px);height:-moz-calc(100vh - 94px);height:calc(100vh - 94px);height:-webkit-calc(var(--vh,1vh)*100 - 94px);height:-moz-calc(var(--vh,1vh)*100 - 94px);height:calc(var(--vh, 1vh)*100 - 94px)}#section-vote .team .selected-team{margin-top:calc(var(--rpx, 1px)*63)}#section-vote .team .selected-team .item .border{height:-webkit-calc(var(--rpx,1px)*300);height:-moz-calc(var(--rpx,1px)*300);height:calc(var(--rpx, 1px)*300);width:-webkit-calc(var(--rpx,1px)*300);width:-moz-calc(var(--rpx,1px)*300);width:calc(var(--rpx, 1px)*300)}#section-vote .team .selected-team .item .border .logo{height:-webkit-calc(var(--rpx,1px)*195);height:-moz-calc(var(--rpx,1px)*195);height:calc(var(--rpx, 1px)*195);width:-webkit-calc(var(--rpx,1px)*185);width:-moz-calc(var(--rpx,1px)*185);width:calc(var(--rpx, 1px)*185);z-index:3}#section-vote .team .selected-team .item .vote-name{margin:calc(var(--rpx, 1px)*18) auto}#section-vote .team .selected-team .info{margin:0 calc(var(--rpx, 1px)*40)}#section-vote .team .selected-team .info .vs{margin-bottom:calc(var(--rpx, 1px)*10)}#section-vote .team .selected-team .info .time{color:#ffffffbf;line-height:1.5}#section-vote .player .wrapper{height:-webkit-calc(100vh - 94px);height:-moz-calc(100vh - 94px);height:calc(100vh - 94px);height:-webkit-calc(var(--vh,1vh)*100 - 94px);height:-moz-calc(var(--vh,1vh)*100 - 94px);height:calc(var(--vh, 1vh)*100 - 94px)}#section-vote .player .player-items{margin-top:calc(var(--rpx, 1px)*60)}#section-vote .player .player-items>:not(:first-child){margin-left:calc(var(--rpx, 1px)*25)}#section-vote .player .player-items .item{height:-webkit-calc(var(--rpx,1px)*372);height:-moz-calc(var(--rpx,1px)*372);height:calc(var(--rpx, 1px)*372);width:-webkit-calc(var(--rpx,1px)*186);width:-moz-calc(var(--rpx,1px)*186);width:calc(var(--rpx, 1px)*186)}#section-vote .player .player-items .item .b-mask{height:-webkit-calc(var(--rpx,1px)*408);height:-moz-calc(var(--rpx,1px)*408);height:calc(var(--rpx, 1px)*408);width:-webkit-calc(var(--rpx,1px)*225);width:-moz-calc(var(--rpx,1px)*225);width:calc(var(--rpx, 1px)*225)}#section-vote .player .player-items .item .player-name.team-0 .t-0,#section-vote .player .player-items .item .player-pic.team-0 .t-0{display:block}#section-vote .player .player-items .item .player-name.team-0 .t-1,#section-vote .player .player-items .item .player-name.team-1 .t-0,#section-vote .player .player-items .item .player-pic.team-0 .t-1,#section-vote .player .player-items .item .player-pic.team-1 .t-0{display:none}#section-vote .player .player-items .item .player-name.team-1 .t-1,#section-vote .player .player-items .item .player-pic.team-1 .t-1{display:block}#section-vote .player .player-items .item .vote-name{bottom:-webkit-calc(var(--rpx,1px)*65);bottom:-moz-calc(var(--rpx,1px)*65);bottom:calc(var(--rpx, 1px)*65);left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}#section-vote .result{overflow:hidden}#section-vote .result .wrapper{margin:calc(var(--rpx, 1px)*80) 0}#section-vote .result .result-info{background:#121212;padding:calc(var(--rpx, 1px)*60) calc(var(--rpx, 1px)*160) calc(var(--rpx, 1px)*60) calc(var(--rpx, 1px)*100)}#section-vote .result .result-info .pic-wrapper{margin-right:calc(var(--rpx, 1px)*160)}#section-vote .result .result-info .pic-wrapper .pic-display{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9}#section-vote .result .result-info .pic-wrapper .pic-display.show{opacity:1!important}#section-vote .result .result-info .pic-wrapper .area-dom{-webkit-transform:translate(-99999px);-moz-transform:translate(-99999px);-ms-transform:translate(-99999px);transform:translate(-99999px)}#section-vote .result .result-info .pic-wrapper .area-dom .bg-border{height:-webkit-calc(var(--rpx,1px)*3);height:-moz-calc(var(--rpx,1px)*3);height:calc(var(--rpx, 1px)*3);margin:auto;width:-webkit-calc(var(--rpx,1px)*205);width:-moz-calc(var(--rpx,1px)*205);width:calc(var(--rpx, 1px)*205)}#section-vote .result .result-info .pic-wrapper .area-dom .content{background:#000;border:1px solid #cda15a;padding:calc(var(--rpx, 1px)*16) calc(var(--rpx, 1px)*7);text-align:center}#section-vote .result .result-info .pic-wrapper .area-dom .content .player-name{margin:0 auto calc(var(--rpx, 1px)*8)}#section-vote .result .result-info .pic-wrapper .area-dom .content .info{-webkit-box-pack:justify!important;-moz-box-pack:justify!important;-webkit-justify-content:space-between!important;justify-content:space-between!important}#section-vote .result .result-info .pic-wrapper .area-dom .content .info img{height:-webkit-calc(var(--rpx,1px)*2);height:-moz-calc(var(--rpx,1px)*2);height:calc(var(--rpx, 1px)*2);width:-webkit-calc(var(--rpx,1px)*50);width:-moz-calc(var(--rpx,1px)*50);width:calc(var(--rpx, 1px)*50);width:-webkit-calc(var(--rpx,1px)*35);width:-moz-calc(var(--rpx,1px)*35);width:calc(var(--rpx, 1px)*35)}#section-vote .result .result-info .pic-wrapper .area-dom .content .pic{height:-webkit-calc(var(--rpx,1px)*272);height:-moz-calc(var(--rpx,1px)*272);height:calc(var(--rpx, 1px)*272);height:-webkit-calc(var(--rpx,1px)*242);height:-moz-calc(var(--rpx,1px)*242);height:calc(var(--rpx, 1px)*242);margin:calc(var(--rpx, 1px)*10) auto calc(var(--rpx, 1px)*16);position:relative;width:-webkit-calc(var(--rpx,1px)*215);width:-moz-calc(var(--rpx,1px)*215);width:calc(var(--rpx, 1px)*215);width:-webkit-calc(var(--rpx,1px)*192);width:-moz-calc(var(--rpx,1px)*192);width:calc(var(--rpx, 1px)*192)}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;color:#fff6;-webkit-justify-content:space-between;justify-content:space-between;text-align:left}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info .qr{height:-webkit-calc(var(--rpx,1px)*41);height:-moz-calc(var(--rpx,1px)*41);height:calc(var(--rpx, 1px)*41);width:-webkit-calc(var(--rpx,1px)*41);width:-moz-calc(var(--rpx,1px)*41);width:calc(var(--rpx, 1px)*41)}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info .v-t-0{color:#fffffff2;margin:0 auto calc(var(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*192);width:-moz-calc(var(--rpx,1px)*192);width:calc(var(--rpx, 1px)*192)}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info .v-t-w{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.09);height:-webkit-calc(var(--rpx,1px)*53);height:-moz-calc(var(--rpx,1px)*53);height:calc(var(--rpx, 1px)*53);margin:auto;padding-left:calc(var(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*192);width:-moz-calc(var(--rpx,1px)*192);width:calc(var(--rpx, 1px)*192)}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info .v-t-w .qr{height:-webkit-calc(var(--rpx,1px)*37);height:-moz-calc(var(--rpx,1px)*37);height:calc(var(--rpx, 1px)*37);margin-right:calc(var(--rpx, 1px)*11);width:-webkit-calc(var(--rpx,1px)*37);width:-moz-calc(var(--rpx,1px)*37);width:calc(var(--rpx, 1px)*37)}#section-vote .result .result-info .pic-wrapper .area-dom .content .visit-info .v-t-w .v-t-1{color:#ffffffbf}#section-vote .result .result-info .pic-wrapper .bg-mask{height:auto;left:0;position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*500);width:-moz-calc(var(--rpx,1px)*500);width:calc(var(--rpx, 1px)*500)}#section-vote .result .result-info .text-wrapper{margin:0 auto calc(var(--rpx, 1px)*30);mix-blend-mode:difference;width:-webkit-calc(var(--rpx,1px)*315);width:-moz-calc(var(--rpx,1px)*315);width:calc(var(--rpx, 1px)*315)}#section-vote .result .result-info .text-wrapper .title{margin-bottom:calc(var(--rpx, 1px)*15)}#section-vote .result .result-info .options-wrapper{margin-top:calc(var(--rpx, 1px)*10)}#section-vote .result .result-info .options-wrapper .split-lines{background:hsla(0,0%,100%,.15);height:1px;margin:calc(var(--rpx, 1px)*18) auto calc(var(--rpx, 1px)*23);width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}#section-vote .result .result-info .options-wrapper .title{line-height:1.5;margin-bottom:calc(var(--rpx, 1px)*15)}#section-vote .result .result-info .options-wrapper .share-text{color:#f3f3f3;line-height:1.5;margin-bottom:calc(var(--rpx, 1px)*107)}#section-vote .result .result-info .options-wrapper .options .line{background:hsla(0,0%,100%,.3);height:-webkit-calc(100% - var(--rpx,1px)*16);height:-moz-calc(100% - var(--rpx,1px)*16);height:calc(100% - var(--rpx, 1px)*16);left:-webkit-calc(var(--rpx,1px)*16);left:-moz-calc(var(--rpx,1px)*16);left:calc(var(--rpx, 1px)*16);position:absolute;top:-webkit-calc(var(--rpx,1px)*8);top:-moz-calc(var(--rpx,1px)*8);top:calc(var(--rpx, 1px)*8);width:1px}#section-vote .result .result-info .options-wrapper .options .order{position:relative;z-index:1}#section-vote .result .result-info .options-wrapper .options .order:not(:last-child){margin-bottom:calc(var(--rpx, 1px)*60)}#section-vote .result .result-info .options-wrapper .options .order .t{line-height:1.5!important}#section-vote .result .result-info .options-wrapper .options .order .num{background:#000;border:1px solid #cda15a;border-radius:50%;height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32);margin-right:calc(var(--rpx, 1px)*28);width:-webkit-calc(var(--rpx,1px)*32);width:-moz-calc(var(--rpx,1px)*32);width:calc(var(--rpx, 1px)*32)}#section-vote .result .result-info .options-wrapper .options .order .option{background:#201f1c;border-radius:-webkit-calc(var(--rpx,1px)*55);border-radius:-moz-calc(var(--rpx,1px)*55);border-radius:calc(var(--rpx, 1px)*55);color:#fff;cursor:pointer;padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*14)}#section-vote .result .result-info .options-wrapper .options .order-1 .icon,#section-vote .result .result-info .options-wrapper .options .order-2 .icon{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24);margin-right:calc(var(--rpx, 1px)*10);width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}#section-vote .result .result-info .options-wrapper .options .order-3 .community{background:#201f1c;border-radius:-webkit-calc(var(--rpx,1px)*55);border-radius:-moz-calc(var(--rpx,1px)*55);border-radius:calc(var(--rpx, 1px)*55);color:#fff;padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*14)}#section-vote .result .result-info .options-wrapper .options .order-3 .community.disabled{background:transparent;opacity:.8;pointer-events:none}#section-vote .result .result-info .options-wrapper .options .order-3 .community .icon{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20);margin-right:calc(var(--rpx, 1px)*6);width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group{white-space:nowrap}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .facebook,#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .ins,#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .twitter{cursor:pointer;height:-webkit-calc(var(--rpx,1px)*37);height:-moz-calc(var(--rpx,1px)*37);height:calc(var(--rpx, 1px)*37);width:-webkit-calc(var(--rpx,1px)*37);width:-moz-calc(var(--rpx,1px)*37);width:calc(var(--rpx, 1px)*37)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .facebook{margin:0 calc(var(--rpx, 1px)*14) 0 calc(var(--rpx, 1px)*20)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .ins{margin:0 calc(var(--rpx, 1px)*20) 0 calc(var(--rpx, 1px)*14)}.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);bottom:-webkit-calc(var(--rpx,1px)*120);bottom:-moz-calc(var(--rpx,1px)*120);bottom:calc(var(--rpx, 1px)*120);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}#section-vote .tips{padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*12)}#section-vote .tips .tips-icon{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18);margin-right:calc(var(--rpx, 1px)*6);width:-webkit-calc(var(--rpx,1px)*18);width:-moz-calc(var(--rpx,1px)*18);width:calc(var(--rpx, 1px)*18)}#section-vote .continue{background:#1b1a1a;bottom:0;height:-webkit-calc(var(--rpx,1px)*120);height:-moz-calc(var(--rpx,1px)*120);height:calc(var(--rpx, 1px)*120);position:fixed;width:100%;z-index:2}#section-vote .continue .continue-btn{background:#fe0000;border-radius:-webkit-calc(var(--rpx,1px)*36);border-radius:-moz-calc(var(--rpx,1px)*36);border-radius:calc(var(--rpx, 1px)*36);color:#fff;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);margin-bottom:calc(var(--rpx, 1px)*16);width:-webkit-calc(var(--rpx,1px)*220);width:-moz-calc(var(--rpx,1px)*220);width:calc(var(--rpx, 1px)*220)}#section-vote .continue .privacy{color:#ffffff8c}#section-vote .continue .privacy.checked .checkbox .inner{opacity:1}#section-vote .continue .privacy.after-checked{display:none}#section-vote .continue .privacy .checkbox{border:1px solid hsla(0,0%,100%,.55);border-radius:2px;height:15px;margin-right:8px;width:15px}#section-vote .continue .privacy .checkbox .inner{background:red;border-radius:50%;height:10px;opacity:0;width:10px}#section-vote .continue .privacy .p-t{border-bottom:1px solid hsla(0,0%,100%,.55)}#section-vote .team .wrapper{height:auto;padding:calc(var(--rpx, 1px)*72) 0 calc(var(--rpx, 1px)*96)}#section-vote .team .selected-team{margin-top:calc(var(--rpx, 1px)*50)}#section-vote .team .selected-team .item .border{height:-webkit-calc(var(--rpx,1px)*150);height:-moz-calc(var(--rpx,1px)*150);height:calc(var(--rpx, 1px)*150);width:-webkit-calc(var(--rpx,1px)*150);width:-moz-calc(var(--rpx,1px)*150);width:calc(var(--rpx, 1px)*150)}#section-vote .team .selected-team .item .border .logo{height:-webkit-calc(var(--rpx,1px)*91);height:-moz-calc(var(--rpx,1px)*91);height:calc(var(--rpx, 1px)*91);width:-webkit-calc(var(--rpx,1px)*86);width:-moz-calc(var(--rpx,1px)*86);width:calc(var(--rpx, 1px)*86)}#section-vote .team .selected-team .info{margin:calc(var(--rpx, 1px)*190) calc(var(--rpx, 1px)*-30) 0;white-space:nowrap}#section-vote .player .wrapper{height:auto;padding:calc(var(--rpx, 1px)*72) 0 calc(var(--rpx, 1px)*120)}#section-vote .player .player-items{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin-top:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*310);width:-moz-calc(var(--rpx,1px)*310);width:calc(var(--rpx, 1px)*310)}#section-vote .player .player-items>:not(:first-child){margin-left:0}#section-vote .player .player-items .item{height:-webkit-calc(var(--rpx,1px)*292);height:-moz-calc(var(--rpx,1px)*292);height:calc(var(--rpx, 1px)*292);margin-bottom:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*145);width:-moz-calc(var(--rpx,1px)*145);width:calc(var(--rpx, 1px)*145)}#section-vote .player .player-items .item .b-mask{height:-webkit-calc(var(--rpx,1px)*353);height:-moz-calc(var(--rpx,1px)*353);height:calc(var(--rpx, 1px)*353);width:-webkit-calc(var(--rpx,1px)*175);width:-moz-calc(var(--rpx,1px)*175);width:calc(var(--rpx, 1px)*175)}#section-vote .player .player-items .item .vote-name{bottom:-webkit-calc(var(--rpx,1px)*52);bottom:-moz-calc(var(--rpx,1px)*52);bottom:calc(var(--rpx, 1px)*52)}#section-vote .result .wrapper{margin:calc(var(--rpx, 1px)*48) 0}#section-vote .result .result-info{background:transparent;padding:0}#section-vote .result .result-info .pic-wrapper{margin:0 auto}#section-vote .result .result-info .options-wrapper .options .line{height:-webkit-calc(100% - var(--rpx,1px)*46);height:-moz-calc(100% - var(--rpx,1px)*46);height:calc(100% - var(--rpx, 1px)*46)}#section-vote .result .result-info .options-wrapper .options .order .num{margin-right:calc(var(--rpx, 1px)*16)}#section-vote .result .result-info .options-wrapper .options .order-1 .icon,#section-vote .result .result-info .options-wrapper .options .order-2 .icon{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20);width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group{margin-top:calc(var(--rpx, 1px)*10)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group .facebook{margin-left:0}.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 .continue-btn,.zn--wrapper .zn-selected-group .to-vote,.zn--wrapper header .continue-btn,.zn--wrapper header .to-vote{height:29px;width:100px}.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:20px;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}.zn--wrapper .zn-selected-group #zn-header-mo .header-nav .selected-box,.zn--wrapper header #zn-header-mo .header-nav .selected-box{width:150px}#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}#section-vote .tips{top:-webkit-calc(var(--rpx,1px)*65);top:-moz-calc(var(--rpx,1px)*65);top:calc(var(--rpx, 1px)*65)}#section-vote .team .wrapper{height:auto;padding:calc(var(--rpx, 1px)*48) 0 calc(var(--rpx, 1px)*195)}#section-vote .team .selected-team{margin-top:calc(var(--rpx, 1px)*70)}#section-vote .team .selected-team .item .border{height:-webkit-calc(var(--rpx,1px)*240);height:-moz-calc(var(--rpx,1px)*240);height:calc(var(--rpx, 1px)*240);width:-webkit-calc(var(--rpx,1px)*240);width:-moz-calc(var(--rpx,1px)*240);width:calc(var(--rpx, 1px)*240)}#section-vote .team .selected-team .item .border .logo{height:-webkit-calc(var(--rpx,1px)*156);height:-moz-calc(var(--rpx,1px)*156);height:calc(var(--rpx, 1px)*156);width:-webkit-calc(var(--rpx,1px)*148);width:-moz-calc(var(--rpx,1px)*148);width:calc(var(--rpx, 1px)*148)}#section-vote .player .wrapper{height:auto;padding:calc(var(--rpx, 1px)*48) 0}#section-vote .player .player-items{-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*504);width:-moz-calc(var(--rpx,1px)*504);width:calc(var(--rpx, 1px)*504)}#section-vote .player .player-items>:not(:first-child){margin-left:0}#section-vote .player .player-items>:nth-child(2){margin:0 calc(var(--rpx, 1px)*30)}#section-vote .player .player-items>:nth-child(4){margin-right:calc(var(--rpx, 1px)*30)}#section-vote .player .player-items .item{height:-webkit-calc(var(--rpx,1px)*296);height:-moz-calc(var(--rpx,1px)*296);height:calc(var(--rpx, 1px)*296);margin-bottom:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*148);width:-moz-calc(var(--rpx,1px)*148);width:calc(var(--rpx, 1px)*148)}#section-vote .player .player-items .item .b-mask{height:-webkit-calc(var(--rpx,1px)*353);height:-moz-calc(var(--rpx,1px)*353);height:calc(var(--rpx, 1px)*353);width:-webkit-calc(var(--rpx,1px)*175);width:-moz-calc(var(--rpx,1px)*175);width:calc(var(--rpx, 1px)*175)}#section-vote .player .player-items .item .vote-name{bottom:-webkit-calc(var(--rpx,1px)*52);bottom:-moz-calc(var(--rpx,1px)*52);bottom:calc(var(--rpx, 1px)*52)}#section-vote .result .wrapper{margin:calc(var(--rpx, 1px)*48) 0}#section-vote .result .result-info{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:calc(var(--rpx, 1px)*30) calc(var(--rpx, 1px)*75) calc(var(--rpx, 1px)*30) calc(var(--rpx, 1px)*45)}#section-vote .result .result-info .pic-wrapper{margin-right:calc(var(--rpx, 1px)*40)}#section-vote .result .result-info .pic-wrapper .bg-mask{width:-webkit-calc(var(--rpx,1px)*368);width:-moz-calc(var(--rpx,1px)*368);width:calc(var(--rpx, 1px)*368)}#section-vote .result .result-info .options-wrapper .title{margin-right:calc(var(--rpx, 1px)*12)}#section-vote .result .result-info .options-wrapper .share-text{margin-bottom:calc(var(--rpx, 1px)*72)}#section-vote .result .result-info .options-wrapper .options .line{height:-webkit-calc(100% - var(--rpx,1px)*46);height:-moz-calc(100% - var(--rpx,1px)*46);height:calc(100% - var(--rpx, 1px)*46)}#section-vote .result .result-info .options-wrapper .options .order-3 .share-group{margin-top:calc(var(--rpx, 1px)*10)}.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:50px}.zn--wrapper header{height:auto;min-height:94px;min-height:50px}.zn--wrapper header .o-header{z-index:0}.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)}}.zn--wrapper{font-family:OPPOSans-Ver2-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,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,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,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)}}