.bg-\[\#000\],.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1}.bg-\[\#FFFFFF1F\],.bg-white{background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#FFFFFF1F\]{--tw-bg-opacity:.12156862745098039}.bg-\[\#00000020\]{--tw-bg-opacity:.12549019607843137}.bg-\[\#00000020\],.bg-\[\#00000080\]{background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#00000080\]{--tw-bg-opacity:.5019607843137255}.rounded-20rpx{border-radius:-webkit-calc(var(--rpx,1px)*20);border-radius:-moz-calc(var(--rpx,1px)*20);border-radius:calc(var(--rpx, 1px)*20)}.rounded-8rpx{border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8)}.rounded-40px{border-radius:40px}.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)}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.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-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.h-full{height:100%}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-120vw{height:120vw;height:-webkit-calc(var(--vw,1vw)*120);height:-moz-calc(var(--vw,1vw)*120);height:calc(var(--vw, 1vw)*120)}.h-90vw{height:90vw;height:-webkit-calc(var(--vw,1vw)*90);height:-moz-calc(var(--vw,1vw)*90);height:calc(var(--vw, 1vw)*90)}.h-\[calc\(var\(--content-height\)\+100vh\)\]{height:-webkit-calc(var(--content-height) + 100vh);height:-moz-calc(var(--content-height) + 100vh);height:calc(var(--content-height) + 100vh);height:-webkit-calc(var(--content-height) + var(--vh,1vh)*100);height:-moz-calc(var(--content-height) + var(--vh,1vh)*100);height:calc(var(--content-height) + var(--vh, 1vh)*100)}.h-64rpx{height:-webkit-calc(var(--rpx,1px)*64);height:-moz-calc(var(--rpx,1px)*64);height:calc(var(--rpx, 1px)*64)}.h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.\!h-20px{height:20px!important}.h-32rpx{height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32)}.h-\[calc\(var\(--content-height\)\+800vh\)\]{height:-webkit-calc(var(--content-height) + 800vh);height:-moz-calc(var(--content-height) + 800vh);height:calc(var(--content-height) + 800vh);height:-webkit-calc(var(--content-height) + var(--vh,1vh)*800);height:-moz-calc(var(--content-height) + var(--vh,1vh)*800);height:calc(var(--content-height) + var(--vh, 1vh)*800)}.h-248px{height:248px}.h-500rpx{height:-webkit-calc(var(--rpx,1px)*500);height:-moz-calc(var(--rpx,1px)*500);height:calc(var(--rpx, 1px)*500)}.h-20px{height:20px}.h-360rpx{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.h-184rpx{height:-webkit-calc(var(--rpx,1px)*184);height:-moz-calc(var(--rpx,1px)*184);height:calc(var(--rpx, 1px)*184)}.h-32px{height:32px}.h-240rpx{height:-webkit-calc(var(--rpx,1px)*240);height:-moz-calc(var(--rpx,1px)*240);height:calc(var(--rpx, 1px)*240)}.h-\[300vh\]{height:300vh;height:-webkit-calc(var(--vh,1vh)*300);height:-moz-calc(var(--vh,1vh)*300);height:calc(var(--vh, 1vh)*300)}.h-530rpx{height:-webkit-calc(var(--rpx,1px)*530);height:-moz-calc(var(--rpx,1px)*530);height:calc(var(--rpx, 1px)*530)}.h-94px{height:94px}.h-650rpx{height:-webkit-calc(var(--rpx,1px)*650);height:-moz-calc(var(--rpx,1px)*650);height:calc(var(--rpx, 1px)*650)}.h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.text-48{font-size:48px;line-height:120%}.text-24{font-size:24px;line-height:120%}.text-18{font-size:18px;line-height:156%}.text-16{font-size:16px;line-height:24px}.text-12{font-size:12px;line-height:20px}.mx-auto{margin-left:auto;margin-right:auto}.-mt-52px{margin-top:-52px}.-ml-12rpx{margin-left:calc(var(--rpx, 1px)*-12)}.mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.mt-18rpx{margin-top:calc(var(--rpx, 1px)*18)}.mt-\[calc\(0px-200vh\)\]{margin-top:-200vh;margin-top:calc(0px - var(--vh, 1vh)*200)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mt-14rpx{margin-top:calc(var(--rpx, 1px)*14)}.mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.mt-\[calc\(0px-300vh\)\]{margin-top:-300vh;margin-top:calc(0px - var(--vh, 1vh)*300)}.mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.object-cover{-o-object-fit:cover;object-fit:cover}.\!opacity-0{opacity:0!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.px-6px{padding-left:6px;padding-right:6px}.py-6px{padding-bottom:6px;padding-top:6px}.px-12px{padding-left:12px;padding-right:12px}.py-4px{padding-bottom:4px;padding-top:4px}.py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.px-\[calc\(50vw-656rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.pt-\[calc\(var\(--half-content-height\)-320rpx\)\]{padding-top:calc(var(--half-content-height) - var(--rpx, 1px)*320)}.pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pb-113rpx{padding-bottom:calc(var(--rpx, 1px)*113)}.pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\!relative{position:relative!important}.sticky{position:-webkit-sticky;position:sticky}.top-\[var\(--nav-height\)\]{top:var(--nav-height)}.left-0{left:0}.left-40vw{left:40vw;left:-webkit-calc(var(--vw,1vw)*40);left:-moz-calc(var(--vw,1vw)*40);left:calc(var(--vw, 1vw)*40)}.top-20vh{top:20vh;top:-webkit-calc(var(--vh,1vh)*20);top:-moz-calc(var(--vh,1vh)*20);top:calc(var(--vh, 1vh)*20)}.-left-20vw{left:-20vw;left:-webkit-calc(var(--vw,1vw)*-20);left:-moz-calc(var(--vw,1vw)*-20);left:calc(var(--vw, 1vw)*-20)}.-top-60vw{top:-60vw;top:-webkit-calc(var(--vw,1vw)*-60);top:-moz-calc(var(--vw,1vw)*-60);top:calc(var(--vw, 1vw)*-60)}.-left-40vw{left:-40vw;left:-webkit-calc(var(--vw,1vw)*-40);left:-moz-calc(var(--vw,1vw)*-40);left:calc(var(--vw, 1vw)*-40)}.-top-40vw{top:-40vw;top:-webkit-calc(var(--vw,1vw)*-40);top:-moz-calc(var(--vw,1vw)*-40);top:calc(var(--vw, 1vw)*-40)}.right-20px{right:20px}.bottom-20px{bottom:20px}.top-80rpx{top:-webkit-calc(var(--rpx,1px)*80);top:-moz-calc(var(--rpx,1px)*80);top:calc(var(--rpx, 1px)*80)}.top-\[calc\(var\(--half-content-height\)-124px\)\]{top:-webkit-calc(var(--half-content-height) - 124px);top:-moz-calc(var(--half-content-height) - 124px);top:calc(var(--half-content-height) - 124px)}.left-\[calc\(50vw-393px\)\]{left:-webkit-calc(50vw - 393px);left:-moz-calc(50vw - 393px);left:calc(50vw - 393px);left:-webkit-calc(var(--vw,1vw)*50 - 393px);left:-moz-calc(var(--vw,1vw)*50 - 393px);left:calc(var(--vw, 1vw)*50 - 393px)}.top-0{top:0}.right-14rpx{right:-webkit-calc(var(--rpx,1px)*14);right:-moz-calc(var(--rpx,1px)*14);right:calc(var(--rpx, 1px)*14)}.bottom-14rpx{bottom:-webkit-calc(var(--rpx,1px)*14);bottom:-moz-calc(var(--rpx,1px)*14);bottom:calc(var(--rpx, 1px)*14)}.top-1\/2{top:50%}.left-1\/2{left:50%}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[\#ffffff88\]{--tw-text-opacity:.5333333333333333;color:rgba(255,255,255,var(--tw-text-opacity))}.content-wrapper{content:"wrapper"}.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-100vw{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-120vw{width:120vw;width:-webkit-calc(var(--vw,1vw)*120);width:-moz-calc(var(--vw,1vw)*120);width:calc(var(--vw, 1vw)*120)}.w-90vw{width:90vw;width:-webkit-calc(var(--vw,1vw)*90);width:-moz-calc(var(--vw,1vw)*90);width:calc(var(--vw, 1vw)*90)}.w-1280rpx{width:-webkit-calc(var(--rpx,1px)*1280);width:-moz-calc(var(--rpx,1px)*1280);width:calc(var(--rpx, 1px)*1280)}.w-568rpx{width:-webkit-calc(var(--rpx,1px)*568);width:-moz-calc(var(--rpx,1px)*568);width:calc(var(--rpx, 1px)*568)}.w-640rpx{width:-webkit-calc(var(--rpx,1px)*640);width:-moz-calc(var(--rpx,1px)*640);width:calc(var(--rpx, 1px)*640)}.\!w-20px{width:20px!important}.w-280rpx{width:-webkit-calc(var(--rpx,1px)*280);width:-moz-calc(var(--rpx,1px)*280);width:calc(var(--rpx, 1px)*280)}.w-787px{width:787px}.w-476px{width:476px}.w-734rpx{width:-webkit-calc(var(--rpx,1px)*734);width:-moz-calc(var(--rpx,1px)*734);width:calc(var(--rpx, 1px)*734)}.w-20px{width:20px}.w-360rpx{width:-webkit-calc(var(--rpx,1px)*360);width:-moz-calc(var(--rpx,1px)*360);width:calc(var(--rpx, 1px)*360)}.w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.w-32px{width:32px}.w-731px{width:731px}.w-1074rpx{width:-webkit-calc(var(--rpx,1px)*1074);width:-moz-calc(var(--rpx,1px)*1074);width:calc(var(--rpx, 1px)*1074)}.w-94px{width:94px}.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}.gap-2rpx{grid-gap:-webkit-calc(var(--rpx,1px)*2);grid-gap:-moz-calc(var(--rpx,1px)*2);grid-gap:calc(var(--rpx, 1px)*2);gap:-webkit-calc(var(--rpx,1px)*2);gap:-moz-calc(var(--rpx,1px)*2);gap:calc(var(--rpx, 1px)*2)}.gap-10rpx{grid-gap:-webkit-calc(var(--rpx,1px)*10);grid-gap:-moz-calc(var(--rpx,1px)*10);grid-gap:calc(var(--rpx, 1px)*10);gap:-webkit-calc(var(--rpx,1px)*10);gap:-moz-calc(var(--rpx,1px)*10);gap:calc(var(--rpx, 1px)*10)}.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))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.perspect-1000px{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.duration-500{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.full{height:100%;width:100%}@media (min-width:650px) and (max-width:1023px){.pad\:flex-\[1_1_182\]{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 182;flex:1 1 182}.pad\:h-36rpx{height:-webkit-calc(var(--rpx,1px)*36);height:-moz-calc(var(--rpx,1px)*36);height:calc(var(--rpx, 1px)*36)}.pad\:h-340rpx{height:-webkit-calc(var(--rpx,1px)*340);height:-moz-calc(var(--rpx,1px)*340);height:calc(var(--rpx, 1px)*340)}.pad\:h-267rpx{height:-webkit-calc(var(--rpx,1px)*267);height:-moz-calc(var(--rpx,1px)*267);height:calc(var(--rpx, 1px)*267)}.pad\:h-216rpx{height:-webkit-calc(var(--rpx,1px)*216);height:-moz-calc(var(--rpx,1px)*216);height:calc(var(--rpx, 1px)*216)}.pad\:h-320rpx{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320)}.pad\:h-40px{height:40px}.pad\:-ml-8rpx{margin-left:calc(var(--rpx, 1px)*-8)}.pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.pad\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.pad\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pad\:px-24px{padding-left:24px;padding-right:24px}.pad\:pt-\[calc\(var\(--half-content-height\)-170rpx\)\]{padding-top:calc(var(--half-content-height) - var(--rpx, 1px)*170)}.pad\:right-14px{right:14px}.pad\:bottom-14px{bottom:14px}.pad\:top-\[calc\(var\(--half-content-height\)-80px\)\]{top:-webkit-calc(var(--half-content-height) - 80px);top:-moz-calc(var(--half-content-height) - 80px);top:calc(var(--half-content-height) - 80px)}.pad\:left-\[calc\(50vw-360rpx\)\]{left:-webkit-calc(50vw - var(--rpx,1px)*360);left:-moz-calc(50vw - var(--rpx,1px)*360);left:calc(50vw - var(--rpx, 1px)*360);left:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*360);left:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*360);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:w-708rpx{width:-webkit-calc(var(--rpx,1px)*708);width:-moz-calc(var(--rpx,1px)*708);width:calc(var(--rpx, 1px)*708)}.pad\:w-320rpx{width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.pad\:w-340rpx{width:-webkit-calc(var(--rpx,1px)*340);width:-moz-calc(var(--rpx,1px)*340);width:calc(var(--rpx, 1px)*340)}.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-392rpx{width:-webkit-calc(var(--rpx,1px)*392);width:-moz-calc(var(--rpx,1px)*392);width:calc(var(--rpx, 1px)*392)}.pad\:w-216rpx{width:-webkit-calc(var(--rpx,1px)*216);width:-moz-calc(var(--rpx,1px)*216);width:calc(var(--rpx, 1px)*216)}.pad\:w-640rpx{width:-webkit-calc(var(--rpx,1px)*640);width:-moz-calc(var(--rpx,1px)*640);width:calc(var(--rpx, 1px)*640)}.pad\:w-40px{width:40px}.pad\:gap-8rpx{grid-gap:-webkit-calc(var(--rpx,1px)*8);grid-gap:-moz-calc(var(--rpx,1px)*8);grid-gap:calc(var(--rpx, 1px)*8);gap:-webkit-calc(var(--rpx,1px)*8);gap:-moz-calc(var(--rpx,1px)*8);gap:calc(var(--rpx, 1px)*8)}}@media (max-width:649px){.mo\:mt-0{margin-top:0}.mo\:px-16px{padding-left:16px;padding-right:16px}}@media (max-width:1023px){.mot\:h-16px{height:16px}.mot\:text-32{font-size:32px;line-height:120%}.mot\:text-24{font-size:24px;line-height:120%}.mot\:text-16{font-size:16px;line-height:24px}.mot\:text-12{font-size:12px;line-height:20px}.mot\:mt-14rpx{margin-top:calc(var(--rpx, 1px)*14)}.mot\:w-536px{width:536px}.mot\:w-16px{width:16px}.mot\:w-328px{width:328px}.mot\:w-542px{width:542px}}.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%)}#section-padlock .gallery .img-wrapper{border-radius:8px;overflow:hidden}#section-padlock .gallery .img-wrapper:hover{-webkit-box-flex:2;-moz-box-flex:2;-webkit-flex:2;flex:2}#section-padlock .gallery .img-wrapper:hover .mask{opacity:0}#section-padlock .gallery .img-wrapper.unreleased .stay{opacity:1}#section-star .bg-circle{-webkit-filter:blur(100px);filter:blur(100px)}#section-star .bg-circle1{background:-webkit-radial-gradient(45.86% 41.22%,33.67% 33.67%,rgba(77,193,255,.192) 0,rgba(147,200,243,0) 100%);background:-moz-radial-gradient(45.86% 41.22%,33.67% 33.67%,rgba(77,193,255,.192) 0,rgba(147,200,243,0) 100%);background:radial-gradient(33.67% 33.67% at 45.86% 41.22%,rgba(77,193,255,.192) 0,rgba(147,200,243,0) 100%)}#section-star .bg-circle2{background:-webkit-radial-gradient(50% 50%,37.93% 37.93%,rgba(56,96,115,.4) 0,rgba(63,89,99,0) 100%);background:-moz-radial-gradient(50% 50%,37.93% 37.93%,rgba(56,96,115,.4) 0,rgba(63,89,99,0) 100%);background:radial-gradient(37.93% 37.93% at 50% 50%,rgba(56,96,115,.4) 0,rgba(63,89,99,0) 100%)}#section-star .bg-circle3{background:-webkit-radial-gradient(36.42% 41.51%,45.74% 45.74%,rgba(113,176,208,.28) 0,rgba(155,207,250,0) 100%);background:-moz-radial-gradient(36.42% 41.51%,45.74% 45.74%,rgba(113,176,208,.28) 0,rgba(155,207,250,0) 100%);background:radial-gradient(45.74% 45.74% at 36.42% 41.51%,rgba(113,176,208,.28) 0,rgba(155,207,250,0) 100%)}#section-ksp .img-wrapper{-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px)}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}: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)}#section-padlock .gallery .img-wrapper{border-radius:4px}#section-padlock .gallery .img-wrapper.unreleased{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}: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)}#section-padlock .gallery .img-wrapper{-webkit-flex-basis:-webkit-calc(var(--rpx,1px)*182);flex-basis:-moz-calc(var(--rpx,1px)*182);flex-basis:calc(var(--rpx, 1px)*182)}#section-padlock .gallery .img-wrapper:hover{-webkit-flex-basis:-webkit-calc(var(--rpx,1px)*340);flex-basis:-moz-calc(var(--rpx,1px)*340);flex-basis:calc(var(--rpx, 1px)*340)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}#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)}}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}: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)}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}: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)}.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:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}: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)}}[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] 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] .last-frame,[ani-video-wrapper] .last-frame{opacity:0;z-index:2}[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-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:-webkit-calc(var(--rpx,1px)*40);border-radius:-moz-calc(var(--rpx,1px)*40);border-radius:calc(var(--rpx, 1px)*40);cursor:pointer;opacity:0;pointer-events:none;position:absolute;z-index:2}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived{cursor:pointer;opacity:1;pointer-events:auto}[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:1024px){.mo-only,.pad-only,.pc-hidden{display:none}: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)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}: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)}[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:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}: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)}[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}*,:after,:before{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-wrapper{-webkit-transition:none;-moz-transition:none;transition:none;z-index:0}#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}.light-theme :not(.dark-theme) .g--popup-container.v1,.light-theme :not(.dark-theme) .g--popup-container.v1:after{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2,.light-theme :not(.dark-theme) .g--popup-container.v2:after{background:#fafafa}.light-theme :not(.dark-theme) .g--popup-close.v2 circle{fill:#efede9}.light-theme :not(.dark-theme) .g--popup-close.v2 path{fill:#000}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}: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)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}: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)}.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{bottom:-webkit-calc(12.5% - 48px);bottom:-moz-calc(12.5% - 48px);bottom:calc(12.5% - 48px);right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:auto}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}: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)}.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}}