[ani-text-fade],[mo\:ani-text-fade],[pc\:ani-text-fade]{will-change:transform opacity}[ani-scroll-container]{will-change:transform}[ani-autoplay-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-video-wrapper] canvas,[ani-video-wrapper] img{height:100%;left:0;position:absolute;top:0;width:100%}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-video-wrapper] img{-o-object-fit:cover;object-fit:cover}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}.container{width:100%}.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))}.bg-\[\#f8f8f8\]{--tw-bg-opacity:1;background-color:rgba(248,248,248,var(--tw-bg-opacity))}.bg-\[\#F3F3F3\]{--tw-bg-opacity:1;background-color:rgba(243,243,243,var(--tw-bg-opacity))}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.block{display:block}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.font-66{font-weight:66}.font-medium{font-weight:500}.font-bold{font-weight:700}.h-full{height:100%}.text-14m{line-height:143%}.text-14ex,.text-20rpx,.text-23rpx,.text-32rpx{line-height:1}.leading-\[150\%\]{line-height:150%}.m-auto{margin:auto}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.relative{position:relative}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-\[-0\.0052rem\]{letter-spacing:-.0052rem}.w-full{width:100%}.z-0{z-index:0}.z-1{z-index:1}@media (max-width:500px),(orientation:portrait) and (min-width:100px) and (max-width:1023px){.rounded-12ex{border-radius:3.3333vw}.rounded-b-4ex{border-bottom-left-radius:1.1111vw;border-bottom-right-radius:1.1111vw}.h-192ex{height:53.3333vw}.h-187ex{height:51.9444vw}.h-24ex{height:6.6667vw}.h-640ex{height:177.7778vw}.text-14ex,.text-14m{font-size:3.8889vw}.mt-48ex{margin-top:13.3333vw}.ml-\[-4ex\]{margin-left:-1.1111vw}.ml-14ex{margin-left:3.8889vw}.mb-58ex{margin-bottom:16.1111vw}.p-16ex{padding:4.4444vw}.py-14ex{padding-bottom:3.8889vw;padding-top:3.8889vw}.px-16ex{padding-left:4.4444vw;padding-right:4.4444vw}.py-7ex{padding-bottom:1.9444vw;padding-top:1.9444vw}.px-14ex{padding-left:3.8889vw;padding-right:3.8889vw}.pt-72ex{padding-top:20vw}.pb-48ex{padding-bottom:13.3333vw}.pt-40ex{padding-top:11.1111vw}.pb-40ex{padding-bottom:11.1111vw}.top-\[8ex\]{top:2.2222vw}.left-\[8ex\]{left:2.2222vw}.w-320ex{width:88.8889vw}.w-312ex{width:86.6667vw}.w-24ex{width:6.6667vw}.w-360ex{width:100vw}.mo\:font-medium{font-weight:500}.mo\:leading-\[150\%\]{line-height:150%}}@media (min-width:1024px),(orientation:landscape){.rounded-12rpx{border-radius:.625vw}.rounded-b-11rpx{border-bottom-left-radius:.5729vw;border-bottom-right-radius:.5729vw}.h-738rpx{height:38.4375vw}.h-48rpx{height:2.5vw}.h-359rpx{height:18.6979vw}.h-940rpx{height:48.9583vw}.h-798rpx{height:41.5625vw}.h-199rpx{height:10.3646vw}.text-32rpx{font-size:1.6667vw}.text-23rpx{font-size:1.1979vw}.text-20rpx{font-size:1.0417vw}.mt-128rpx{margin-top:6.6667vw}.ml-24rpx{margin-left:1.25vw}.mb-128rpx{margin-bottom:6.6667vw}.mt-190rpx{margin-top:9.8958vw}.mr-100rpx{margin-right:5.2083vw}.p-48rpx{padding:2.5vw}.py-24rpx{padding-bottom:1.25vw;padding-top:1.25vw}.py-12rpx{padding-bottom:.625vw;padding-top:.625vw}.px-20rpx{padding-left:1.0417vw;padding-right:1.0417vw}.pt-59rpx{padding-top:3.0729vw}.pb-182rpx{padding-bottom:9.4792vw}.pl-28rpx{padding-left:1.4583vw}.pr-50rpx{padding-right:2.6042vw}.pt-128rpx{padding-top:6.6667vw}.pb-128rpx{padding-bottom:6.6667vw}.top-\[10rpx\]{top:.5208vw}.left-\[10rpx\]{left:.5208vw}.w-1312rpx{width:68.3333vw}.w-1061rpx{width:55.2604vw}.w-48rpx{width:2.5vw}.w-598rpx{width:31.1458vw}.w-1425rpx{width:74.2188vw}.w-240rpx{width:12.5vw}.pc\:leading-\[120\%\]{line-height:120%}}@media (min-width:1920px){.rounded-12rpx{border-radius:12px}.rounded-b-11rpx{border-bottom-left-radius:11px;border-bottom-right-radius:11px}.h-738rpx{height:738px}.h-48rpx{height:48px}.h-359rpx{height:359px}.h-940rpx{height:940px}.h-798rpx{height:798px}.h-199rpx{height:199px}.text-32rpx{font-size:32px}.text-23rpx{font-size:23px}.text-20rpx{font-size:20px}.mt-128rpx{margin-top:128px}.ml-24rpx{margin-left:24px}.mb-128rpx{margin-bottom:128px}.mt-190rpx{margin-top:190px}.mr-100rpx{margin-right:100px}.p-48rpx{padding:48px}.py-24rpx{padding-bottom:24px;padding-top:24px}.py-12rpx{padding-bottom:12px;padding-top:12px}.px-20rpx{padding-left:20px;padding-right:20px}.pt-59rpx{padding-top:59px}.pb-182rpx{padding-bottom:182px}.pl-28rpx{padding-left:28px}.pr-50rpx{padding-right:50px}.pt-128rpx{padding-top:128px}.pb-128rpx{padding-bottom:128px}.top-\[10rpx\]{top:10px}.left-\[10rpx\]{left:10px}.w-1312rpx{width:1312px}.w-1061rpx{width:1061px}.w-48rpx{width:48px}.w-598rpx{width:598px}.w-1425rpx{width:1425px}.w-240rpx{width:240px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}.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:600}.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}*,:after,:before{box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.zn--wrapper{font-size:16px}.zn--wrapper *{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;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;width:1px}#oc-header.fixed,.zn--wrapper h1{position:absolute}#zn--navbar{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-left:none;border-right:none;color:#000;cursor:default;font-size:14px;height:60px;letter-spacing:-.06px;line-height:24px;opacity:1;position:-webkit-sticky;position:sticky;top:-1px;width:100%;z-index:10}#zn--navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:14.4rem;padding:0 .6rem;position:relative}#zn--navbar .container>*{display:flex;white-space:nowrap}#zn--navbar .container li{display:flex}#zn--navbar .container .products{flex:1 1 0%;justify-content:flex-start}#zn--navbar .container .links li{opacity:.69;transition:opacity .3s ease}#zn--navbar .container .links li.active,#zn--navbar .container .links li:hover{opacity:1}#zn--navbar .container .links>:not(:last-child){margin-right:18px}#zn--navbar .container .buttons{justify-content:flex-end}#zn--navbar .container .buttons .button{background-color:#000;border-radius:2px;box-sizing:content-box;color:#fff;cursor:pointer;height:20px;line-height:20px;padding:6px 16px}#zn--navbar .a{display:flex;justify-content:center;text-align:center;width:100%}#zn--navbar[data-theme=dark]{background:#000;color:#fff}#zn--navbar[data-theme=dark] .container .links{background:#000}#zn--navbar[data-theme=dark] .container .links a{color:#fff;font-family:OppoFont06}#zn--navbar[data-theme=dark] .container .arrow{fill:#fff}#zn--navbar[data-theme=dark] .container .selector .selected{font-family:OppoFont06}#zn--navbar[data-theme=dark] .products a{color:#fff;font-family:OppoFont06}#zn--navbar[data-theme=dark] .buttons .button{background:#fff}#zn--navbar[data-theme=dark] .buttons .button a{color:#000;font-family:OppoFont06}[ani-menu] [index]{background:transparent;border:1px solid #000;color:#000;cursor:pointer}[ani-menu] [index]:hover{background:#eee;border-color:#eee}[ani-menu] [container]{display:none}[active="1"] [index="1"]{background:#000;color:#fff}[active="1"] [index="1"]:hover{background:#000;border-color:#000}[active="1"] [container="1"]{display:block}[active="2"] [index="2"]{background:#000;color:#fff}[active="2"] [index="2"]:hover{background:#000;border-color:#000}[active="2"] [container="2"]{display:block}[letter-special]{font-weight:600;letter-spacing:-.0075em}@font-face{font-family:OppoFont06;src:url(/content/dam/oppo/event-page-asset/campus-news/en/v1/assets/OppoFont06-88.ttf) format("truetype")}.font-66{font-family:OppoFont06}.bg-blue{background:#017aff}.bg-green{background:#71ef4d}.bg-linear{background:linear-gradient(180deg,#fbfbfb 52.87%,#fff 58.59%)}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (orientation:portrait) and (min-width:721px) and (max-width:1024px){#zn--navbar .container{padding:0 40px}}@media (min-width:1024px){#oc-wrapper .oppo-navbar{height:58px}}@media (min-width:1024px) and (orientation:landscape){.m-only{opacity:0}}@media (min-width:1024px),(orientation:landscape){#oc-wrapper{padding-top:.1px}#zn--navbar .container .links{left:50%;position:absolute;transform:translate(-50%)}}@media (min-width:1024px) and (max-width:1399px){#zn--navbar .container{padding:0 .5rem}#zn--navbar .container .links,#zn--navbar .container .products{flex:auto}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.p-only{opacity:0}#zn--navbar{height:50px}#zn--navbar .container .selector{align-items:center;display:flex;justify-content:flex-start}#zn--navbar .container .selector .indicator{margin-left:5px}#zn--navbar .container .link-selector{left:50%;position:absolute;transform:translate(-50%)}#zn--navbar .container .link-selector.active .arrow{transform:rotate(-90deg)}#zn--navbar .container .links{align-items:stretch;background-color:#fff;display:flex;flex-direction:column;left:0;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 1px);transform:translate(-100vw);transition:opacity .3s ease;width:100%}#zn--navbar .container .links.active{opacity:1;transform:translate(0)}#zn--navbar .container .links li{justify-content:stretch}#zn--navbar .container .links .link{margin:0}#zn--navbar .container .links .a{display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}#zn--navbar .container .arrow{height:14px;transform:rotate(90deg);transition:transform .3s ease;width:14px}#zn--navbar .container .buttons .button{font-size:12px}[letter-special]{font-weight:400}.pc-only{display:none}}@media (max-width:1023px){#oc-wrapper .oppo-navbar{height:51px}}@media (max-width:1023px) and (orientation:landscape){#oc-wrapper{padding-top:48px!important}#zn--navbar .container .selector{align-items:center;display:flex;justify-content:flex-start}#zn--navbar .container .selector .indicator{margin-left:5px}#zn--navbar .container .link-selector{left:50%;position:absolute;transform:translate(-50%)}#zn--navbar .container .link-selector.active .arrow{transform:rotate(-90deg)}#zn--navbar .container .links{align-items:stretch;background-color:#fff;display:flex;flex-direction:column;left:0;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 1px);transform:translate(-100vw);transition:opacity .3s ease;width:100%}#zn--navbar .container .links.active{opacity:1;transform:translate(0)}#zn--navbar .container .links li{justify-content:stretch}#zn--navbar .container .links .link{margin:0}#zn--navbar .container .links .a{display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}#zn--navbar .container .arrow{height:14px;transform:rotate(90deg);transition:transform .3s ease;width:14px}}@media (orientation:portrait) and (orientation:portrait) and (max-width:720px){#zn--navbar .container{padding:0 20px}}