.g--popup{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;position: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,.g--popup[data-theme=white] .g--popup-container.v2.v2,.g--popup[data-theme=white] .g--popup-container.v2:after{background:#201f1c}.g--popup[data-theme=black] .g--popup-container.v2.v2,.g--popup[data-theme=black] .g--popup-container.v2:after{background:#fafafa}.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}@media (min-width:1025px){.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:650px){.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{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(100vh - 59px);top:-moz-calc(100vh - 59px);top:calc(100vh - 59px);top:-webkit-calc(var(--vh,1vh)*100 - 59px);top:-moz-calc(var(--vh,1vh)*100 - 59px);top:calc(var(--vh, 1vh)*100 - 59px)}}@media (min-width:651px) and (max-width:1024px){.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)}}.zn--common-popup{display:none;-webkit-transform:translate3d(0,120vh,0);-moz-transform:translate3d(0,120vh,0);transform:translate3d(0,120vh,0);-webkit-transform:translate3d(0,-webkit-calc(var(--vh,1vh)*120),0);-moz-transform:translate3d(0,-moz-calc(var(--vh,1vh)*120),0);transform:translate3d(0,calc(var(--vh, 1vh)*120),0);will-change:transform}.zn--common-popup.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}.zn--common-popup.show{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,-webkit-calc(var(--vh,1vh)*0),0);-moz-transform:translate3d(0,-moz-calc(var(--vh,1vh)*0),0);transform:translate3d(0,calc(var(--vh, 1vh)*0),0)}.zn--common-popup .zn--common-popup-content .pic-wrapper .loading-icon{-webkit-animation:arrowAni 2s linear infinite;-moz-animation:arrowAni 2s linear infinite;animation:arrowAni 2s linear infinite}@-moz-keyframes arrowAni{0%{-moz-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes arrowAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes arrowAni{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.zn--common-popup .zn--common-popup-content .pic-wrapper img{opacity:0;pointer-events:none;z-index:1}.zn--common-popup .zn--common-popup-content .pic-wrapper img.active{opacity:1;z-index:2}.zn--common-popup .zn--common-popup-content .pic-wrapper .popup-tip{opacity:1;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease}.zn--common-popup .zn--common-popup-content .pic-wrapper .popup-tip.disappear{opacity:0}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-left{background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#000,rgba(0,0,0,0));background:-moz-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:linear-gradient(90deg,#000,rgba(0,0,0,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-right{background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#000,rgba(0,0,0,0));background:-moz-linear-gradient(right,#000 0,rgba(0,0,0,0) 100%);background:linear-gradient(270deg,#000,rgba(0,0,0,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;-moz-transition:transform .5s ease,-moz-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .thumbnail-scroll .thumbnail img{-o-object-position:50% 40%;object-position:50% 40%}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .bottom-mask{background:-webkit-gradient(linear,left top,left bottom,from(rgba(32,31,28,0)),color-stop(73.78%,#201f1c),to(#201f1c));background:-webkit-linear-gradient(top,rgba(32,31,28,0),#201f1c 73.78%,#201f1c);background:-moz-linear-gradient(top,rgba(32,31,28,0),#201f1c 73.78%,#201f1c);background:linear-gradient(180deg,rgba(32,31,28,0),#201f1c 73.78%,#201f1c);pointer-events:none}.zn--common-popup .zn--common-popup-content .text-wrapper .option-wrapper .switch-download .switch-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zn--common-popup .zn--common-popup-content .text-wrapper .option-wrapper .switch-download .switch-wrapper .next-btn,.zn--common-popup .zn--common-popup-content .text-wrapper .option-wrapper .switch-download .switch-wrapper .prev-btn{opacity:1}.zn--common-popup .zn--common-popup-content .text-wrapper .option-wrapper .switch-download .switch-wrapper .next-btn.disabled,.zn--common-popup .zn--common-popup-content .text-wrapper .option-wrapper .switch-download .switch-wrapper .prev-btn.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.zn--common-popup .zn--common-popup-content .desc,.zn--common-popup .zn--common-popup-content .subTitle{opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease;z-index:1}.zn--common-popup .zn--common-popup-content .desc.active,.zn--common-popup .zn--common-popup-content .subTitle.active{opacity:1;pointer-events:auto;z-index:2}.zn--common-popup .zn--common-popup-content .download-wrapper{opacity:0;pointer-events:none;z-index:1}.zn--common-popup .zn--common-popup-content .download-wrapper.active{opacity:1;pointer-events:auto;z-index:2}@media (min-width:1025px){.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-left{background:-webkit-gradient(linear,left top,right top,from(#201f1c),to(rgba(32,31,28,0)));background:-webkit-linear-gradient(left,#201f1c,rgba(32,31,28,0));background:-moz-linear-gradient(left,#201f1c 0,rgba(32,31,28,0) 100%);background:linear-gradient(90deg,#201f1c,rgba(32,31,28,0))}.zn--common-popup .zn--common-popup-content .thumbnail-wrapper .mask-right{background:-webkit-gradient(linear,right top,left top,from(#201f1c),to(rgba(32,31,28,0)));background:-webkit-linear-gradient(right,#201f1c,rgba(32,31,28,0));background:-moz-linear-gradient(right,#201f1c 0,rgba(32,31,28,0) 100%);background:linear-gradient(270deg,#201f1c,rgba(32,31,28,0))}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.zn--common-popup .zn--common-popup-content .text-wrapper .info-wrapper .prized-work-info::-webkit-scrollbar{display:none}}@media (max-width:1024px){.zn--common-popup .zn--common-popup-content{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.zn--common-popup .zn--common-popup-content::-webkit-scrollbar{display:none}}.page-tab{display:none}.page-tab.active{display:block}.zn--pager-nav-content{-ms-overflow-style:none;scrollbar-width:none}.zn--pager-nav-content::-webkit-scrollbar{display:none}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1}.bg-\[\#FFFFFF66\],.bg-white{background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#FFFFFF66\]{--tw-bg-opacity:.4}.bg-\[\#2CFF73\]{--tw-bg-opacity:1;background-color:rgba(44,255,115,var(--tw-bg-opacity))}.rounded-36px{border-radius:36px}.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}.items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.self-start{-webkit-align-self:flex-start;align-self:flex-start}.justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.h-20rpx{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.h-18rpx{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18)}.h-50px{height:50px}.h-490rpx{height:-webkit-calc(var(--rpx,1px)*490);height:-moz-calc(var(--rpx,1px)*490);height:calc(var(--rpx, 1px)*490)}.h-524rpx{height:-webkit-calc(var(--rpx,1px)*524);height:-moz-calc(var(--rpx,1px)*524);height:calc(var(--rpx, 1px)*524)}.h-466rpx{height:-webkit-calc(var(--rpx,1px)*466);height:-moz-calc(var(--rpx,1px)*466);height:calc(var(--rpx, 1px)*466)}.h-311rpx{height:-webkit-calc(var(--rpx,1px)*311);height:-moz-calc(var(--rpx,1px)*311);height:calc(var(--rpx, 1px)*311)}.h-180rpx{height:-webkit-calc(var(--rpx,1px)*180);height:-moz-calc(var(--rpx,1px)*180);height:calc(var(--rpx, 1px)*180)}.h-1px{height:1px}.h-55px{height:55px}.text-14px{font-size:14px;line-height:1}.text-36px{font-size:36px;line-height:1}.text-16px{font-size:16px;line-height:1}.text-12px{font-size:12px;line-height:1}.text-20px{font-size:20px;line-height:1}.\!text-14px{font-size:14px!important;line-height:1!important}.text-32px{font-size:32px;line-height:1}.text-24px{font-size:24px;line-height:1}.\!text-12px{font-size:12px!important;line-height:1!important}.leading-\[22px\]{line-height:22px}.leading-\[1\.11\]{line-height:1.11}.leading-\[32px\]{line-height:32px}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.4\]{line-height:1.4}.\!leading-\[1\.57\]{line-height:1.57!important}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.33\]{line-height:1.33}.\!leading-\[1\.5\]{line-height:1.5!important}.leading-\[1\.67\]{line-height:1.67}.mx-14rpx{margin-left:calc(var(--rpx, 1px)*14);margin-right:calc(var(--rpx, 1px)*14)}.mx-auto{margin-left:auto;margin-right:auto}.my-52rpx{margin-bottom:calc(var(--rpx, 1px)*52);margin-top:calc(var(--rpx, 1px)*52)}.mr-16px{margin-right:16px}.ml-4px{margin-left:4px}.mt-52rpx{margin-top:calc(var(--rpx, 1px)*52)}.mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.mt-2rpx{margin-top:calc(var(--rpx, 1px)*2)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.opacity-30{opacity:.3}.opacity-55{opacity:.55}.opacity-75{opacity:.75}.px-22px{padding-left:22px;padding-right:22px}.absolute{position:absolute}.relative{position:relative}.top-262rpx{top:-webkit-calc(var(--rpx,1px)*262);top:-moz-calc(var(--rpx,1px)*262);top:calc(var(--rpx, 1px)*262)}.left-67rpx{left:-webkit-calc(var(--rpx,1px)*67);left:-moz-calc(var(--rpx,1px)*67);left:calc(var(--rpx, 1px)*67)}.text-center{text-align:center}.text-\[rgba\(255\,255\,255\,0\.75\)\]{--tw-text-opacity:.75;color:rgba(255,255,255,var(--tw-text-opacity))}.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-opacity-75{--tw-text-opacity:.75}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[2px\]{letter-spacing:2px}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.w-20rpx{width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}.w-1px{width:1px}.w-872rpx{width:-webkit-calc(var(--rpx,1px)*872);width:-moz-calc(var(--rpx,1px)*872);width:calc(var(--rpx, 1px)*872)}.w-350px{width:350px}.w-700rpx{width:-webkit-calc(var(--rpx,1px)*700);width:-moz-calc(var(--rpx,1px)*700);width:calc(var(--rpx, 1px)*700)}.w-350rpx{width:-webkit-calc(var(--rpx,1px)*350);width:-moz-calc(var(--rpx,1px)*350);width:calc(var(--rpx, 1px)*350)}.w-180rpx{width:-webkit-calc(var(--rpx,1px)*180);width:-moz-calc(var(--rpx,1px)*180);width:calc(var(--rpx, 1px)*180)}.w-110px{width:110px}.z-99{z-index:99}.full{height:100%;width:100%}.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}@media (min-width:651px) and (max-width:1024px){.pad\:h-405rpx{height:-webkit-calc(var(--rpx,1px)*405);height:-moz-calc(var(--rpx,1px)*405);height:calc(var(--rpx, 1px)*405)}.pad\:h-450rpx{height:-webkit-calc(var(--rpx,1px)*450);height:-moz-calc(var(--rpx,1px)*450);height:calc(var(--rpx, 1px)*450)}.pad\:h-377rpx{height:-webkit-calc(var(--rpx,1px)*377);height:-moz-calc(var(--rpx,1px)*377);height:calc(var(--rpx, 1px)*377)}.pad\:h-399rpx{height:-webkit-calc(var(--rpx,1px)*399);height:-moz-calc(var(--rpx,1px)*399);height:calc(var(--rpx, 1px)*399)}.pad\:h-268rpx{height:-webkit-calc(var(--rpx,1px)*268);height:-moz-calc(var(--rpx,1px)*268);height:calc(var(--rpx, 1px)*268)}.pad\:h-170rpx{height:-webkit-calc(var(--rpx,1px)*170);height:-moz-calc(var(--rpx,1px)*170);height:calc(var(--rpx, 1px)*170)}.pad\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.pad\:top-211rpx{top:-webkit-calc(var(--rpx,1px)*211);top:-moz-calc(var(--rpx,1px)*211);top:calc(var(--rpx, 1px)*211)}.pad\:left-38rpx{left:-webkit-calc(var(--rpx,1px)*38);left:-moz-calc(var(--rpx,1px)*38);left:calc(var(--rpx, 1px)*38)}.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-600px{width:600px}.pad\:w-600rpx{width:-webkit-calc(var(--rpx,1px)*600);width:-moz-calc(var(--rpx,1px)*600);width:calc(var(--rpx, 1px)*600)}.pad\:w-300rpx{width:-webkit-calc(var(--rpx,1px)*300);width:-moz-calc(var(--rpx,1px)*300);width:calc(var(--rpx, 1px)*300)}.pad\:w-170rpx{width:-webkit-calc(var(--rpx,1px)*170);width:-moz-calc(var(--rpx,1px)*170);width:calc(var(--rpx, 1px)*170)}}@media (min-width:1025px){.pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}}@media (max-width:650px){.mo\:h-210rpx{height:-webkit-calc(var(--rpx,1px)*210);height:-moz-calc(var(--rpx,1px)*210);height:calc(var(--rpx, 1px)*210)}.mo\:h-246rpx{height:-webkit-calc(var(--rpx,1px)*246);height:-moz-calc(var(--rpx,1px)*246);height:calc(var(--rpx, 1px)*246)}.mo\:h-206rpx{height:-webkit-calc(var(--rpx,1px)*206);height:-moz-calc(var(--rpx,1px)*206);height:calc(var(--rpx, 1px)*206)}.mo\:h-217rpx{height:-webkit-calc(var(--rpx,1px)*217);height:-moz-calc(var(--rpx,1px)*217);height:calc(var(--rpx, 1px)*217)}.mo\:h-146rpx{height:-webkit-calc(var(--rpx,1px)*146);height:-moz-calc(var(--rpx,1px)*146);height:calc(var(--rpx, 1px)*146)}.mo\:h-150rpx{height:-webkit-calc(var(--rpx,1px)*150);height:-moz-calc(var(--rpx,1px)*150);height:calc(var(--rpx, 1px)*150)}.mo\:mt-28rpx{margin-top:calc(var(--rpx, 1px)*28)}.mo\:top-110rpx{top:-webkit-calc(var(--rpx,1px)*110);top:-moz-calc(var(--rpx,1px)*110);top:calc(var(--rpx, 1px)*110)}.mo\:left-13rpx{left:-webkit-calc(var(--rpx,1px)*13);left:-moz-calc(var(--rpx,1px)*13);left:calc(var(--rpx, 1px)*13)}.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-164rpx{width:-webkit-calc(var(--rpx,1px)*164);width:-moz-calc(var(--rpx,1px)*164);width:calc(var(--rpx, 1px)*164)}.mo\:w-150rpx{width:-webkit-calc(var(--rpx,1px)*150);width:-moz-calc(var(--rpx,1px)*150);width:calc(var(--rpx, 1px)*150)}}@media (max-width:1024px){.mot\:text-30px{font-size:30px;line-height:1}.mot\:text-14px{font-size:14px;line-height:1}.mot\:text-28px{font-size:28px;line-height:1}.mot\:leading-\[1\.26\]{line-height:1.26}.mot\:leading-\[21px\]{line-height:21px}.mot\:leading-\[1\.28\]{line-height:1.28}.mot\:my-40rpx{margin-bottom:calc(var(--rpx, 1px)*40);margin-top:calc(var(--rpx, 1px)*40)}.mot\:mr-16px{margin-right:16px}.mot\:mt-2px{margin-top:2px}.mot\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mot\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mot\:py-32rpx{padding-bottom:calc(var(--rpx, 1px)*32);padding-top:calc(var(--rpx, 1px)*32)}.mot\:tracking-\[1px\]{letter-spacing:1px}.mot\:w-full{width:100%}}.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%)}.w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-max-content{width:-webkit-max-content;width:-moz-max-content;width:max-content}.h-fit-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-max-content{height:-webkit-max-content;height:-moz-max-content;height:max-content}.darken-5{opacity:.5}.darken-4{opacity:.4}.darken-0{opacity:0}.trans-opacity{-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease}.trans-transform{-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}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.overdue{background:#ccc!important;color:#0000004d!important;cursor:not-allowed!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}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--wrapper header{background:#000;height:52px;opacity:1;position:fixed;top:0;width:100%;z-index:101}.zn--wrapper header .logo-btn{height:22px;width:85px}.zn--wrapper header .logo-btn svg .fill{fill:#fff}.zn--wrapper header .lang-switch{cursor:pointer;font-size:14px;letter-spacing:.02em;line-height:22px}.zn--wrapper header .switch-panel{background:#000;border-radius:8px;display:none;font-size:14px;letter-spacing:.02em;line-height:22px;padding:12px;width:130px}.zn--wrapper header .switch-panel.show{display:block}.zn--wrapper header .switch-panel .item{cursor:pointer;display:block;padding:8px 12px}.zn--wrapper header .switch-panel .active{background:#484540;border-radius:2px}.zn--wrapper header [lan-switch] img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header [lan-switch].show img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.zn--wrapper header .submit-btn{background:#2cff73;border-radius:999px;font-size:14px;letter-spacing:.02em;line-height:22px;padding:7px 20px}.zn--wrapper header #zn-header-mo{background:#000}.zn--wrapper header #zn-header-mo .switch-panel{position:absolute;right:22px;top:100%;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}.zn--wrapper header #zn-header-mo .submit-btn{font-size:12px;height:32px;letter-spacing:.02em;line-height:20px;padding:6px 18px}.zn--wrapper header #zn-header-mo .header-nav{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-box-pack:end;-moz-box-pack:end;-webkit-align-items:center;align-items:center;font-size:16px;height:44px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-justify-content:flex-end;justify-content:flex-end;letter-spacing:.5px;line-height:24px}.zn--wrapper header #zn-header-mo .header-nav .selected{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper header #zn-header-mo .header-nav .selected-box{background:#000;left:0;top:44px;width:100%}.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item{color:#ffffff8c;display:block;padding:12px 0}.zn--wrapper header #zn-header-mo .header-nav .selected-box .nav-item.active{color:#fffffff2}.zn--wrapper header #zn-header-mo [selected-stated=close] .selected img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header #zn-header-mo [selected-stated=close] .selected-box{opacity:0;pointer-events:none}.zn--wrapper header #zn-header-mo [selected-stated=open] .selected img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.zn--wrapper header #zn-header-mo [selected-stated=open] .selected-box{opacity:1;z-index:99}.zn--wrapper header #zn-header-pc{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:space-between;justify-content:space-between;padding:0 64px;position:relative}.zn--wrapper header #zn-header-pc .switch-panel{position:absolute;top:50px}.zn--wrapper header #zn-header-pc .center-wrapper .header-nav{opacity:1;z-index:2}.zn--wrapper header #zn-header-pc .center-wrapper.change .header-nav{opacity:0;pointer-events:none;z-index:1}.zn--wrapper header #zn-header-pc .header-nav .nav-item{color:#ffffff8c;display:block;font-size:14px;line-height:52px;padding:0 10px}.zn--wrapper .normal-nav a,.zn--wrapper header #zn-header-pc .header-nav .nav-item.active{color:#fffffff2}.zn--wrapper #zn-header-wrapper .zn--pager-nav-item{opacity:.55}.zn--wrapper #zn-header-wrapper .zn--pager-nav-item.active{opacity:1}body{width:100%}body.no-scroll{overflow-y:hidden!important}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}@media (min-width:1025px){.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)}.zn--wrapper{padding-top:52px}}@media (max-width:650px){.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)}}@media (min-width:651px) and (max-width:1024px){.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)}}@media (orientation:portrait) and (max-width:1024px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (max-width:1024px){.zn--wrapper{padding-top:94px}.zn--wrapper[lan-style="2"]{padding-top:50px}.zn--wrapper[lan-style="2"] header{height:auto;min-height:50px}.zn--wrapper header{height:auto;min-height:94px}}@media (max-width:1100px){.zn--wrapper header #zn-header-pc .header-nav .nav-item{font-size:12px}}#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(1px);clip-path:inset(1px);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(2px);clip-path:inset(2px)}[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+)}[data-comp-gallery] .images-container{overflow:visible;padding-left:0;padding-right:0;touch-action:pan-y}[data-comp-gallery] .images-container img{-o-object-fit:cover;object-fit:cover}[data-comp-gallery] .swiper-slide>*{max-width:100%}[data-comp-gallery] .double-button .button{-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-comp-gallery] .double-button .button:first-child{opacity:.5}[data-comp-gallery] .color-switch>div>div{overflow:visible}[data-comp-gallery] .circle-button{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;overflow:visible;position:relative}[data-comp-gallery] .circle-button:before{border-color:var(--border-color,transparent);border-radius:50%;border-style:solid;border-width:1px;content:"";height:var(--btn-w,"150%");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%);-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s;width:var(--btn-w,"150%")}[data-comp-gallery] .circle-button:after{content:var(--s-text," ");font-size:var(--t-size);left:100%;line-height:var(--t-line-height);margin-left:var(--t-left);opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;white-space:nowrap}[data-comp-gallery] .circle-button.active:after{opacity:1}[data-comp-gallery].comp-light-theme .double-button .button{-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s}[data-comp-gallery].comp-light-theme .double-button .button:hover{background:#333}[data-comp-gallery].comp-dark-theme .double-button .button{-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s}[data-comp-gallery].comp-dark-theme .double-button .button:hover{background:#eaeaea}@media (min-width:1025px){.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:650px){.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)}[data-comp-gallery] .images-container{width:100%}}@media (min-width:651px) and (max-width:1024px){.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)}[data-comp-gallery] .images-container{width:100%}}@media (min-width:1440px){:root{--rpx:1px}}@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;-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}.zn--switcher .zn--switcher-content.mode-clip .switches-active{-webkit-transition:-webkit-clip-path .5s ease;transition:-webkit-clip-path .5s ease;-moz-transition:clip-path .5s ease;transition:clip-path .5s ease;transition:clip-path .5s ease,-webkit-clip-path .5s ease}.zn--switcher .zn--switcher-content.mode-line .switch{opacity:.55;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease}.zn--switcher .zn--switcher-content.mode-line .switch:hover{opacity:.85}.zn--switcher .zn--switcher-content.mode-line .switch.active{border-bottom:1px solid #fff;opacity:1}@media (min-width:1025px){.zn--switcher .zn--switcher-content.mode-clip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.35)}}@media (orientation:portrait) and (max-width:1024px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1024px){#oc-header.fixed{visibility:hidden}}