OPPO Reno11 F 5G - The Portrait Expert Smartphone

<!DOCTYPE HTML> <html lang="en-AU"> <head> <meta charset="UTF-8"/> <link rel="dns-prefetch" href="//image.oppo.com"/> <meta property="og:title" content="OPPO Reno11 F 5G - The Portrait Expert Smartphone | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/smartphones/series-reno/reno11-f/"/> <meta property="og:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/reno11-f-5g-en/listpage/reno11-f-427-600-blue.png"/> <meta property="og:description" content="Discover the OPPO Reno11 F 5G smartphone, equipped with a 64MP Ultra-Clear Main Camera, 67W SUPERVOOC Flash Charge, MediaTek Dimensity 7050, and ColorOS 14. Capture stunning portraits, enjoy fast charging, and seamless multitasking with this next-level smartphone."/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO Reno11 F 5G - The Portrait Expert Smartphone | OPPO Australia"/> <meta name="twitter:description" content="Discover the OPPO Reno11 F 5G smartphone, equipped with a 64MP Ultra-Clear Main Camera, 67W SUPERVOOC Flash Charge, MediaTek Dimensity 7050, and ColorOS 14. Capture stunning portraits, enjoy fast charging, and seamless multitasking with this next-level smartphone."/> <meta imageurl="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/reno11-f-5g-en/listpage/reno11-f-427-600-blue.png" name="twitter:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/reno11-f-5g-en/listpage/reno11-f-427-600-blue.png"/> <meta content="OPPO Reno11 F 5G, 64MP camera, 67W SUPERVOOC Flash Charge, MediaTek Dimensity 7050, ColorOS 14, smartphone portrait expert" name="keywords"/> <title>OPPO Reno11 F 5G - The Portrait Expert Smartphone | OPPO Australia</title> <meta name="description" content="Discover the OPPO Reno11 F 5G smartphone, equipped with a 64MP Ultra-Clear Main Camera, 67W SUPERVOOC Flash Charge, MediaTek Dimensity 7050, and ColorOS 14. Capture stunning portraits, enjoy fast charging, and seamless multitasking with this next-level smartphone."/> <link rel="canonical" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/"/> <link rel="alternate" hreflang="uk-UA" href="https://www.oppo.com/ua/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-EG" href="https://www.oppo.com/eg-en/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-AE" href="https://www.oppo.com/ae/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="nl-BE" href="https://www.oppo.com/benl/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="el-GR" href="https://www.oppo.com/gr/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="nl-NL" href="https://www.oppo.com/nl/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ru-UZ" href="https://www.oppo.com/uzru/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-PS" href="https://www.oppo.com/ps/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-LB" href="https://www.oppo.com/lb-ar/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-NG" href="https://www.oppo.com/ng/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-NP" href="https://www.oppo.com/np/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-JO" href="https://www.oppo.com/jo-en/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-CL" href="https://www.oppo.com/cl/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es" href="https://www.oppo.com/latin/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-CO" href="https://www.oppo.com/co/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-PE" href="https://www.oppo.com/pe/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="pl-PL" href="https://www.oppo.com/pl/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-SA" href="https://www.oppo.com/sa-en/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ro-RO" href="https://www.oppo.com/ro/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="fr-BE" href="https://www.oppo.com/befr/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-EG" href="https://www.oppo.com/eg/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="tr-TR" href="https://www.oppo.com/tr/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-GB" href="https://www.oppo.com/uk/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-KE" href="https://www.oppo.com/ke/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ru-KZ" href="https://www.oppo.com/kz/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="fr-TN" href="https://www.oppo.com/tn/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-PY" href="https://www.oppo.com/py/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-IQ" href="https://www.oppo.com/iq/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="my-MM" href="https://www.oppo.com/mm/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-EC" href="https://www.oppo.com/ec/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-LB" href="https://www.oppo.com/lb-en/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="cs-CZ" href="https://www.oppo.com/cz/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-PH" href="https://www.oppo.com/ph/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="en-PK" href="https://www.oppo.com/pk/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-SA" href="https://www.oppo.com/sa/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="fr-MA" href="https://www.oppo.com/ma/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="zh-TW" href="https://www.oppo.com/tw/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="uz-UZ" href="https://www.oppo.com/uz/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="pt-BR" href="https://www.oppo.com/br/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="fr-DZ" href="https://www.oppo.com/dz/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-UY" href="https://www.oppo.com/uy/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="sk-SK" href="https://www.oppo.com/sk/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="kk-KZ" href="https://www.oppo.com/kzkk/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ar-JO" href="https://www.oppo.com/jo-ar/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="ru-RU" href="https://www.oppo.com/ru/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/smartphones/series-reno/reno11-f/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/smartphones/series-reno/reno11-f/">   <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "Reno11 F 5G", "pageGroup" : "Product Details Page", "countryCode" : "au" } } </script> <script> // Start Google Tag Manager // 官网GTM基础代码 //浏览器兼容 if (typeof String.prototype.endsWith != 'function') { String.prototype.endsWith = function(suffix) { return this.indexOf(suffix, this.length - suffix.length) !== -1; } } //$pageGroup 的判断 // var url = window.location.href.split('//')[1] || '' var OPPOUserAgent = window.navigator.userAgent.toLowerCase(); var deviceCategory = function() { if(OPPOUserAgent.indexOf('usercenter') !== -1) { return "AMO"; } if(OPPOUserAgent.indexOf('oppostore') !== -1) { return "AHS"; } if(OPPOUserAgent.indexOf('oppocommunity') !== -1) { return "AOC"; } if(OPPOUserAgent.indexOf('miniprogram') !== -1) { return "MOS"; } if(OPPOUserAgent.indexOf('micromessenger') !== -1) { return "GOPPO"; } return "web"; } var getPageType = function () { if (location.hostname.indexOf('support.') >= 0) { return 'Support Page' } else if (location.pathname.indexOf('/store/contents/') >= 0) { return 'Oppo Store' } else { return 'Others' } } var initGtm = function () { // support cn站不加载gtm if(location.hostname.indexOf('support.') >= 0 && location.pathname.indexOf("/cn/") >= 0) return false; if(OPPOUserAgent.indexOf('miniprogram') !== -1) return false; if(getPageType() == "Support Page"){ dataLayer = [{'UserSource' :'from ' + deviceCategory()}] ;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWJ8QDL'); } else if (getPageType() == 'Oppo Store') { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5NQRNFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N2HBVQ'); } } initGtm() // End Google Tag Manager </script>  <meta name="template" content="product-detail-template"/> <link rel="shortcut icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <link rel="icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon" sizes="16x16"/> <link rel="bookmark" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <base target="_self"/> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"/> <meta name="screen-orientation" content="portrait"/> <meta name="x5-orientation" content="portrait"/> <meta name="x5-fullscreen" content="true"/> <meta name="format-detection" content="telephone=no"/> <meta name="msapplication-tab-highlight" content="no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="msvalidate.01" content="AC9BE4D3A1879566FFA3D4731ACE7DA8"/> <meta name="referrer" content="strict-origin"/> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.5584b9bba10bcf146bce56f924ac0de5.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.04904ee5e3934bad74f17e8b79602839.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.955515c958ae857040e9521666fe3276.css" type="text/css"> <script type="text/javascript"> (function() { var defaultSize = window .getComputedStyle(document.documentElement) .getPropertyValue("font-size"); function getFontBase(windowWidth) { var fontBase = 0; var screenBreakPoints = [1440, 1024, 768, 360]; var arrLength = screenBreakPoints.length; for (var i = 0; i < arrLength; i++) { var breakpoint = screenBreakPoints[i]; if (windowWidth >= breakpoint) { fontBase = breakpoint; break; } if (i === arrLength - 1 && fontBase === 0) { fontBase = screenBreakPoints[arrLength - 1]; } } return fontBase; } function setFontSize() { var ww = window.innerWidth; var maxWidth = 1440; if (ww > maxWidth) { ww = maxWidth; } var fontBase = getFontBase(ww); var fontSize = (100 * ww) / fontBase; var targetSize = (fontSize / parseFloat(defaultSize)) * 100 + "%"; document.documentElement.style.fontSize = targetSize; } setFontSize(); window.addEventListener("resize", setFontSize); })(); </script> <script type="text/javascript"> window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.customMedia = { 'md': '(max-width: 1080px)', 'lg': '(min-width: 1081px)', }; </script> <script src="https://www.oppo.com/content/dam/statics/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-font-en.min.168806125ff5a89e4fc56dc505476bc6.css" type="text/css"> </head> <body class="product-detail-page page basicpage light-theme"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWJ8QDL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2HBVQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <input type="hidden" id="subscribe_list_id" name="subscribe_list_id" value="609ea2fea8"/> <input type="hidden" id="opsite-domain-url" name="opsite-domain-url" value="https://opsiteapi-sg.oppo.com"/> <div class="cp-site-language-tip cp-site-language-tip-new force-hide"> <div class="fixedness-width"> <div class="language-tip-container"> <span class="tip"></span> <ul class="site-list"> </ul> <a href="javascript:;" class="stay"></a> </div> </div> </div> <div id="oc-wrapper"> <script> window.NoScrollFixed = true; </script> <header search-tips-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" search-lang="en-gb" class="header-v2 " id="header-v2" vue-site="header-v2"> <div class="header-main-pc"> <div class="header-left" data-user-center="https://shop.oppoaustralia.com.au/" data-txt-user-center="Account" data-txt-signin="Login" data-txt-signup="Sign Up" data-txt-logout="Log out" data-order="https://shop.oppoaustralia.com.au/" data-txt-order="Shop" data-user-show="false"> <input type="hidden" id="sow_domain_host" name="sow_domain_host" value="https://sgp-sow-cms.oppo.com"/> <a href="https://www.oppo.com/au/" class="logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg xmlns="http://www.w3.org/2000/svg" width="85" height="22" viewBox="0 0 85 22" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M10.0905 13.7856H10.0898H10.0888C5.80572 13.7403 3.03806 11.7032 3.03806 8.59604C3.03806 5.48888 5.80572 3.45175 10.0888 3.40651C14.3738 3.45175 17.1411 5.48888 17.1411 8.59604C17.1411 11.7032 14.3738 13.7403 10.0905 13.7856ZM10.2155 0.898183C10.2144 0.89832 10.1292 0.896816 10.0863 0.895996C10.0424 0.896543 9.95715 0.898183 9.95715 0.898183C4.09395 0.993718 0 4.1591 0 8.5961C0 13.0331 4.09395 16.1986 9.95578 16.294C9.95578 16.294 10.0424 16.2948 10.0851 16.2946C10.1299 16.295 10.2157 16.294 10.2157 16.294C16.0774 16.1986 20.1712 13.0331 20.1712 8.5961C20.1712 4.1591 16.0774 0.993718 10.2155 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M74.9195 13.7856H74.9188H74.9177C70.6348 13.7403 67.8671 11.7032 67.8671 8.59604C67.8671 5.48888 70.6348 3.45175 74.9177 3.40651C79.2027 3.45175 81.9701 5.48888 81.9701 8.59604C81.9701 11.7032 79.2027 13.7403 74.9195 13.7856ZM75.0445 0.898183C75.0434 0.89832 74.9584 0.896816 74.9152 0.895996C74.8715 0.896543 74.7862 0.898183 74.7862 0.898183C68.923 0.993718 64.829 4.1591 64.829 8.5961C64.829 13.0331 68.923 16.1986 74.785 16.294C74.785 16.294 74.8715 16.2948 74.9141 16.2946C74.9591 16.295 75.0448 16.294 75.0448 16.294C80.9065 16.1986 85.0003 13.0331 85.0003 8.5961C85.0003 4.1591 80.9065 0.993718 75.0445 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M53.3494 13.7856H53.3487H53.3477C49.0648 13.7403 46.2971 11.7032 46.2971 8.59604C46.2971 5.48888 49.0648 3.45175 53.3477 3.40651C57.6326 3.45175 60.4001 5.48888 60.4001 8.59604C60.4001 11.7032 57.6326 13.7403 53.3494 13.7856ZM53.4745 0.898183C53.4734 0.89832 53.3884 0.896816 53.3452 0.895996C53.3015 0.896543 53.2162 0.898183 53.2162 0.898183C50.423 0.943695 48.032 1.68638 46.2932 2.93081V1.61846H43.2591V21.1043H46.2932V14.2617C48.0317 15.506 50.4223 16.2486 53.2149 16.294C53.2151 16.2942 53.3015 16.2948 53.344 16.2946C53.3891 16.295 53.4747 16.294 53.4747 16.294C59.3364 16.1986 63.4303 13.0331 63.4303 8.5961C63.4303 4.1591 59.3364 0.993718 53.4745 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M31.7169 13.7856H31.7162H31.7154C27.4323 13.7403 24.6646 11.7032 24.6646 8.59604C24.6646 5.48888 27.4323 3.45175 31.7154 3.40651C36.0003 3.45175 38.7677 5.48888 38.7677 8.59604C38.7677 11.7032 36.0003 13.7403 31.7169 13.7856ZM31.8472 0.898183C31.8459 0.89832 31.7609 0.896816 31.7179 0.895996C31.674 0.896543 31.5887 0.898183 31.5887 0.898183C28.7955 0.943695 26.4045 1.68638 24.6657 2.93081V1.61846H21.6317V21.1043H24.6657V14.2617C26.4044 15.506 28.7949 16.2486 31.5873 16.294C31.5873 16.294 31.674 16.2948 31.7166 16.2946C31.7616 16.295 31.8473 16.294 31.8473 16.294C37.709 16.1986 41.8028 13.0331 41.8028 8.5961C41.8028 4.1591 37.709 0.993718 31.8472 0.898183Z" fill="black"/> </svg> </a> <ul class="nav"> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones"> <a v-if="isTouch" href="https://www.oppo.com/au/smartphones/" @click="navOver(0, $event)" target="_self">Smartphones</a> <a v-else href="https://www.oppo.com/au/smartphones/" @mouseenter="navOver(0)" target="_self">Smartphones</a> <transition name="nav-fade"> <section v-show="navindex == 0" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip </p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60 <i>New</i></p> </a> </li> </ul> <div class="series-list "> <div class="series-list-left"> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series " target="_self">Find N Series </a> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series" target="_self">Find X Series</a> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series" target="_self">Reno Series</a> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series" target="_self">A Series</a> </div> <div class="series-list-right"> <a class="view-all op-trk-event" href="https://www.oppo.com/au/compare/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare" target="_blank">Compare</a> <a class="compare op-trk-event" href="https://www.oppo.com/au/smartphones/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones" target="_self">View All Phones</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets"> <a v-if="isTouch" href="https://www.oppo.com/au/tablets/" @click="navOver(1, $event)" target="_self">Tablets</a> <a v-else href="https://www.oppo.com/au/tablets/" @mouseenter="navOver(1)" target="_self">Tablets</a> <transition name="nav-fade"> <section v-show="navindex == 1" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/tablets/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets" target="_self">View Tablets</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio"> <a v-if="isTouch" href="https://www.oppo.com/au/audio/" @click="navOver(2, $event)" target="_self">Audio</a> <a v-else href="https://www.oppo.com/au/audio/" @mouseenter="navOver(2)" target="_self">Audio</a> <transition name="nav-fade"> <section v-show="navindex == 2" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2 </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/audio/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio" target="_self">View Audio</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables"> <a v-if="isTouch" href="https://www.oppo.com/au/wearables/" @click="navOver(3, $event)" target="_self">Wearables</a> <a v-else href="https://www.oppo.com/au/wearables/" @mouseenter="navOver(3)" target="_self">Wearables</a> <transition name="nav-fade"> <section v-show="navindex == 3" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/wearables/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables" target="_self">View Wearables</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO"> <a v-if="isTouch" href="https://www.oppo.com/au/about/" @click="navOver(4, $event)" target="_self">About OPPO</a> <a v-else href="https://www.oppo.com/au/about/" @mouseenter="navOver(4)" target="_self">About OPPO</a> <transition name="nav-fade"> <section v-show="navindex == 4" class="nav-list-box link"> <ul> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story </p> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI </p> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> </div> </div> </section> </transition> </li> </ul> </div> <div :class="['header-right', {'no-user': !userData.userShow && !dataCart.cartShow, 'no-search': !baseData.searchShow}]"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="baseData.searchShow" class="search" :class="{show: searchShow}"> <div class="search-box"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z"/> </svg> <input class="op-trk-event" type="text" @click="inputFoucs" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"/> <svg class="empty-search" v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> </div> <div class="user-cart"> <div v-if="userData.userShow" class="userInfo op-trk-event" @mouseOver="mouseOver('user')" @mouseLeave="mouseLeave('user')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" tm-button_name="Account Icon"> <img v-if="userInfo.avatar && userInfo.isLogin" class="nav-avatar" :src="userInfo.avatar" alt=""/> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle class="stroke" cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke-width="1.5"/> <path class="stroke" d="M14.75 10.5356C14.75 12.0544 13.5188 13.2856 12 13.2856C10.4812 13.2856 9.25 12.0544 9.25 10.5356C9.25 9.01686 10.4812 7.78564 12 7.78564C13.5188 7.78564 14.75 9.01686 14.75 10.5356Z" stroke-width="1.5"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z"/> </svg> <transition name="box-fade"> <div v-show="userShow" class="user-box"> <div class="user-contain" :class="{isLogin: userInfo.isLogin}"> <ul> <li> <div class="user-avatr"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="user-name"> <p>{{userInfo.name}}</p> <p> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span>{{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> </p> </div> </li> <li class="user-link" v-if="userData.orderLink"> <a :href="userData.orderLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_13126_83833" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_13126_83833)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <span>{{userData.textOrder}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li class="user-link" v-if="userData.userLink"> <a :href="userData.userLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5352C14.75 12.0539 13.5188 13.2852 12 13.2852C10.4812 13.2852 9.25 12.0539 9.25 10.5352C9.25 9.01637 10.4812 7.78515 12 7.78515C13.5188 7.78515 14.75 9.01637 14.75 10.5352Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <span>{{userData.txtUser}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li v-if="userData.memberLink" class="user-link"> <a :href="userData.memberLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.95"/> </svg> <span>{{userData.txtMember}}</span>  <span v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> </ul> <div class="download" v-if="userData.textDownLoad"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </transition> </div> <div v-if="dataCart.cartShow && true" class="cart op-trk-event" :class="{'has-product': isHasProduct}" @mouseOver="mouseOver('cart')" @mouseLeave="mouseLeave('cart')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> <transition name="box-fade">  <div v-show="cartShow" class="cart-box" data-cart-show="false" data-islink="false"> <div class="cart-contain">  <div class="cart-list" v-if="isHasProduct"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <div class="product-box"> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 2.69948C5.07286 2.69948 2.69997 5.07237 2.69997 7.99948C2.69997 10.9266 5.07286 13.2995 7.99997 13.2995C10.9271 13.2995 13.3 10.9266 13.3 7.99948C13.3 5.07237 10.9271 2.69948 7.99997 2.69948ZM1.6333 7.99948C1.6333 4.48327 4.48375 1.63281 7.99997 1.63281C11.5162 1.63281 14.3666 4.48327 14.3666 7.99948C14.3666 11.5157 11.5162 14.3661 7.99997 14.3661C4.48375 14.3661 1.6333 11.5157 1.6333 7.99948ZM7.46663 8.64011V5.1401H8.5333V8.64011H7.46663ZM8.72913 10.0984C8.72913 10.5011 8.40268 10.8276 7.99997 10.8276C7.59726 10.8276 7.2708 10.5011 7.2708 10.0984C7.2708 9.69573 7.59726 9.36927 7.99997 9.36927C8.40268 9.36927 8.72913 9.69573 8.72913 10.0984Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p>  <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul>  <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </div> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a :href="dataCart.viewCartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a :href="dataCart.checkOutLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div>  <div v-else class="cart-empty"> <p class="cart-num">{{dataCart.txtYourCart}} (0)</p> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> </div> <a v-if="dataCart.cartShow && false" class="cart op-trk-event" @mouseover="mouseOver('cnCart')" @mouseleave="mouseLeave('cnCart')" :href="dataCart.cartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </div> <transition name="box-fade"> <div v-show="searchShow" class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </transition> </div> </div> <div class="header-main-mo"> <div class="header-first"> <transition name="header-fade"> <div v-show="!searchShow" class="first-nav"> <a href="https://www.oppo.com/au/" class="nav-logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg class="fill" xmlns="http://www.w3.org/2000/svg" width="76" height="18" viewBox="0 0 68 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98905 10.2055H7.98851H7.98775C4.59658 10.1696 2.40527 8.55674 2.40527 6.09663C2.40527 3.63652 4.59658 2.02361 7.98775 1.98779C11.3804 2.02361 13.5714 3.63652 13.5714 6.09663C13.5714 8.55674 11.3804 10.1696 7.98905 10.2055ZM8.08814 0.0017314C8.08728 0.00183962 8.01986 0.000649276 7.98588 0C7.95114 0.000432851 7.88362 0.0017314 7.88362 0.0017314C3.2414 0.0773721 0 2.58358 0 6.0966C0 9.60961 3.2414 12.1159 7.88254 12.1915C7.88254 12.1915 7.95114 12.1921 7.98491 12.1919C8.0204 12.1922 8.08836 12.1915 8.08836 12.1915C12.7294 12.1159 15.9707 9.60961 15.9707 6.0966C15.9707 2.58358 12.7294 0.0773721 8.08814 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59.3178 10.2055H59.3173H59.3164C55.9254 10.1696 53.7341 8.55674 53.7341 6.09663C53.7341 3.63652 55.9254 2.02361 59.3164 1.98779C62.7091 2.02361 64.9002 3.63652 64.9002 6.09663C64.9002 8.55674 62.7091 10.1696 59.3178 10.2055ZM59.4168 0.0017314C59.4159 0.00183962 59.3486 0.000649276 59.3144 0C59.2798 0.000432851 59.2122 0.0017314 59.2122 0.0017314C54.57 0.0773721 51.3286 2.58358 51.3286 6.0966C51.3286 9.60961 54.57 12.1159 59.2113 12.1915C59.2113 12.1915 59.2798 12.1921 59.3135 12.1919C59.3491 12.1922 59.417 12.1915 59.417 12.1915C64.058 12.1159 67.2993 9.60961 67.2993 6.0966C67.2993 2.58358 64.058 0.0773721 59.4168 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.2396 10.2055H42.2391H42.2383C38.8472 10.1696 36.6559 8.55674 36.6559 6.09663C36.6559 3.63652 38.8472 2.02361 42.2383 1.98779C45.6309 2.02361 47.8221 3.63652 47.8221 6.09663C47.8221 8.55674 45.6309 10.1696 42.2396 10.2055ZM42.3386 0.0017314C42.3378 0.00183962 42.2705 0.000649276 42.2363 0C42.2016 0.000432851 42.1341 0.0017314 42.1341 0.0017314C39.9226 0.0377662 38.0295 0.625794 36.6528 1.61107V0.572012H34.2505V16H36.6528V10.5823C38.0293 11.5675 39.922 12.1555 42.133 12.1915C42.1332 12.1916 42.2016 12.1921 42.2353 12.1919C42.271 12.1922 42.3387 12.1915 42.3387 12.1915C46.9798 12.1159 50.2212 9.60961 50.2212 6.09659C50.2212 2.58358 46.9798 0.0773721 42.3386 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.112 10.2055H25.1115H25.1108C21.7196 10.1696 19.5283 8.55674 19.5283 6.09663C19.5283 3.63652 21.7196 2.02361 25.1108 1.98779C28.5034 2.02361 30.6945 3.63652 30.6945 6.09663C30.6945 8.55674 28.5034 10.1696 25.112 10.2055ZM25.2151 0.0017314C25.2141 0.00183962 25.1468 0.000649276 25.1127 0C25.078 0.000432851 25.0105 0.0017314 25.0105 0.0017314C22.7989 0.0377662 20.9058 0.625794 19.5292 1.61107V0.572012H17.127V16H19.5292V10.5823C20.9057 11.5675 22.7985 12.1555 25.0094 12.1915C25.0094 12.1915 25.078 12.1921 25.1118 12.1919C25.1474 12.1922 25.2152 12.1915 25.2152 12.1915C29.8562 12.1159 33.0975 9.60961 33.0975 6.09659C33.0975 2.58358 29.8562 0.0773721 25.2151 0.0017314Z"></path> </svg> </a> <ul class="header-box-right"> <li v-if="dataCart.cartShow && true" @click="cartChange" class="shop-cart op-trk-event visibility" :class="{'has-product': isHasProduct && menuflag < 1}" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </transition> </li> <li v-if="dataCart.cartShow && false" class="shop-cart"> <a :href="dataCart.cartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </li> <li v-if="baseData.searchShow" @click="searchChange" class="search-nav op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z"/> </svg> </transition> </li> <li class="nav-menu" @click="menuShow"> <em class="fill" :class="{rotate: menuflag == 1 || menuflag == 2}"></em> </li> </ul> </div> </transition> </div> <transition name="menu-fade"> <div v-show="menuflag == 1" class="header-menu visibility"> <div class="header-menu-box" ref="headerMenuBox" @scroll="boxScroll"> <ul class="second-nav"> <li> <p @click="changeThirdNav(0)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones">Smartphones <i :class="{'show': thirdNavIndex == 0}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==0" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60</p> <p class="new">New</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series "> <span class="third-link-title"> Find N Series </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series"> <span class="third-link-title"> Find X Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series"> <span class="third-link-title"> Reno Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series"> <span class="third-link-title"> A Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> OPPO Find X8 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> OPPO Reno12 Pro 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> OPPO Find N2 Flip</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> OPPO A80 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> OPPO A60 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> OPPO A60</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="compare op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare">Compare</a> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/smartphones/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones">View All Phones</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(1)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets">Tablets <i :class="{'show': thirdNavIndex == 1}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==1" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> OPPO Pad Neo</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> OPPO Pad 2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/tablets/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets">View Tablets</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(2)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio">Audio <i :class="{'show': thirdNavIndex == 2}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==2" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> OPPO Enco Buds2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> OPPO Enco Air2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> OPPO Enco Air2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> OPPO Enco X2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/audio/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio">View Audio</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(3)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables">Wearables <i :class="{'show': thirdNavIndex == 3}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==3" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-x" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-free/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> OPPO Watch X</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> OPPO Watch Free</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> OPPO Band</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> OPPO Watch</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/wearables/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables">View Wearables</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(4)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO">About OPPO <i :class="{'show': thirdNavIndex == 4}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==4" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && false" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/about/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/newsroom/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </section> </transition> </li> </ul> <div class="other-box"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="userData.userShow" class="userinfo-nav" :class="{isLogin: userInfo.isLogin}"> <div class="userinfo-box"> <div class="user-img"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="userinfo"> <p class="user-name">{{userInfo.name}}</p> <p class="sign"> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span> {{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </p> </div> </div> <ul class="userinfo-link"> <li v-if="userData.orderLink"> <a class="op-trk-event" :href="userData.orderLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_17069_23314" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_17069_23314)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <i>{{userData.textOrder}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li v-if="userData.memberLink"> <a class="op-trk-event" :href="userData.memberLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.75"/> </svg> <i>{{userData.txtMember}} <u v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </u> </i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li class="account" v-if="userData.userLink"> <a class="op-trk-event" :href="userData.userLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5355C14.75 12.0542 13.5188 13.2855 12 13.2855C10.4812 13.2855 9.25 12.0542 9.25 10.5355C9.25 9.01668 10.4812 7.78546 12 7.78546C13.5188 7.78546 14.75 9.01668 14.75 10.5355Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <i>{{userData.txtUser}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </div> <div v-if="userData.textDownLoad" :class="['download-box', {'download-box-show': downloadBoxShow}]"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </div> </transition> <transition name="menu-fade"> <div v-show="menuflag == 2" class="mini-cart-mo visibility" :class="{empty: isHasProduct}"> <div class="mini-cart-box"> <div v-if="isHasProduct" class="cart-list"> <div class="product-box"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.0001 2.02485C3.80477 2.02485 2.0251 3.80452 2.0251 5.99985C2.0251 8.19519 3.80477 9.97485 6.0001 9.97485C8.19543 9.97485 9.9751 8.19519 9.9751 5.99985C9.9751 3.80452 8.19543 2.02485 6.0001 2.02485ZM1.2251 5.99985C1.2251 3.36269 3.36294 1.22485 6.0001 1.22485C8.63726 1.22485 10.7751 3.36269 10.7751 5.99985C10.7751 8.63701 8.63726 10.7749 6.0001 10.7749C3.36294 10.7749 1.2251 8.63701 1.2251 5.99985ZM5.6001 6.48118V3.85618H6.4001V6.48118H5.6001ZM6.54697 7.57493C6.54697 7.87696 6.30213 8.1218 6.0001 8.1218C5.69807 8.1218 5.45322 7.87696 5.45322 7.57493C5.45322 7.2729 5.69807 7.02805 6.0001 7.02805C6.30213 7.02805 6.54697 7.2729 6.54697 7.57493Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-list-box"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> </div> </div> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a class="op-trk-event" :href="dataCart.viewCartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a class="op-trk-event" :href="dataCart.checkOutLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <div v-else class="cart-empty"> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> <div class="search-hide header-menu" :class="[{'search-show': menuflag == 3}]"> <div class="search"> <div class="search-box op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> <input type="text" id="searchInput" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder"/> <svg v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> <span @click="menuShow" class="search-cancel">Cancel</span> </div> <div class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </div> </div> <transition name="mask-fade"> <div v-show="maskShow" @click="closeMask" class="header-v2-mask visibility"> </div> </transition> </header> <section id="oc-container"> <div :class="['oppo-navbar', 'oppo-navbar-v2', isfixed? 'navbar-fixed' : '', isStart?'':'is-start', headerNoFixed? 'header-nofixed' : '', channelPopupState? '' : 'up-index']" ref="navbar" vue-site="oppo_navbar_V2" data-theme="light" data-buymode="popup" style="display:none;" :key="isReFresh"> <nav id="navbar"> <div class="navbar-container navbar-pc" v-if="!isMobile"> <div class="navbar-left"> <div class="navbar-product_tab"> <ul class="product_tab-wrap"> <li class="active"> <a class="product_tab-btn op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Series" tm-nav_name="Reno11 F 5G">Reno11 F 5G</a> </li> </ul> </div> <div class="navbar-anchor_point" ref="anchorPoint"> <ul class="anchor_point-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Content" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> <div class="navbar-right"> <div class="navbar-general_param"> <ul class="general_param-wrap"> <li class="general_param-item active"> <a href="#" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> <div class="navbar-buy"> <div class="navbar-buy-wrap" ref="buyPopTrigger"> <a class="navbar-buy-btn op-trk-event green" v-if="generalData.buyBtnMode == 'link'" target="_self" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> </div> </div> <div class="navbar-container navbar-mob" v-else> <div :class="['navbar-mask', prdPopAniHide || anchorAniHide?'navbar-mask-show':'']"></div> <div class="navbar-top"> <div :class="['navbar-product_tab', anchorAniHide ?'navbar-product_tab-none':'', mobShowPrdPopState? 'navbar-product_tab-select':'', 'op-trk-event']" ref="prdPopTrigger" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState ? 'collapse' : 'expand'" tm-nav_name="Reno11 F 5G"> <div class="product_tab-btn"> <a href="javascript:void(0);" @click="mobPrdToggleShowPop"> <span>Reno11 F 5G</span> <i v-show="prdNum > 1"> <svg class="op-icon"> <use xlink:href="#icon-arrow-down"></use> </svg> </i> </a> </div> </div> <div class="navbar-buy"> <div class="navbar-buy-wrap" ref="buyPopTrigger"> <a class="navbar-buy-btn op-trk-event green" v-if="generalData.buyBtnMode == 'link'" target="_self" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Reno11 F 5G" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> <div :class="['product_tab-pop', mobShowPrdPopState?'product_tab-pop-show':'']" ref="prdTabPop"> <ul class="product_tab-pop-wrap"> <li class="currPage"> <a target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState? 'Series' : 'collapse'" tm-nav_name="Reno11 F 5G">Reno11 F 5G </a> </li> </ul> </div> </div> <div class="navbar-bottom"> <div class="navbar-bottom-container"> <div class="navbar-bottom-wrap"> <div :class="['navbar-anchor_point', mobShowAnchorPopState? 'navbar-anchor_point-select':'', 'op-trk-event']" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'collapse':'expand'" :tm-nav_name="anchorData[anchorHighlightIndex].title" ref="anchorPopTrigger" v-if="anchorData.length"> <div class="navbar-anchor_point-btn navbar-common-btn active"> <div class="navbar-anchor_point-scroll" :style="{'height': scrollBtnLH+'px', 'width': getTextSize + 'px',}"> <ul :style="{'transform': 'translate(0, -' + (100/anchorData.length)*anchorHighlightIndex + '%)'}"> <li v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id" :style="{'width': Number(scrollBtnFS)*anchorData[index].title.length + 'px'}"> {{item.title}} </li> </ul> </div> <svg class="op-icon"> <use xlink:href="#icon-arrow-down"></use> </svg> </div> </div> <div :class="['navbar-general_param', anchorAniHide?'navbar-general_param-hide':'', isParallel?'parallel':'']"> <ul class="general_param-wrap"> <li class="general_param-item active currPage"> <a class="navbar-common-btn op-trk-event" href="#" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> </div> </div> <div :class="['anchor_point-pop', mobShowAnchorPopState?'anchor_point-pop-show':'']" ref="anchorPointPop"> <ul class="anchor_point-pop-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a class="op-trk-event" :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'Content' : 'collapse'" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> </div> </nav> <div :class="['navbar_channel-popup', channelPopupState?'hidden':'', aniChannelPopup?'animate':'']"> <div class="channel-container" ref="navbarChannelTrigger"> <div class="tab-header one-header"> <div class="tab-item" target="multiple-popup">Online Store</div> </div> <div class="close-btn" @click="hideBuyPopup"> <svg class="op-icon"> <use xlink:href="#icon-close"></use> </svg> </div> <div class="tab-container" target="multiple-popup"> <p class="title"> </p> <div class="media-box"> <a class="media-link op-trk-event" data-type="shops1" data-name="JB Hi Fi" href="https://www.jbhifi.com.au/collections/mobile-phones/oppo-mobile-phones" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+JB Hi Fi" tm-store_name="JB Hi Fi"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/jbhi-fi.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="officeworks" href="https://www.officeworks.com.au/shop/officeworks/c/technology/iphones-mobile-phones/oppo" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+officeworks" tm-store_name="officeworks"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/officeworks.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="Bing lee" href="https://www.binglee.com.au/brands/oppo" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+Bing lee" tm-store_name="Bing lee"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/bing-lee.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="OPPO" href="https://www.oppostore.com.au/products/oppo-reno11-f-5g" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+OPPO" tm-store_name="OPPO"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/oppostore.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="mobileciti" href="https://www.mobileciti.com.au/mobile-phones/oppo" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+mobileciti" tm-store_name="mobileciti"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/Mobileciti.png" alt="" data-src-webp="false"/> </a> </div> </div> </div> </div> </div> <script type="application/json" class="navbar-anchor-data"> { "list": [] } </script> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="customhtmlcomponent aem-GridColumn aem-GridColumn--default--12"> <div class="custom-html-component">  <link rel="stylesheet" type="text/css" href="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/main-v1.css"/>  <style> #section-remarks a{ border-bottom: 1px solid #000; padding-bottom: 1px; } .need-hidden{display:none;} </style> <div class="zn--wrapper bg-black"> <div class="w-screen relative z-2 pc:bg-[#F1F0EC] pad:bg-[#F5F4F0]" id="section-kv" ani-kv="" data-gtm-view="Part1: KV"> <div class="pc-only wrapper relative bg-white h-[calc(var(--content-height)-50px)] w-full min-h-[calc(31vw+180px)] overflow-hidden"> <div class="content-text-wrapper absolute z-1 w-full h-[calc(var(--content-height)-32vw)] min-h-150px flex items-center"> <div class="text-wrapper relative pc:flex pc:flex-col pc:justify-start pc:w-872rpx pc:mx-auto pc:items-stretch pc:transform"> <div class="pc:pt-0px pc:flex pc:flex-col pc:items-center pc:justify-start pc:w-full"> <p class="title-line-1 font-m pct:text-32px pct:tracking-0.05em pct:leading-[1.25] pc:w-full pc:text-center pc:text-black pc:text-opacity-95">OPPO Reno11 F <sup>5G</sup></p> <p class="title-line-2 font-m pct:text-68px pct:tracking-0.01em pct:leading-[1.12] pc:w-full pc:mt-12px pc:text-center pc:text-black pc:text-opacity-95">The Portrait Expert</p> </div> </div> </div> <div class="content-wrapper absolute z-2 w-full h-34vw left-0 bottom-0"> <div class="phones absolute pc:z-3 pc:w-100vw pc:h-31.67vw pc:left-0 pc:bottom-0"><img alt="OPPO Reno11F KV" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-phones-eu-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-phones-eu-d7111.png.avif" class="pc:w-full pc:h-full pc:absolute pc:object-cover"></div><img class="foreground absolute z-4 left-0 bottom-0 w-full h-[3.06vw]" alt="OPPO Reno11F KV" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-fg-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-fg-d7111.png.avif"> </div> </div> <div class="pad-only wrapper relative w-full h-[calc(var(--content-height)-50px)] min-h-[calc(34vw+160px)] bg-white max-h-[calc(30vw+200px)]"> <div class="text-wrapper w-full h-[calc(100%-32vw)] min-h-130px flex flex-col justify-center items-center"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.33] pad:w-full pad:text-center pad:text-black pad:text-opacity-95">OPPO Reno11 F <sup>5G</sup></p> <p class="font-m mot:text-48px mot:leading-[1.17] pad:w-full pad:mt-12px pad:text-center pad:text-black pad:text-opacity-95">The Portrait Expert</p> </div> <div class="absolute z-2 w-full h-33.85vw left-0 bottom-0 overflow-hidden"> <div class="phones absolute z-3 w-full h-34.11vw left-0 bottom-0"><img class="absolute w-full h-full object-cover" alt="OPPO Reno11F KV" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-phones-pad-eu-1.png.avif"></div><img class="foreground absolute z-4 left-0 bottom-0 w-full h-4.82vw object-cover" alt="OPPO Reno11F KV" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-fg-pad-1.png.avif"> </div> </div> <div class="mo-only wrapper relative w-full h-[calc(var(--content-height)-50px)] min-h-[calc(120vw+220px)] overflow-hidden bg-white flex justify-center"> <div class="text-wrapper relative z-5 mo:w-328rpx mo:flex mo:flex-col mo:items-center mo:mt-50px"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.33] mo:text-center mo:text-black mo:text-opacity-95">OPPO Reno11 F <sup>5G</sup></p> <p class="font-m mot:text-48px mot:leading-[1.17] mo:mt-12px mo:text-center mo:text-black mo:text-opacity-95">The Portrait Expert</p> </div> <div class="imgs-wrapper z-2 w-full h-full absolute"><img class="fg z-3 w-full h-14.425vw absolute left-0 bottom-0 object-cover" alt="OPPO Reno11F KV" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-fg-mo-1.png.avif"><img class="phones z-2 w-101.1vw h-131.11vw absolute -left-13.61vw bottom-0 object-cover" alt="OPPO Reno11F KV" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-kv-mzl-phones-mo-eu-1.png.avif"></div> </div> </div> <div class="bg-white w-full py-64rpx mo:py-48rpx pad:py-48rpx" id="section-ai-text"> <div class="text-wrapper w-full text-center"><a href="#anchor-ai-removal" class=""> <span class="underline decoration-[#00DB72] text-color-[#00DB72] pct:text-48rpx pct:font-medium pct:leading-[1.1] mot:text-24rpx mot:font-medium mot:leading-[1.1]">Generative AI</span></a><span class="pct:text-48rpx pct:font-medium pct:leading-[1.1] mot:text-24rpx mot:font-medium mot:leading-[1.1] mo:mt-5rpx mo:block"> Now on Reno11 Series!</span></div> </div> <div class="w-screen -mt-1px pc:bg-gradient-to-b pc:from-[#fafafb] pc:to-white mo:bg-[#F5F4F0] pad:bg-[#F5F4F0]" id="section-ksp" ani-ksp="" data-gtm-view="Part2: Highlights"> <div class="wrapper pc:w-full pc:h-782rpx pc:flex pc:justify-center pc:items-center pc:py-125rpx pc:px-64px mo:w-full mo:py-64px mo:flex mo:justify-center pad:w-full pad:px-24px pad:py-64px pad:flex pad:justify-center"> <div class="pics-wrapper pc:w-1312rpx pc:h-full pc:flex pc:justify-between pc:gap-x-8rpx mo:w-317rpx mo:flex mo:flex-col mo:gap-y-4px pad:w-720rpx pad:flex pad:flex-wrap pad:gap-4rpx"><a class="card relative group overflow-hidden pc:w-322rpx pc:h-532rpx pc:rounded-20rpx mo:w-317rpx mo:h-232rpx mo:rounded-12rpx pad:w-358rpx pad:h-302rpx pad:rounded-10rpx" data-gtm-click="" href="#camera-anchor"> <div class="card-bg-wrapper transition-[transform] ease-out duration-600 group-hover:transform group-hover:scale-115 absolute w-full h-full"><img class="card-bg absolute w-full h-full object-cover mo:w-317rpx mo:h-300rpx mo:object-cover mo:absolute mo:left-0 mo:top-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-0-pad-1.jpg.avif"> </div> <div class="content-wrapper relative z-2 w-full h-full flex pc:p-8rpx mo:p-4rpx pad:p-5rpx"> <div class="text-card-wrapper self-end w-full bg-white flex justify-center items-center pc:min-h-92rpx pc:py-24rpx pc:px-8rpx pc:rounded-14rpx mo:py-16px mo:px-8px mo:rounded-10rpx pad:py-18px pad:px-10px pad:rounded-12rpx"> <p class="font-m pct:text-18px pct:tracking-0.03em pct:leading-[1.2] mot:text-16px mot:tracking-0.01em mot:leading-[1.2] pc:max-w-277px pc:text-center pc:text-black pc:text-opacity-95 pad:text-center pad:text-black pad:text-opacity-95">64MP Ultra-Clear <br class="pc-only">Triple Camera<sup>1</sup></p> </div> </div></a><a class="card relative group overflow-hidden pc:w-322rpx pc:h-532rpx pc:rounded-20rpx mo:w-317rpx mo:h-232rpx mo:rounded-12rpx pad:w-358rpx pad:h-302rpx pad:rounded-10rpx" data-gtm-click="" href="#section-performance-mzl"> <div class="card-bg-wrapper transition-[transform] ease-out duration-600 group-hover:transform group-hover:scale-115 absolute w-full h-full"><img class="card-bg absolute w-full h-full object-cover mo:w-317rpx mo:h-300rpx mo:object-cover mo:absolute mo:left-0 mo:top-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-1-pad-1.jpg.avif"> </div> <div class="content-wrapper relative z-2 w-full h-full flex pc:p-8rpx mo:p-4rpx pad:p-5rpx"> <div class="text-card-wrapper self-end w-full bg-white flex justify-center items-center pc:min-h-92rpx pc:py-24rpx pc:px-8rpx pc:rounded-14rpx mo:py-16px mo:px-8px mo:rounded-10rpx pad:py-18px pad:px-10px pad:rounded-12rpx"> <p class="font-m pct:text-18px pct:tracking-0.03em pct:leading-[1.2] mot:text-16px mot:tracking-0.01em mot:leading-[1.2] pc:max-w-277px pc:text-center pc:text-black pc:text-opacity-95 pad:text-center pad:text-black pad:text-opacity-95">67W SUPERVOOC<sub>TM</sub> <br class="pc-only">Flash Charge<sup>2</sup></p> </div> </div></a><a class="card relative group overflow-hidden pc:w-322rpx pc:h-532rpx pc:rounded-20rpx mo:w-317rpx mo:h-232rpx mo:rounded-12rpx pad:w-358rpx pad:h-302rpx pad:rounded-10rpx" data-gtm-click="" href="#design-anchor"> <div class="card-bg-wrapper transition-[transform] ease-out duration-600 group-hover:transform group-hover:scale-115 absolute w-full h-full"><img class="card-bg absolute w-full h-full object-cover mo:w-317rpx mo:h-300rpx mo:object-cover mo:absolute mo:left-0 mo:top-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-2-blue-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-2-blue-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-2-blue-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-2-blue-pad-1.jpg.avif"> </div> <div class="content-wrapper relative z-2 w-full h-full flex pc:p-8rpx mo:p-4rpx pad:p-5rpx"> <div class="text-card-wrapper self-end w-full bg-white flex justify-center items-center pc:min-h-92rpx pc:py-24rpx pc:px-8rpx pc:rounded-14rpx mo:py-16px mo:px-8px mo:rounded-10rpx pad:py-18px pad:px-10px pad:rounded-12rpx"> <p class="font-m pct:text-18px pct:tracking-0.03em pct:leading-[1.2] mot:text-16px mot:tracking-0.01em mot:leading-[1.2] pc:max-w-277px pc:text-center pc:text-black pc:text-opacity-95 pad:text-center pad:text-black pad:text-opacity-95">Natural Aesthetic <br class="pc-only">Design</p> </div> </div></a><a class="card relative group overflow-hidden pc:w-322rpx pc:h-532rpx pc:rounded-20rpx mo:w-317rpx mo:h-232rpx mo:rounded-12rpx pad:w-358rpx pad:h-302rpx pad:rounded-10rpx" data-gtm-click="" href="#section-ip65"> <div class="card-bg-wrapper transition-[transform] ease-out duration-600 group-hover:transform group-hover:scale-115 absolute w-full h-full"><img class="card-bg absolute w-full h-full object-cover mo:w-317rpx mo:h-300rpx mo:object-cover mo:absolute mo:left-0 mo:top-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-3-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ksp-mzl-c-3-pad-1.jpg.avif"> </div> <div class="content-wrapper relative z-2 w-full h-full flex pc:p-8rpx mo:p-4rpx pad:p-5rpx"> <div class="text-card-wrapper self-end w-full bg-white flex justify-center items-center pc:min-h-92rpx pc:py-24rpx pc:px-8rpx pc:rounded-14rpx mo:py-16px mo:px-8px mo:rounded-10rpx pad:py-18px pad:px-10px pad:rounded-12rpx"> <p class="font-m pct:text-18px pct:tracking-0.03em pct:leading-[1.2] mot:text-16px mot:tracking-0.01em mot:leading-[1.2] pc:max-w-277px pc:text-center pc:text-black pc:text-opacity-95 pad:text-center pad:text-black pad:text-opacity-95">IP65 Water and Dust <br class="pc-only">Resistance<sup>3</sup></p> </div> </div></a> </div> </div> </div> <div class="mzl w-screen bg-white" id="section-design" ani-design-mzl-c=""> <div class="pc-only relative -mt-1px pt-1px w-full h-[calc(var(--content-height)+250rpx+3774px)]"> <div class="absolute -top-10vh" id="design-anchor"></div> <div class="sticky bg-white w-full h-[var(--content-height)] top-[var(--nav-height)] flex items-center"> <div class="sticky-wrapper relative w-full h-full overflow-hidden"> <div class="phone-scene absolute w-full h-full"> <div class="option-kv w-full h-full absolute"><img class="kv-bg absolute w-full h-[110%] top-0 object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-1-d7111.jpg.avif"> <div class="phone-and-title absolute w-full h-full"> <div class="title-text-wrapper absolute z-2 mt-0px w-full flex flex-col items-center"> <p class="font-m pct:text-68px pct:leading-[1] pc:text-center pc:text-black pc:text-opacity-35" small-32="">Stand Out in </p> <p class="font-m pct:text-68px pct:leading-[1] pc:text-center pc:text-black pc:text-opacity-95" small-32="">Design</p> </div><img class="phone3d absolute z-3 w-18.47vw h-39.51vw left-40.35vw top-[calc(50%-19.76vw)] object-cover" style="transform-origin: 80% 80%;" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone3d-1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone3d-1-d7111.png.avif"> </div> </div> <div class="option-kv w-full h-full absolute"><img class="kv-bg absolute w-full h-[110%] top-0 object-cover h-67.5vw top-[calc(50%-19.76vw-20.56vw)]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-2-d7111.jpg.avif"> <div class="phone-and-title absolute w-full h-full"> <div class="title-text-wrapper absolute z-2 mt-0px w-full flex flex-col items-center"> <p class="font-m pct:text-68px pct:leading-[1] pc:text-center pc:text-black pc:text-opacity-35" small-32="">Stand Out in </p> <p class="font-m pct:text-68px pct:leading-[1] pc:text-center pc:text-black pc:text-opacity-95" small-32="">Design</p> </div><img class="phone3d absolute z-3 w-18.47vw h-39.51vw left-40.35vw top-[calc(50%-19.76vw)] object-cover top-[calc(50%-19.76vw+1.335vw)]" style="transform-origin: 30% 80%;" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone3d-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone3d-2-d7111.png.avif"> </div> </div> </div> <div class="long absolute z-5 left-0 top-0 ml-100vw min-w-50vw bg-white opacity-100 h-full flex justify-end items-center"> <div class="block1 z-2 bg-white flex items-center px-64rpx pt-80rpx pb-64rpx m2560:pl-4.5vw"> <div class="content-wrapper h-602rpx min-h-420px max-h-[calc(var(--content-height)-20px)] flex flex-col justify-between m2560:h-31.25vw m2560:min-h-602px"> <p class="font-m pct:text-48px pct:leading-[1.1] pc:mt-10px pc:max-w-10em" small-28="">Natural Aesthetic Design</p> <div class="bottom flex items-end"> <div class="left-options flex flex-col gap-y-20px"> <div class="option-wrapper flex flex-col cursor-pointer w-100px"> <div class="btn w-40rpx h-40rpx relative"><img class="absolute option-btn pc:w-full pc:h-full pc:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-1.svg"><img class="absolute option-btn-center w-32rpx h-32rpx left-[calc(50%-16rpx)] top-[calc(50%-16rpx)]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-1.svg"></div> <p class="option-text font-m mt-7px mot:text-16px mot:tracking-0.02em mot:leading-[1.5] pc:opacity-40">Ocean Blue</p> </div> <div class="option-wrapper flex flex-col cursor-pointer w-100px"> <div class="btn w-40rpx h-40rpx relative"><img class="absolute option-btn pc:w-full pc:h-full pc:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-1.svg"><img class="absolute option-btn-center w-32rpx h-32rpx left-[calc(50%-16rpx)] top-[calc(50%-16rpx)]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-1.svg"></div> <p class="option-text font-m mt-7px mot:text-16px mot:tracking-0.02em mot:leading-[1.5] pc:opacity-40">Palm Green</p> </div> </div> <div class="right ml-38rpx flex flex-col"> <div class="desc-wrapper relative"> <p class="option-desc text-black text-opacity-95 w-453rpx pct:text-16px pct:tracking-0.03em pct:leading-[1.4] pc:opacity-0 pc:absolute pc:bottom-0">Enjoy the tranquillity of shimmering, rippling azure waves, like taking a breath of fresh coastal air. Lighting changes reveal textures of shining whitecaps on the sea.</p> <p class="option-desc text-black text-opacity-95 w-453rpx pct:text-16px pct:tracking-0.03em pct:leading-[1.4] pc:opacity-0 pc:">Explore the rich, deep greens of a lush forest on an idyllic island. Vibrant and filled with life, it's as if the flourishing canopy filters the sunlight into green shadows.</p> </div> <div class="option-img-frame relative mt-24px w-453rpx h-273rpx bg-[#F4F1F4] rounded-8rpx overflow-hidden m2560:w-[26.55vw] m2560:h-16vw m2560:min-h-273px m2560:min-w-453px m2560:rounded-0.56vw"><img class="option-detail absolute w-[117%] h-[106.2%] left-0 top-[20.3%] pc:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-1-d7111.png.avif"><img class="option-detail absolute w-[117%] h-[106.2%] left-0 top-[20.3%] pc:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-2-d7111.png.avif"> </div> </div> </div> </div> </div> <div class="block2 z-2 bg-white flex-none h-full ml-36rpx flex items-center pt-80rpx pb-64rpx m2560:w-auto"> <div class="img-wrapper relative w-822rpx h-602rpx bg-[#ccc] rounded-8rpx overflow-hidden m2560:h-31.25vw m2560:min-h-602px m2560:w-42.67vw m2560:min-w-822px m2560:rounded-0.56vw"><img class="crafts-large-1 absolute -left-[13.02%] -top-[4.63%] w-[119.83%] h-[109.09%] object-cover pc:w-[119%] pc:h-full pc:left-0 pc:top-0" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-1-eu-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-1-eu-d7111.jpg.avif"></div> </div> <div class="block3 z-2 bg-white flex-none flex h-full min-w-746rpx pr-122rpx pl-34rpx items-center pt-80rpx pb-64rpx"> <div class="content-wrapper min-w-590rpx h-602rpx flex flex-col m2560:h-31.25vw m2560:min-h-602px"> <div class="img-wrapper relative w-590rpx min-w-525px h-330rpx bg-[#ccc] rounded-8rpx overflow-hidden m2560:w-30vw m2560:h-16.78vw m2560:min-w-590px m2560:min-h-330px m2560:rounded-0.56vw"><img class="crafts-small absolute w-full h-full left-0 object-cover pc:w-[117%]" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-2-eu-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-2-eu-d7111.jpg.avif"></div> <div class="text-wrapper block-3-text mt-24px w-full flex flex-col pl-16rpx"> <p class="font-m pct:text-40px pct:tracking-0.01em pct:leading-[1.3] pc:text-black pc:text-opacity-95" small-28="">Magnetic Particle Design</p> <p class="font-m pct:text-40px pct:tracking-0.01em pct:leading-[1.3] pc:opacity-60 pc:text-black pc:text-opacity-95" small-28="">Dynamic Natural Textures</p> <p class="pct:text-16px pct:tracking-0.03em pct:leading-[1.5] pc:w-525px pc:mt-16px pc:text-black pc:text-opacity-95">Magnetic ink is employed to create natural 3D flowing textures that shift harmoniously across the cover. </p> </div> </div> </div> <div class="block4 relative z-0 bg-white flex-none flex h-full bg-[#EAEEF8] w-100vw overflow-hidden items-center justify-end"> <div class="img-wrapper absolute z-1 w-100vw h-full right-0 top-0"><img class="slim-img w-full h-full absolute object-cover origin-right" alt="Ultra-Slim Body" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-slim-eu-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-slim-eu-d7111.jpg.avif"></div> <div class="block-4-card relative z-5 min-w-450px m2560:max-w-520px m2560:min-h-[calc(478px+6.2vw)] m2560:justify-center m2560:items-center m2560:mr-5vw pc:mr-64px pc:h-575px pc:max-h-[calc(100%-50px)] pc:w-34.65vw pc:py-44rpx pc:px-34rpx pc:bg-[#FAFAFA] pc:rounded-8rpx pc:inline-flex pc:flex-col pc:items-start pc:justify-start"> <div class="content-wrapper flex flex-col h-full justify-between"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start"> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-center"> <p class="font-m pct:text-42px pct:tracking-0.01em pct:leading-[1.3] pc:text-black pc:text-opacity-95" small-28="">Ultra-Slim Body</p> <p class="font-m pct:text-42px pct:tracking-0.01em pct:leading-[1.3] pc:opacity-60 pc:text-black pc:text-opacity-95" small-28="">Slim, Light, and Lovely</p> </div> <p class="pct:text-16px pct:tracking-0.03em pct:leading-[1.5] pc:w-full pc:max-w-511px pc:mt-16px pc:text-black pc:text-opacity-95">Say goodbye to achy wrists! The slim and super lightweight design make carrying and handling effortless, whilst sleek, streamlined lines keep you looking sharp.</p> </div> <div class="weight-block m2560:mt-5vh pc:flex pc:flex-col pc:items-start pc:justify-start pc:mt-39px"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start"> <img class="combine-image pc:w-33rpx pc:flex-shrink-0 pc:h-34rpx pc:object-contain" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-weight-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pct:tracking-0.5px pc:mt-4px pc:text-black pc:text-opacity-60">Weight about <span class="pct:text-24px pc:text-black">177g<sup>4</sup></span></p> </div> <div class="thickness-block pc:mt-30px pc:flex pc:flex-col pc:items-start pc:justify-start"> <img class="svg-container pc:w-39rpx pc:flex-shrink-0 pc:h-42rpx pc:relative pc:object-contain" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-thickness-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.4] pct:tracking-0.5px pc:mt-4px pc:text-black pc:text-opacity-60">Thickness about </p> <p class="font-m pct:text-24px pc:text-black">7.54mm<sup>4</sup></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pad-only relative"> <div class="absolute -top-10vh" id="design-anchor"></div> <div class="caption w-full h-71vw relative"> <div class="option-kv absolute w-full h-full overflow-hidden pad:opacity-0 pad:flex pad:"> <div class="kv-title z-3 relative flex flex-col items-center w-96.5vw mt-8.3vw"> <p class="title-1 font-m mot:text-40px mot:leading-[1.1] pad:text-center pad:text-black pad:text-opacity-35">Stand Out in</p> <p class="title-1 font-m mot:text-40px mot:leading-[1.1] pad:text-center pad:text-black pad:text-opacity-95">Design</p> </div><img class="kv-bg absolute w-full h-76vw bottom-0 object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-1-pad-1.jpg.avif"><img class="kv-phone z-4 absolute w-17.58vwvw h-49.74vw bottom-5.2vw left-39.45vw object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone-1-pad-1.png.avif"> </div> <div class="option-kv absolute w-full h-full overflow-hidden pad:opacity-0 pad:flex pad:"> <div class="kv-title z-3 relative flex flex-col items-center w-96.5vw mt-8.3vw"> <p class="title-1 font-m mot:text-40px mot:leading-[1.1] pad:text-center pad:text-black pad:text-opacity-35">Stand Out in</p> <p class="title-1 font-m mot:text-40px mot:leading-[1.1] pad:text-center pad:text-black pad:text-opacity-95">Design</p> </div><img class="kv-bg absolute w-full h-76vw bottom-0 object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-2-pad-1.jpg.avif"><img class="kv-phone z-4 absolute w-17.58vwvw h-49.74vw bottom-5.2vw left-39.45vw object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone-2-pad-1.png.avif"> </div> </div> <div class="natural-wrapper pt-42px pb-64px px-24px flex flex-col"> <p class="font-m mot:text-24px mot:leading-[1.3]">Natural Aesthetic Design</p> <div class="row flex items-center mt-24px gap-x-30rpx"> <div class="option-img-frame relative flex-none w-346rpx h-181rpx bg-[#F4F1F4] rounded-8rpx overflow-hidden"><img class="option-detail absolute w-387rpx h-212rpx left-6rpx top-38rpx pad:opacity-0" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-1-1.png.avif"><img class="option-detail absolute w-387rpx h-212rpx left-6rpx top-38rpx pad:opacity-0" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-2-1.png.avif"> </div> <div class="right flex flex-col"> <div class="desc-wrapper relative"> <p class="option-desc text-black text-opacity-95 mot:text-12px mot:tracking-0.04em mot:leading-[1.4] pad:opacity-0 pad:absolute pad:top-0">Enjoy the tranquillity of shimmering, rippling azure waves, like taking a breath of fresh coastal air. Lighting changes reveal textures of shining whitecaps on the sea.</p> <p class="option-desc text-black text-opacity-95 mot:text-12px mot:tracking-0.04em mot:leading-[1.4] pad:opacity-0 pad:">Explore the rich, deep greens of a lush forest on an idyllic island. Vibrant and filled with life, it's as if the flourishing canopy filters the sunlight into green shadows.</p> </div> <div class="options-row mt-34px flex gap-x-32rpx"> <div class="option-wrapper flex flex-col"> <div class="btn w-28px h-28px relative"><img class="absolute option-btn object-cover pad:w-full pad:h-full pad:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg"><img class="absolute option-btn-center w-22.4px h-22.4px left-[calc(50%-11.2px)] top-[calc(50%-11.2px)] object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg"></div> <p class="option-text font-m mt-5px mot:text-14px mot:leading-24px pad:opacity-40">Ocean Blue</p> </div> <div class="option-wrapper flex flex-col"> <div class="btn w-28px h-28px relative"><img class="absolute option-btn object-cover pad:w-full pad:h-full pad:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg"><img class="absolute option-btn-center w-22.4px h-22.4px left-[calc(50%-11.2px)] top-[calc(50%-11.2px)] object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg"></div> <p class="option-text font-m mt-5px mot:text-14px mot:leading-24px pad:opacity-40">Palm Green</p> </div> </div> </div> </div> </div> <div class="texture pt-24px pb-80px px-24px flex justify-between items-stretch min-h-435rpx"> <div class="left flex flex-col w-346rpx"> <div class="img-wrapper w-346rpx h-223rpx rounded-8rpx bg-[#F9EDF9] overflow-hidden relative"><img class="texture-img w-full h-323rpx absolute left-0 top-[calc(50%-161.5rpx)] object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-1-pad-eu-1.jpg.avif"></div> <div class="text-wrapper mt-24px flex flex-col"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3]">Magnetic Particle Design</p> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] pad:opacity-60 pad:text-black pad:text-opacity-95">Dynamic Natural Textures</p> <p class="mot:text-14px mot:tracking-0.04em mot:leading-[1.4] pad:mt-12px pad:text-black pad:text-opacity-95">Magnetic ink is employed to create natural 3D flowing textures that shift harmoniously across the cover. </p> </div> </div> <div class="right w-360rpx min-h-435rpx rounded-8rpx bg-[#BFD7F7] overflow-hidden relative"><img class="texture-img w-full h-515rpx object-cover absolute top-0" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-2-pad-eu-1.jpg.avif"></div> </div> <div class="ultra-slim w-full pt-24px pb-80px px-24px flex flex-col"> <div class="row flex gap-x-16rpx"> <div class="left w-344rpx"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] pad:text-black pad:text-opacity-95">Ultra-Slim Body</p> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] pad:opacity-60 pad:text-black pad:text-opacity-95">Slim, Light, and Lovely</p> </div> <div class="right w-360rpx"> <p class="mot:text-14px mot:tracking-0.01em mot:leading-[1.4] pad:text-black pad:text-opacity-95">Say goodbye to achy wrists! The slim and super lightweight design make carrying and handling effortless, whilst sleek, streamlined lines keep you looking sharp.</p> </div> </div> <div class="wrapper relative mt-24px w-full min-h-280rpx rounded-8rpx bg-[#B49370] p-18px flex justify-end items-center overflow-hidden"><img class="slim-img absolute w-full h-426rpx left-0 top-[calc(50%-213rpx)]" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-slim-pad-eu-1.jpg.avif"> <div class="cards-wrapper relative z-2 min-w-136rpx flex flex-col items-stretch"> <div class="card flex-shrink-0 bg-white rounded-4rpx px-10px py-16px flex flex-col"><img class="svg-container w-33.43rpx h-36rpx relative object-cover" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-thickness-1.svg"> <div class="text-wrapper mt-4px flex flex-col tracking-0.5px"> <p class="font-m mot:text-14px mot:leading-[1.4] mot: pad:text-black pad:text-opacity-60">Thickness about </p> <p class="font-m mot:text-18px mot:leading-[1.4] mot: pad:text-black pad:text-opacity-95">7.54mm<sup>4</sup></p> </div> </div> <div class="card mt-8px flex-shrink-0 bg-white rounded-4rpx px-10px py-16px flex flex-col"><img class="svg-container w-33rpx h-34rpx relative object-cover" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-weight-1.svg"> <div class="text-wrapper mt-4px flex flex-col tracking-0.5px"> <p class="font-m mot:text-14px mot:leading-[1.4] mot: pad:text-black pad:text-opacity-60">Weight about </p> <p class="font-m mot:text-18px mot:leading-[1.4] mot: pad:text-black pad:text-opacity-95">177g<sup>4</sup></p> </div> </div> </div> </div> </div> </div> <div class="mo-only relative"> <div class="absolute -top-5vh" id="design-anchor"></div> <div class="caption -mt-1px w-full h-150vw relative overflow-hidden"> <div class="option-kv absolute w-full h-full left-0 top-0 overflow-hidden mo:opacity-0"> <div class="kv-title relative z-2 mt-96px w-full flex flex-col items-center"> <p class="font-m mot:text-40px mot:leading-[1.1] mo:text-center mo:text-black mo:text-opacity-35">Stand Out in</p> <p class="font-m mot:text-40px mot:leading-[1.1] mo:text-center mo:text-black mo:text-opacity-95">Design</p> </div><img class="kv-bg z-0 absolute w-full h-163.6vw bottom-0" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-1-mo-1.jpg.avif"><img class="kv-phone z-4 absolute w-34.17vw h-81.11vw left-33.05vw bottom-7.5vw" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone-1-mo-1.png.avif"> </div> <div class="option-kv absolute w-full h-full left-0 top-0 overflow-hidden mo:opacity-0"> <div class="kv-title relative z-2 mt-96px w-full flex flex-col items-center"> <p class="font-m mot:text-40px mot:leading-[1.1] mo:text-center mo:text-black mo:text-opacity-35">Stand Out in</p> <p class="font-m mot:text-40px mot:leading-[1.1] mo:text-center mo:text-black mo:text-opacity-95">Design</p> </div><img class="kv-bg z-0 absolute w-full h-163.6vw bottom-0" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-bg-2-mo-1.jpg.avif"><img class="kv-phone z-4 absolute w-34.17vw h-81.11vw left-33.05vw bottom-7.5vw" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-phone-2-mo-1.png.avif"> </div> </div> <div class="wrapper w-full px-16px pt-42px pb-80px flex flex-col"> <p class="font-m mot:text-24px mot:leading-[1.1]">Natural Aesthetic Design</p> <div class="option-img-frame relative mt-24px w-328rpx h-180rpx bg-[#F4F1F4] rounded-8rpx overflow-hidden"><img class="option-detail absolute w-399.7rpx h-206rpx -left-23rpx top-39rpx mo:opacity-0" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-1-mo-1.png.avif"><img class="option-detail absolute w-399.7rpx h-206rpx -left-23rpx top-39rpx mo:opacity-0" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-design-2-mo-1.png.avif"> </div> <div class="options-row mt-20px flex gap-x-15px"> <div class="option-wrapper flex flex-col"> <div class="btn w-28px h-28px relative"><img class="absolute option-btn mo:w-full mo:h-full mo:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-selected-mo-1.svg"><img class="absolute option-btn-center w-22.4px h-22.4px left-[calc(50%-11.2px)] top-[calc(50%-11.2px)]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-1-mo-1.svg"></div> <p class="option-text font-m mt-5px mot:text-16px mot:leading-[1.5] mo:opacity-40">Ocean Blue</p> </div> <div class="option-wrapper flex flex-col"> <div class="btn w-28px h-28px relative"><img class="absolute option-btn mo:w-full mo:h-full mo:opacity-0" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-selected-mo-1.svg"><img class="absolute option-btn-center w-22.4px h-22.4px left-[calc(50%-11.2px)] top-[calc(50%-11.2px)]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-btn-2-mo-1.svg"></div> <p class="option-text font-m mt-5px mot:text-16px mot:leading-[1.5] mo:opacity-40">Palm Green</p> </div> </div> <div class="desc-wrapper mt-10px relative"> <p class="option-desc mot:text-12px mot:tracking-0.04em mot:leading-[1.4] mo:opacity-0 mo:absolute mo:top-0">Enjoy the tranquillity of shimmering, rippling azure waves, like taking a breath of fresh coastal air. Lighting changes reveal textures of shining whitecaps on the sea.</p> <p class="option-desc mot:text-12px mot:tracking-0.04em mot:leading-[1.4] mo:opacity-0 mo:">Explore the rich, deep greens of a lush forest on an idyllic island. Vibrant and filled with life, it's as if the flourishing canopy filters the sunlight into green shadows.</p> </div> </div> <div class="texture flex flex-col px-16px pb-80px"> <div class="img-wrapper w-full h-272rpx rounded-8rpx bg-[#CBDBEC] overflow-hidden relative"><img class="texture-img-1 w-full h-342rpx absolute left-0 top-0" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-1-mo-eu-1.jpg.avif"></div> <div class="img-wrapper texture-frame-2 mt-8px w-full h-182rpx rounded-8rpx bg-[#FCD8CF] overflow-hidden relative"><img class="texture-img-2 w-full h-270rpx absolute left-0 -top-50rpx" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-texture-2-mo-eu-1.jpg.avif"></div> <div class="text-wrapper mt-24px flex flex-col"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] mo:text-black mo:text-opacity-95">Magnetic Particle Design</p> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] mo:opacity-60 mo:text-black mo:text-opacity-95">Dynamic Natural Textures</p> <p class="mot:text-14px mot:tracking-0.04em mot:leading-[1.4] mo:mt-14px mo:text-black mo:text-opacity-95">Magnetic ink is employed to create natural 3D flowing textures that shift harmoniously across the cover. </p> </div> </div> <div class="ultra-slim"> <div class="img-wrapper w-100vw h-94.44vw relative overflow-hidden bg-[#D1BB98]"><img class="slim-img w-full h-128.6vw absolute left-0 -top-11.6vw object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-mzl-c-slim-mo-eu-1.jpg.avif"></div> <div class="text-wrapper w-full px-16px pt-24px pb-80px"> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] mo:text-black mo:text-opacity-95">Ultra-Slim Body</p> <p class="font-m mot:text-24px mot:tracking-0.02em mot:leading-[1.3] mo:opacity-60 mo:text-black mo:text-opacity-95">Slim, Light, and Lovely</p> <p class="mot:text-14px mot:tracking-0.04em mot:leading-[1.3] mo:mt-14px mo:text-black mo:text-opacity-95">Say goodbye to achy wrists! The slim and super lightweight design make carrying and handling effortless, whilst sleek, streamlined lines keep you looking sharp.</p> <div class="descs mt-14px flex gap-x-60rpx"> <div class="left flex flex-col tracking-0.5px flex-shrink-0"><img class="svg-container w-33.43rpx h-36rpx relative object-cover" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-thickness-1.svg"> <p class="font-m mot:text-14px mot:leading-[1.4] mot: mo:mt-4px mo:text-black mo:text-opacity-60">Thickness about </p> <p class="font-m mot:text-18px mot:leading-[1.4] mot: mo:text-black mo:text-opacity-95">7.54mm<sup>4</sup></p> </div> <div class="right flex flex-col tracking-0.5px flex-shrink-0"><img class="svg-container w-33rpx h-34rpx relative object-cover" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-design-icon-weight-1.svg"> <p class="font-m mot:text-14px mot:leading-[1.4] mot: mo:mt-4px mo:text-black mo:text-opacity-60">Weight about </p> <p class="font-m mot:text-18px mot:leading-[1.4] mot: mo:text-black mo:text-opacity-95">177g<sup>4</sup></p> </div> </div> </div> </div> </div> </div> <div class="mzl w-screen -mt-1px -mb-1px pb-2px z-2 overflow-hidden relative pc:bg-[#F6F7FA] mo:bg-white pad:bg-white" id="section-screen" ani-screen="" data-gtm-view="Part7: 120Hz 3D Curved Screen" data-trans-bg="#fff"> <div class="pc-only flex flex-col w-full min-h-966rpx pt-120rpx pb-88rpx justify-center items-center"> <div class="text-wrapper flex flex-col items-center"> <p class="font-m pct:text-42px pct:tracking-0.01em pct:leading-[1.3] pc:text-center pc:text-black pc:text-opacity-95" small-28="">Borderless 120Hz <br class="mo-only">AMOLED Screen</p> <p class="font-m pct:text-42px pct:tracking-0.01em pct:leading-[1.3] pc:opacity-60 pc:text-center pc:text-black pc:text-opacity-95" small-28="">Vision Without Limits</p> <p class="pct:text-16px pct:tracking-0.03em pct:leading-[1.3] pc:mt-16px pc:w-705px pc:text-center pc:text-black pc:text-opacity-95">Get next-gen visuals with a narrow bezel borderless screen drenched in over 1 billion rich colours and packed with silky smooth transitions. Automatic brightness adjustment makes your eyes more comfortable in the dark and keeps things clear in bright sunlight.</p> </div> <div class="image-wrapper relative mt-26px w-929rpx h-434rpx"><img class="absolute z-2 w-full h-full object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-mzl-phone-cover-eu-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-mzl-phone-cover-eu-d7111.png.avif"> <div class="absolute z-1 pc:h-396.5rpx pc:top-[calc(50%-198.25rpx)] pc:left-[calc(50%-435rpx)] pc:w-870rpx pc:rounded-20rpx pc:overflow-hidden" id="video" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_1920.flv"> <canvas class="pc:w-full pc:h-full"></canvas> <video></video><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_1920_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_1920_poster-d7111.jpg.avif" class="pc:w-full pc:h-full"> </div> </div> <div class="icons mt-20px w-883rpx flex justify-between items-stretch pr-10rpx"> <div class="block flex flex-col"><img class="w-42px h-42px object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-0-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-0-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">120Hz Ultra High<br>Refresh Rate<sup>5</sup></p> </div> <div class="block flex flex-col"><img class="w-42px h-42px object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-1-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">93.4% Screen-<br>to-Body Ratio<sup>6</sup></p> </div> <div class="block flex flex-col"><img class="w-42px h-42px object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-2-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">1.07 Billion<br>Colours</p> </div> <div class="block flex flex-col"><img class="w-42px h-42px object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-3-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">6.7'' AMOLED <br>Screen</p> </div> <div class="block flex flex-col"><img class="w-94px h-42px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-icon-hdr-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-icon-hdr-d7111.png.avif"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">HDR10+<br>Certified</p> </div> </div> </div> <div class="pad-only flex flex-col w-full pb-80px items-center"> <div class="text-wrapper w-full flex flex-col items-center"> <p class="font-m mot:text-24px mot:tracking-0.01em mot:leading-[1.3] pad:w-full pad:text-center pad:text-black pad:text-opacity-95">Borderless 120Hz <br class="mo-only">AMOLED Screen</p> <p class="font-m mot:text-24px mot:tracking-0.01em mot:leading-[1.3] pad:opacity-60 pad:w-full pad:text-center pad:text-black pad:text-opacity-95">Vision Without Limits</p> <p class="mot:text-14px mot:tracking-0.01em mot:leading-[1.4] pad:mt-12px pad:w-587rpx pad:mx-auto pad:text-center pad:text-black pad:text-opacity-95">Get next-gen visuals with a narrow bezel borderless screen drenched in over 1 billion rich colours and packed with silky smooth transitions. Automatic brightness adjustment makes your eyes more comfortable in the dark and keeps things clear in bright sunlight.</p> </div> <div class="image-wrapper relative mt-24px w-564rpx h-273.23rpx"><img class="absolute z-2 w-full h-full object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-mzl-phone-cover-pad-eu-1.png.avif"> <div class="absolute z-1 pad:w-548rpx pad:h-250rpx pad:left-[calc(50%-274rpx)] pad:top-[calc(50%-125rpx)] pad:rounded-15rpx pad:overflow-hidden" id="video" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_1024.flv"> <canvas class="pad:w-full pad:h-full"></canvas> <video></video><img data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_1024_poster-1.jpg.avif" class="pad:w-full pad:h-full"> </div> </div> <div class="icons mt-12px w-598rpx min-w-550px flex justify-between"> <div class="block flex flex-col items-center"><img class="w-36px h-36px object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-0-pad-1.svg"> <p class="font-m mot:text-16px mot:leading-[1.2] pad:mt-8px pad:text-center pad:text-black pad:text-opacity-95">120Hz Ultra High<br>Refresh Rate<sup>5</sup></p> </div> <div class="block flex flex-col items-center"><img class="w-36px h-36px object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-2-pad-1.svg"> <p class="font-m mot:text-16px mot:leading-[1.2] pad:mt-8px pad:text-center pad:text-black pad:text-opacity-95">1.07 Billion<br>Colours</p> </div> <div class="block flex flex-col items-center"><img class="w-36px h-36px object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-3-pad-1.svg"> <p class="font-m mot:text-16px mot:leading-[1.2] pad:mt-8px pad:text-center pad:text-black pad:text-opacity-95">6.7'' AMOLED <br>Screen</p> </div> <div class="block flex flex-col items-center"><img class="w-36px h-36px object-cover" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-1-pad-1.svg"> <p class="font-m mot:text-16px mot:leading-[1.2] pad:mt-8px pad:text-center pad:text-black pad:text-opacity-95">93.4% Screen-<br>to-Body Ratio<sup>6</sup></p> </div> <div class="block flex flex-col"><img class="w-80.57px h-36px" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-icon-hdr-1.png.avif"> <p class="font-m mot:text-16px mot:leading-[1.2] pad:mt-8px pad:text-center pad:text-black pad:text-opacity-95">HDR10+<br>Certified</p> </div> </div> </div> <div class="mo-only flex flex-col w-full pb-80px px-16px items-center"> <div class="text-wrapper flex flex-col"> <p class="font-m mot:text-24px mot:tracking-0.01em mot:leading-[1.3] mo:text-black mo:text-opacity-95">Borderless 120Hz <br class="mo-only">AMOLED Screen</p> <p class="font-m mot:text-24px mot:tracking-0.01em mot:leading-[1.3] mo:max-w-260px mo:opacity-60 mo:text-black mo:text-opacity-95">Vision Without Limits</p> <p class="mot:text-14px mot:tracking-0.04em mot:leading-[1.3] mo:mt-14px mo:text-black mo:text-opacity-95">Get next-gen visuals with a narrow bezel borderless screen drenched in over 1 billion rich colours and packed with silky smooth transitions. Automatic brightness adjustment makes your eyes more comfortable in the dark and keeps things clear in bright sunlight.</p> </div> <div class="image-wrapper relative mt-24px w-328rpx h-160rpx"><img class="absolute z-2 w-full h-full object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-mzl-phone-cover-mo-eu-1.png.avif"> <div class="absolute z-1 mo:w-320rpx mo:h-146rpx mo:top-[calc(50%-73rpx)] mo:left-[calc(50%-160rpx)] mo:rounded-15rpx mo:overflow-hidden" id="video" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_656.flv"> <canvas class="mo:w-full mo:h-full"></canvas> <video></video><img data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-screen-sea-short_656_poster-1.jpg.avif" class="pc:w-full pc:h-full"> </div> </div> <div class="icons-1 mt-18px w-full flex gap-x-64rpx"> <div class="block flex flex-col"><img class="w-36px h-36px object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-0-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">120Hz Ultra High<br>Refresh Rate<sup>5</sup></p> </div> <div class="block flex flex-col"><img class="w-36px h-36px object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-1-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">93.4% Screen-<br>to-Body Ratio<sup>6</sup></p> </div> </div> <div class="icons-2 mt-20px w-full flex justify-between"> <div class="block flex flex-col"><img class="w-36px h-36px object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-2-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">1.07 Billion<br>Colours</p> </div> <div class="block flex flex-col"><img class="w-36px h-36px object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-3-1.svg"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">6.7'' AMOLED <br>Screen</p> </div> <div class="block flex flex-col"><img class="w-80.57px h-36px object-cover" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-screen-icon-hdr-1.png.avif"> <p class="font-m pct:text-18px pct:leading-[1.2] pc:mt-6px pc:text-black pc:text-opacity-95">HDR10+<br>Certified</p> </div> </div> </div> </div> <div class="relative" id="section-ip65" ani-section-transition="" next-section="#section-camera" data-trans-bg="#F6F7FA" data-gtm-view="Part7: IP65 Water and Dust Resistance"> <div class="absolute pc:top-[calc(40px-var(--nav-height))] mo:top-[calc(-10px-var(--nav-height))] pad:top-[calc(-10px-var(--nav-height))]" id="anchor-ip65"></div> <div class="content-wrapper pc-only w-full py-80rpx px-[calc(50vw-656rpx)] bg-white"> <div class="flex relative w-full h-640rpx rounded-12rpx overflow-hidden" ani-difference="" data-reverse=""><img class="object-cover absolute w-full h-840rpx -top-115rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-1.jpg.avif"> <div class="inner-wrapper flex flex-col justify-between w-full p-40rpx"> <div class="text-wrapper w-full flex justify-between text-white transform scale-100 justify-between"> <div class="title-wrapper text-42 font-m text-white mot:text-24" small-28=""> <div class="title text-white">IP65 Water and Dust Resistance</div> <div class="subtitle opacity-42">Brave the Elements</div> </div> <div class="desc text-16 w-439rpx mot:text-14 mo:mt-16rpx">Fearlessly travel dusty roads and brave unexpected cloud bursts. You can trust this phone to perform, whatever the weather.</div> </div> <div class="card-wrapper flex relative text-white gap-12rpx"> <div class="card p-16rpx rounded-8rpx bg-[#484540]"><img class="icon w-42px h-42px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif"> <div class="text text-18 leading-[21.6px] w-142px mt-20rpx font-m">3 Mins<br>Waterjet Test</div> </div> <div class="card p-16rpx rounded-8rpx bg-[#484540]"><img class="icon w-42px h-42px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif"> <div class="text text-18 leading-[21.6px] w-142px mt-20rpx font-m">60 Mins<br>Rain Test</div> </div> </div> </div> </div> <div class="remark text-12 opacity-30 mt-20rpx w-980rpx tracking-1px">*Data obtained from OPPO Labs. The actual experience may be different. Please refer to the actual experience. Specialised waterproof testing includes immersing the device in still, fresh water with a depth of 20cm for 30 seconds.The splash-proof, waterproof, and dustproof functions may decrease due to daily wear and tear. Please do not charge the phone in a damp state. Damage caused by immersion in liquids is not covered by the warranty.</div> </div> <div class="content-wrapper pad-only w-full pb-80rpx px-24px bg-white"> <div class="text-wrapper w-full flex justify-between text-white transform scale-100 justify-between"> <div class="title-wrapper text-42 font-m text-black w-340rpx mot:text-24"> <div class="title">IP65 Water and Dust Resistance</div> <div class="subtitle opacity-42">Brave the Elements</div> </div> <div class="desc text-16 w-279rpx text-black tracking-0.5px mot:text-14">Fearlessly travel dusty roads and brave unexpected cloud bursts. You can trust this phone to perform, whatever the weather.</div> </div> <div class="flex relative w-full h-351rpx rounded-8rpx overflow-hidden mt-24rpx" ani-difference="" data-reverse=""><img class="object-cover absolute w-full h-442rpx -top-91rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-pad-1.jpg.avif"> <div class="inner-wrapper flex flex-col justify-end w-full p-20rpx"> <div class="card-wrapper flex relative text-white gap-12rpx"> <div class="card py-10rpx px-16rpx rounded-4rpx bg-[#484540]"><img class="icon w-32px h-32px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-1.png.avif"> <div class="text text-14 leading-[16.8px] w-86px mt-12rpx font-m">3 Mins<br>Waterjet Test</div> </div> <div class="card py-10rpx px-16rpx rounded-4rpx bg-[#484540]"><img class="icon w-32px h-32px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-1.png.avif"> <div class="text text-14 leading-[16.8px] w-86px mt-12rpx font-m">60 Mins<br>Rain Test</div> </div> </div> </div> </div> <div class="remark text-12 opacity-30 mt-8rpx">*Data obtained from OPPO Labs. The actual experience may be different. Please refer to the actual experience. Specialised waterproof testing includes immersing the device in still, fresh water with a depth of 20cm for 30 seconds.The splash-proof, waterproof, and dustproof functions may decrease due to daily wear and tear. Please do not charge the phone in a damp state. Damage caused by immersion in liquids is not covered by the warranty.</div> </div> <div class="content-wrapper mo-only w-full px-16px pb-80rpx bg-white"> <div class="img-wrapper relative overflow-hidden w-full h-320rpx rounded-6rpx" ani-difference="" data-reverse=""><img class="object-cover absolute w-full h-380rpx -top-60rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-mo.jpg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-mo.jpg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-bg-mo.jpg"></div> <div class="text-wrapper w-full mt-20rpx"> <div class="title-wrapper text-42 font-m text-black w-225px mot:text-24 mo:w-328rpx"> <div class="title">IP65 Water and Dust Resistance</div> <div class="subtitle opacity-42">Brave the Elements</div> </div> <div class="desc text-14 text-black mt-20rpx">Fearlessly travel dusty roads and brave unexpected cloud bursts. You can trust this phone to perform, whatever the weather.</div> </div> <div class="card-wrapper flex mt-14rpx gap-50rpx"> <div class="card"><img class="icon w-32px h-32px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-mo-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-mo-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon0-mo-1.png.avif"> <div class="text text-14 w-136px mt-6rpx font-m">3 Mins<br>Waterjet Test</div> </div> <div class="card"><img class="icon w-32px h-32px" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-mo-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-mo-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ip65-icon1-mo-1.png.avif"> <div class="text text-14 w-136px mt-6rpx font-m">60 Mins<br>Rain Test</div> </div> </div> <div class="remark text-12 opacity-30 mt-16rpx">*Data obtained from OPPO Labs. The actual experience may be different. Please refer to the actual experience. Specialised waterproof testing includes immersing the device in still, fresh water with a depth of 20cm for 30 seconds.The splash-proof, waterproof, and dustproof functions may decrease due to daily wear and tear. Please do not charge the phone in a damp state. Damage caused by immersion in liquids is not covered by the warranty.</div> </div> </div> <div class="-mt-100vh pad:overflow-hidden pad:bg-[#F6F7FA]" id="section-camera" ani-camera=""> <div class="place-holder w-full h-100vh bg-[#F6F7FA] mo:bg-[#F6F7FA] pad:bg-[#F6F7FA]"></div> <div class="content-wrapper relative pc-only h-[calc(var(--content-height)+200vh)] bg-[#F6F7FA]"> <div class="absolute -mt-25vh" id="camera-anchor"></div> <div class="sticky h-[var(--content-height)] top-[var(--nav-height)] bg-[#F6F7FA] overflow-hidden"> <div class="title-wrapper full relative z-1"> <div class="camera-window w-599rpx h-367rpx overflow-hidden rounded-55rpx relative mx-auto top-[calc(var(--half-content-height)-183rpx)]"><img class="w-599rpx h-768rpx -top-162rpx relative" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-portrait-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-portrait-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-portrait-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-portrait-1.jpg.avif"></div> <div class="text-wrapper absolute top-[calc(var(--half-content-height)-151rpx)] w-753rpx left-0 right-0 mx-auto text-78rpx leading-[110%] text-center font-m"> <div class="title1 title text-[#a6a6a6]">Stand Out in</div> <div class="title2 title text-[#000000] mt-130rpx">Portrait</div> </div> </div> <div class="param-wrapper full absolute top-0 z-0"> <div class="phone-wrapper absolute w-108.27vw h-50.42vw right-[calc(50%-195rpx)] top-[calc(var(--half-content-height)-5.56vw-167rpx)]"> <img class="full relative z-1 phone1" alt="Ultra-Clear Portrait Camera System" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-1.png.avif"><img class="absolute top-0 phone2 w-[99.42%] h-[99.39%] right-0 top-[10.96%]" alt="Ultra-Clear Portrait Camera System" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-1.png.avif"></div> <div class="text-wrapper absolute w-418rpx left-[calc(50%+255rpx)]"> <div class="text-card absolute top-[calc(var(--half-content-height)-5.56vw-160rpx+4.46vw)] w-full"> <div class="title text-42rpx leading-[130%] font-m">64MP Ultra-Clear Triple Camera</div> <div class="subtitle text-42rpx leading-[130%] opacity-60 font-m">Ultimate Clarity for Your Creations</div> <div class="desc text-16rpx leading-[130%] mt-16rpx w-364px max-w-[100%] tracking-0.5px">Expand your creative vision and your expectations, delivering high clarity imaging packed full of detail, at every angle.</div> </div> <div class="text-card flex flex-col gap-26rpx absolute top-[calc(var(--half-content-height)-5.56vw-167rpx+5.56vw+30rpx)]"> <div class="value-wrapper"> <div class="value text-32rpx leading-[120%] font-m">64MP </div> <div class="param text-18rpx leading-[120%] mt-4rpx">Ultra-Clear Main Camera</div> </div> <div class="value-wrapper"> <div class="value text-32rpx leading-[120%] font-m">112°</div> <div class="param text-18rpx leading-[120%] mt-4rpx">Ultra-Wide-Angle Camera</div> </div> <div class="value-wrapper"> <div class="value text-32rpx leading-[120%] font-m">2MP</div> <div class="param text-18rpx leading-[120%] mt-4rpx">Macro Camera</div> </div> <div class="value-wrapper"> <div class="value text-32rpx leading-[120%] font-m">32MP</div> <div class="param text-18rpx leading-[120%] mt-4rpx">Ultra-Clear Selfie Camera</div> </div> </div> </div> </div> </div> </div> <div class="content-wrapper pc-hidden bg-[#F6F7FA] overflow-hidden tracking-0.5px mo:bg-[#F6F7FA]" id="camera-anchor"> <div class="title-wrapper text-40 mx-auto text-center py-80rpx font-m mo:pb-40rpx mo:"> <div class="title1 title text-[#a6a6a6] leading-[110%]">Stand Out in</div> <div class="title2 title text-[#000000] leading-[110%]">Portrait</div> </div> <div class="flex mo:flex-col"> <div class="phone-wrapper relative w-1/2 h-542rpx mo:w-full mo:h-354rpx"><img class="phone1 absolute w-252rpx h-828rpx left-42rpx top-0 mo:w-186rpx mo:h-614rpx mo:left-66rpx" alt="Ultra-Clear Portrait Camera System" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-mo-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-mo-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone2-mo-1.png.avif"><img class="phone2 absolute w-252rpx h-828rpx left-119rpx top-77rpx mo:w-186rpx mo:h-614rpx mo:left-123rpx mo:top-66rpx" alt="Ultra-Clear Portrait Camera System" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-mo-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-mo-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-camera-mzl-c-eu-phone1-mo-1.png.avif"></div> <div class="text-wrapper relative w-362rpx ml-46rpx px-24rpx flex flex-col items-center justify-center bg-[#F6F7FA] mo:w-full mo:pt-34rpx mo:pb-80rpx mo:ml-0 mo:px-16rpx mo:bg-white pad:items-start"> <div class="subtitle-wrapper"> <div class="title text-24 font-m w-240px">64MP Ultra-Clear Triple Camera</div> <div class="subtitle text-24 opacity-60 font-m w-240px">Ultimate Clarity for Your Creations</div> <div class="desc text-14 mt-12rpx">Expand your creative vision and your expectations, delivering high clarity imaging packed full of detail, at every angle.</div> </div> <div class="param-wrapper mo-only flex flex-wrap gap-20rpx mt-30rpx mo:mt-24rpx"> <div class="value-wrapper w-140rpx pad:w-135rpx"> <div class="value text-20rpx leading-24rpx font-m tracking-1px">64MP </div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Clear Main Camera</div> </div> <div class="value-wrapper w-140rpx pad:w-135rpx"> <div class="value text-20rpx leading-24rpx font-m tracking-1px">2MP</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Macro Camera</div> </div> <div class="value-wrapper w-140rpx pad:w-135rpx"> <div class="value text-20rpx leading-24rpx font-m tracking-1px">112°</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Wide-Angle Camera</div> </div> <div class="value-wrapper w-140rpx pad:w-135rpx"> <div class="value text-20rpx leading-24rpx font-m tracking-1px">32MP</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Clear Selfie Camera</div> </div> </div> <div class="param-wrapper pad-only flex flex-wrap justify-between gap-20rpx mt-30rpx w-285rpx mo:mt-24rpx"> <div class="value-wrapper w-140rpx pad:w-120rpx"> <div class="value text-20rpx leading-24rpx font-m">64MP </div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Clear Main Camera</div> </div> <div class="value-wrapper w-140rpx"> <div class="value text-20rpx leading-24rpx font-m">112°</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Wide-Angle Camera</div> </div> <div class="value-wrapper w-140rpx pad:w-120rpx"> <div class="value text-20rpx leading-24rpx font-m">2MP</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Macro Camera</div> </div> <div class="value-wrapper w-140rpx"> <div class="value text-20rpx leading-24rpx font-m">32MP</div> <div class="param text-16rpx leading-24rpx opacity-60 mt-4rpx font-m">Ultra-Clear Selfie Camera</div> </div> </div> </div> </div> </div> </div> <div class="mzlc" id="section-snapshot"> <div class="main-camera bg-[#fafafa] w-full overflow-hidden pc:bg-white"> <div class="flex w-1112rpx mx-auto my-120rpx mo:w-328rpx mo:mt-64rpx mo:mb-48rpx pad:w-600rpx pad:my-80rpx"> <div class="mo-hidden flex flex-col"> <div class="rounded-20rpx h-600rpx w-520rpx overflow-hidden pad:w-281rpx pad:h-324rpx pad:rounded-8rpx" ani-parallax-snap="" data-set-offset="0%,-5%"><img class="scroll-up w-520rpx h-680rpx rounded-20rpx pad:w-281rpx pad:h-404rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-1-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad1-1.jpg.avif"></div> <div class="rounded-20rpx h-580rpx mt-72rpx w-520rpx overflow-hidden pad:w-281rpx pad:h-313rpx pad:mt-40rpx pad:rounded-8rpx" ani-parallax-snap="" data-set-offset="0%,-10%"><img class="scroll-up w-520rpx h-700rpx rounded-20rpx pad:w-281rpx pad:h-393rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-2-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad2-1.jpg.avif"></div> </div> <div class="flex flex-col pc:ml-72rpx pad:ml-38rpx"> <div class="text-wrapper w-520rpx mt-53rpx text-black text-opacity-95 text-42rpx tracking-0.02em leading-[1.3] mot:text-24px mot:tracking-0.01em mot:leading-[1.3] mo:w-328rpx mo:pr-64rpx mo:mt-0 pad:w-281rpx pad:mt-40rpx"> <p class="font-m font-medium mot:text-24px mot:tracking-0.01em mot:leading-[1.3]">64MP Ultra-Clear <br>Main Camera</p> <p class="font-m font-medium opacity-60 mot:text-24px mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70">Spot On in Every Detail</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.07em mot:leading-[1.3] pc:mt-16rpx mo:mt-16rpx pad:mt-14rpx pad:text-14px !pad:tracking-0.04em pad:leading-[1.3]">Achieve an ultra-clear image where light and colour are perfectly balanced, and every detail is accurately restored.</p> </div> <div class="mo-hidden rounded-20rpx h-680rpx mt-100rpx w-520rpx overflow-hidden pad:w-281rpx pad:h-367rpx pad:mt-24rpx pad:rounded-8rpx" ani-parallax-snap="" data-set-offset="0%,6%"><img class="scroll-up mo-hidden rounded-20rpx h-760rpx w-520rpx pad:w-281rpx pad:h-447rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-3-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad3-1.jpg.avif"></div> <div class="mo-only mt-24rpx w-328rpx overflow-hidden"> <div class="rounded-8rpx overflow-hidden relative w-215rpx h-260rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-23" data-set-end="10"><img class="tran-img w-full rounded-8rpx h-340rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo1-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad1-1.jpg.avif"></div> </div> <div class="rounded-8rpx overflow-hidden relative w-215rpx h-260rpx w-203rpx h-240rpx my-24rpx ml-125rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-25" data-set-end="0"><img class="tran-img w-full rounded-8rpx h-320rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo2-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad2-1.jpg.avif"></div> </div> <div class="rounded-8rpx overflow-hidden relative w-215rpx h-260rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-16" data-set-end="6"><img class="tran-img w-full rounded-8rpx h-300rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo3-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad3-1.jpg.avif"></div> </div> </div> </div> </div> </div> <div class="wide-angle w-full bg-white overflow-hidden"> <div class="w-1312rpx mx-auto overflow-hidden relative mo:w-328rpx mo:pt-48rpx mo:pb-80rpx mo: pad:w-720rpx pad:pt-64rpx pad:pb-80rpx"> <div class="ultra-camera w-full relative" ani-wide-snap=""> <div class="text-wrapper pad-only w-full flex items-center justify-start item-stretch text-black text-opacity-95"> <div class="w-370rpx"> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pad:">Ultra-Wide-Angle Camera</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pad:opacity-60 pad:">Tell a Bigger Story</p> </div> <p class="mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pad:w-334rpx pad:ml-16rpx">Capture more stunning scenery and tell a more compelling story as you amp up the visual tension between your subject and their surroundings.</p> </div> <div class="wideText-wrapper-pc pc-only pc:w-574px pc:mx-auto pc:text-center pc:text-black pc:text-opacity-95 pc:"> <p class="font-m text-42rpx font-medium tracking-0.01em leading-[1.3]">Ultra-Wide-Angle Camera</p> <p class="font-m text-42rpx font-medium tracking-0.01em leading-[1.3] pc:opacity-70">Tell a Bigger Story</p> <p class="pct:text-16px pct:tracking-0.03em pct:leading-[1.3] pc:mt-16rpx">Capture more stunning scenery and tell a more compelling story as you amp up the visual tension between your subject and their surroundings.</p> </div> <div class="img-wrapper w-1312rpx h-540rpx mt-24rpx rounded-20rpx relative overflow-hidden mo:w-328rpx mo:h-200rpx mo:mt-0 mo:rounded-8rpx pad:w-720rpx pad:h-342rpx pad:mt-24rpx pad:rounded-8rpx pad:"> <div class="img-wrap w-1312rpx h-540rpx rounded-20rpx relative overflow-hidden mo:w-328rpx mo:h-200rpx mo:rounded-8rpx pad:w-720rpx pad:h-342rpx pad:rounded-8rpx pad:"><img class="w-1312rpx h-815rpx rounded-20rpx mo:w-328rpx mo:h-230rpx mo:rounded-8rpx pad:w-720rpx pad:h-435rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-4-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-4-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo4-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad4-1.jpg.avif"></div> </div> <div class="wideText-wrapper mo-only pc:w-574px pc:absolute pc:top-[45rpx] pc:left-0 pc:right-0 pc:mx-auto pc:text-center pc:text-white pc:text-opacity-95 pc: mo:w-328rpx mo:mt-24rpx mo:text-black mo:text-opacity-95"> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:">Ultra-Wide-Angle Camera</p> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 mo:opacity-60">Tell a Bigger Story</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.07em mot:leading-[1.3] pc:mt-16rpx mo:mt-14rpx pad:mt-14rpx">Capture more stunning scenery and tell a more compelling story as you amp up the visual tension between your subject and their surroundings.</p> </div> </div> <div class="marco-camera overflow-hidden pc:w-1312rpx pc:h-600rpx pc:mt-120rpx pc:flex pc:items-center pc:justify-start mo:w-328rpx mo:mt-80rpx pad:w-720rpx pad:h-268rpx pad:mt-80rpx pad:flex pad:items-center pad:justify-start"> <div class="img-wrapper rounded-20rpx h-600rpx w-738rpx overflow-hidden mo:w-328rpx mo:h-251rpx mo:rounded-8rpx pad:w-372rpx pad:h-268rpx pad:rounded-8rpx" ani-parallax-snap=""> <img class="w-738rpx h-680rpx rounded-20rpx mo:w-328rpx mo:h-331rpx mo:rounded-8rpx pad:w-372rpx pad:h-348rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-5-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-5-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo5-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad5-1.jpg.avif"></div> <div class="marcoText-wrapper w-510rpx ml-64rpx text-black text-opacity-95 mo:w-328rpx mo:mt-24rpx mo: mo:ml-0 pad:w-324rpx pad:ml-24rpx"> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:">Macro Camera</p> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 mo:opacity-60 pad:opacity-60">Reveal Unseen Wonders</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pc:mt-16rpx mo:mt-14rpx mo:tracking-0.07em pad:w-284rpx pad:mt-14rpx">Take a deeper look at the world around you with amazing macro shots that reveal incredible fine detail and miniature marvels often lost to the naked eye.</p> </div> </div> </div> </div> <div class="flash-snap bg-white w-full py-120rpx overflow-hidden mo:py-0 mo:pb-80rpx pad:py-0 pad:pb-80rpx" ani-flash-snap=""> <div class="pc:w-1312rpx pc:mx-auto pc:flex pc:items-center pc:justify-start mo:w-328rpx mo:mx-auto pad:w-720rpx pad:mx-auto pad:flex pad:items-center pad:justify-start"> <div class="text-wrapper mo-hidden w-436rpx text-black text-opacity-95 pad:w-238rpx"> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:whitespace-nowrap pc: pad:whitespace-nowrap pad:">Flash Snapshot</p> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.02em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 pad:opacity-60 pad:">Make Time <br class="pad-only">Stand Still</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pc:mt-16rpx pad:mt-14rpx">Capture fast-moving action shots with the clarity and precision of a posed photograph. Create images filled with drama and motion, with every detail kept crystal clear.</p> </div> <div class="img-container pc:w-800rpx pc:h-516rpx pc:ml-76rpx pc:relative mo:w-328rpx mo:h-206rpx !mo:mx-auto mo:relative pad:w-458rpx pad:h-309rpx pad:ml-24rpx pad:relative"><img class="image-4 w-680rpx h-438rpx absolute rounded-12rpx z-2 top-[78rpx] left-[120rpx] mo:w-272rpx mo:h-175rpx mo:rounded-8rpx mo:top-[30.900000000000002rpx] mo:left-[55.800000000000004rpx] pad:w-407rpx pad:h-262rpx pad:rounded-8rpx pad:top-[46.8rpx] pad:left-[51rpx]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-4-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-4-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-mo4-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-pad4-1.png.avif"><img class="image-3 w-680rpx h-438rpx absolute rounded-12rpx z-2 top-[52rpx] left-[80rpx] opacity-0 mo:w-272rpx mo:h-175rpx mo:rounded-8rpx mo:top-[20.6rpx] mo:left-[37.2rpx] pad:w-407rpx pad:h-262rpx pad:rounded-8rpx pad:top-[31.2rpx] pad:left-[34rpx]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-3-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-3-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-mo3-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-pad3-1.png.avif"><img class="image-2 w-680rpx h-438rpx absolute rounded-12rpx z-2 top-[26rpx] left-[40rpx] opacity-0 mo:w-272rpx mo:h-175rpx mo:rounded-8rpx mo:top-[10.3rpx] mo:left-[18.6rpx] pad:w-407rpx pad:h-262rpx pad:rounded-8rpx pad:top-[15.6rpx] pad:left-[17rpx]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-mo2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-pad2-1.png.avif"><img class="image-1 w-680rpx h-438rpx absolute rounded-12rpx z-2 top-[0rpx] left-[0rpx] opacity-0 mo:w-272rpx mo:h-175rpx mo:rounded-8rpx mo:top-[0rpx] mo:left-[0rpx] pad:w-407rpx pad:h-262rpx pad:rounded-8rpx pad:top-[0rpx] pad:left-[0rpx]" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-mo1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-snap-pad1-1.png.avif"> </div> <div class="text-wrapper mo-only w-328rpx mt-24rpx text-black text-opacity-95"> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3]">Flash Snapshot</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:opacity-60 mo:">Make Time <br class="pad-only">Stand Still</p> <p class="mot:text-14px mot:tracking-0.07em mot:leading-[1.3] mo:mt-14rpx">Capture fast-moving action shots with the clarity and precision of a posed photograph. Create images filled with drama and motion, with every detail kept crystal clear.</p> </div> </div> </div> <div class="kvideo bg-white w-full pb-120rpx overflow-hidden mo:pb-80rpx pad:pb-80rpx"> <div class="w-1312rpx mx-auto relative mo:w-328rpx pad:w-720rpx"> <div class="4k-text-wrapper-pad mo-hidden w-1312rpx mb-24rpx flex items-center justify-start item-stretch text-black text-opacity-95 pc:justify-between pad:w-720rpx"> <div class="pc:flex-1 pc: pad:flex-1 pad:"> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3]">4k Ultra-Clear Video</p> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 pad:opacity-60">A Feast of Fab HD Footage</p> </div> <p class="pct:text-16px pct:tracking-0.03em pct:leading-[1.3] mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pc:w-507rpx pc:min-w-[400px] pc: pad:flex-1 pad:ml-16rpx">Create 4K HD videos that are bursting with clarity, colour, and defined detail. Your stories are told at a deeper, more detailed level than ever before.</p> </div> <div class="video-wrapper object-cover rounded-20rpx h-600rpx w-1312rpx mo:w-328rpx mo:h-200rpx mo:rounded-8rpx pad:w-720rpx pad:h-346rpx pad:rounded-8rpx" ani-autoplay-video="" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_1440.mp4" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_1024.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_656.flv"> <video></video> <canvas></canvas><img class="full object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_1440_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_1440_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-snapshot-4k_1024_poster-1.jpg.avif"> <div class="replay replay-button mo:mo flex items-center justify-center w-130rpx h-56rpx p-2.8rpx border-solid border-1px border-white absolute right-24rpx bottom-24rpx z-2 text-black rounded-full bg-white bg-opacity-70 cursor-pointer mo:mo mo:w-92rpx mo:h-40rpx !mo:p-2.8rpx mo:left-6rpx mo:bottom-6rpx pad:pad pad:w-83rpx pad:h-38rpx pad:px-14rpx pad:py-11rpx pad:left-12rpx pad:bottom-12rpx"><img class="btn-icon !w-20rpx !h-20rpx !relative !pad:w-16rpx !pad:h-16rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-replay-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-replay-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-replay-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-replay-1.svg"> <div class="text text-center ml-4rpx pct:text-16px pct:font-medium pct:tracking-0.02em pct:leading-[1.5] mot:text-12px mot:font-medium mot:leading-[1.33] !mo:ml-4rpx !mo:text-14px !mo:font-medium !mo:leading-[1.71] pad:ml-2rpx">Replay</div> </div> </div> <div class="hd-text-wrapper mo-only pc:w-428rpx pc:pr-40rpx pc:pt-40rpx pc:pb-48rpx pc:absolute pc:top-0 pc:right-0 pc:text-black pc:text-opacity-95 pc: mo:w-328rpx mo:mt-24rpx"> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3]">4k Ultra-Clear Video</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:opacity-60">A Feast of Fab HD Footage</p> <p class="mot:text-14px mot:tracking-0.07em mot:leading-[1.3] pc:mt-16rpx pc: mo:mt-14rpx">Create 4K HD videos that are bursting with clarity, colour, and defined detail. Your stories are told at a deeper, more detailed level than ever before.</p> </div> </div> </div> </div> <div class="relative bg-[#F6F7FA]" id="section-portrait" ani-portrait="" data-gtm-view="Part16: Portrait Mode"> <div class="content-wrapper relative pc-only h-[calc(var(--content-height)+40vh)]"> <div class="sticky w-full h-[var(--content-height)] top-[var(--nav-height)] overflow-hidden"> <div class="title-wrapper absolute top-[calc(var(--half-content-height)-97px-116rpx)] left-[calc(50vw-292px)] text-center w-584px tracking-1px"> <div class="title text-42 font-m" small-28="">Portrait Mode</div> <div class="subtitle text-42 opacity-60 font-m" small-28="">Highlight Life's High Points</div> <div class="desc w-568rpx text-16 mt-16rpx mx-auto tracking-0.5px" small-14="">Take stunning portraits of life's most beautiful and important moments. Your ultra-clear subject contrasts with a dreamy spot blurred background.</div> </div> <div class="gallery absolute -z-1 w-2024.4rpx h-1000.6500000000001rpx top-[calc(var(--half-content-height)-97px-116rpx-287rpx)] left-[calc(50vw-1050rpx)] duration-300 pad:w-full pad:h-full pad:"> <div class="img-wrapper absolute startclass w-413rpx h-274rpx left-261.45rpx top-103.95rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-241rpx h-325rpx left-1391.25rpx top-130.20000000000002rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-199rpx h-258rpx left-1756.65rpx top-262.5rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-281rpx h-356rpx left-67.2rpx top-465.15000000000003rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-246rpx h-320rpx left-478.8rpx top-633.15rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-246rpx h-320rpx left-930.3000000000001rpx top-522.9rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-5-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-5-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-5-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-5-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-386rpx h-262rpx left-1391.25rpx top-663.6rpx"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-6-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-6-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-6-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-6-1.jpg.avif"></div> </div> </div> </div> <div class="content-wrapper relative pc-hidden w-full h-470rpx mo:h-720rpx"> <div class="sticky full overflow-hidden"> <div class="title-wrapper absolute w-391px top-124rpx left-[calc(50vw-195px)] text-center mo:w-328rpx mo:top-242rpx mo:left-16px"> <div class="title text-24 font-m" small-28="">Portrait Mode</div> <div class="subtitle text-24 opacity-60 font-m" small-28="">Highlight Life's High Points</div> <div class="desc text-14 mt-16rpx mx-auto tracking-0.5px">Take stunning portraits of life's most beautiful and important moments. Your ultra-clear subject contrasts with a dreamy spot blurred background.</div> </div> <div class="gallery absolute full top-0 -z-1"> <div class="img-wrapper absolute startclass w-[273rpx] h-[181rpx] top-[-30rpx] left-[-63rpx] mo:w-[192rpx] mo:h-[127rpx] mo:top-[76rpx] mo:left-[-39rpx]"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-0-pad-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-[150rpx] h-[202rpx] top-[-30rpx] left-[579rpx] mo:w-[112rpx] mo:h-[151rpx] mo:top-[41rpx] mo:left-[264rpx]"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-1-pad-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-[150rpx] h-[195rpx] top-[326rpx] left-[52rpx] mo:w-[114rpx] mo:h-[149rpx] mo:top-[504rpx] mo:left-[-24rpx]"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-2-pad-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-[150rpx] h-[195rpx] top-[306rpx] left-[333rpx] mo:w-[100rpx] mo:h-[129rpx] mo:top-[430rpx] mo:left-[180rpx]"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-3-pad-1.jpg.avif"></div> <div class="img-wrapper absolute startclass w-[235rpx] h-[160rpx] top-[322rpx] left-[604rpx] mo:w-[180rpx] mo:h-[122rpx] mo:top-[626rpx] mo:left-[254rpx]"><img class="full" alt="Portrait Mode" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-portrait-mzl-c-4-pad-1.jpg.avif"></div> </div> </div> </div> </div> <div class="mzlc bg-[#000] -mt-1px" id="section-portrait-expert"> <div class="content-wrapper bg-white w-full py-120rpx overflow-hidden mo:py-80rpx pad:py-80rpx"> <div class="mo-hidden flex mx-auto w-1312rpx item-center justify-center items-stretch pad:w-720rpx" ani-portrait-expert=""> <div class="left-container w-640rpx flex flex-col justify-start pad:w-387rpx"> <div class="text-wrapper w-640rpx text-black text-opacity-95 pad:w-387rpx"> <p class="font-m pct:text-32rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pad:w-387rpx">Portrait Expert Engine</p> <p class="font-m pct:text-32rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 pc: pad:opacity-60">Portrait Professionals <br class="mo-only">in Your Pocket</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pc:mt-16rpx pad:w-387rpx pad:mt-14px">AI trained by pro portrait artists from around the world delivers authentic pictures that really reflect all the natural skin tones in group shots with automatic controls on exposure and white balance.</p> </div> <div class="img-wrapper w-640rpx h-424rpx mt-24rpx rounded-20rpx overflow-hidden pad:w-387rpx pad:h-267rpx pad:rounded-8rpx"><img class="w-640rpx h-504rpx rounded-20rpx pad:w-387rpx pad:h-347rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-6-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-6-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad6-1.jpg.avif"></div> </div> <div class="right-container w-444rpx pt-60rpx ml-76rpx flex flex-col justify-start pad:w-273rpx pad:pt-80px pad:ml-60rpx"> <div class="content-wrapper w-full"> <div class="img-wrapper w-444rpx h-580rpx rounded-20rpx overflow-hidden pad:w-273rpx pad:h-322rpx pad:rounded-8rpx"><img class="w-444rpx h-660rpx rounded-20rpx pad:w-273rpx pad:h-402rpx pad:rounded-8rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-7-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-7-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad7-1.jpg.avif"></div> <div class="text-wrapper w-444rpx mt-24rpx text-black text-opacity-95 pad:w-273rpx"> <p class="font-m pct:text-32rpx pct:font-medium pct:tracking-0.03em pct:leading-[1.3] mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:whitespace-nowrap">AI Portrait Retouching</p> <p class="font-m pct:text-32rpx pct:font-medium pct:tracking-0.03em pct:leading-[1.3] mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] pc:opacity-70 pad:opacity-60">Let Natural Beauty Shine</p> <p class="pct:text-16px pct:tracking-0.06em pct:leading-[1.3] mot:text-14px mot:tracking-0.04em mot:leading-[1.3] pc:mt-16rpx pc: pad:mt-14px">Our latest AI Portrait Retouching Algorithm applies the deftest touch to your images, gently enhancing natural beauty and dialling down imperfections, leaving your authentic self as the star.</p> </div> </div> </div> </div> <div class="mo-only w-328rpx mx-auto"> <div class="content-wrapper-top w-328rpx"> <div class="text-wrapper w-262rpx text-black text-opacity-95"> <p class="font-m mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:">Portrait Expert Engine</p> <p class="font-m mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:opacity-60 mo:">Portrait Professionals <br class="mo-only">in Your Pocket</p> <p class="mot:text-14px mot:tracking-0.07em mot:leading-[1.3] mo:mt-14px mo:">AI trained by pro portrait artists from around the world delivers authentic pictures that really reflect all the natural skin tones in group shots with automatic controls on exposure and white balance.</p> </div> <div class="rounded-8rpx overflow-hidden relative w-262rpx h-203rpx mt-24px"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-30" data-set-end="0"><img class="tran-img w-full rounded-8rpx h-283rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-6-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-6-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo6-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad6-1.jpg.avif"></div> </div> </div> <div class="content-wrapper-down w-328rpx mt-64rpx ml-70rpx"> <div class="rounded-8rpx overflow-hidden relative w-258rpx h-322rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-24" data-set-end="6"><img class="tran-img w-full rounded-8rpx h-400rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-7-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-7-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-mo-mo7-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-snapshot-pad-pad7-1.jpg.avif"></div> </div> <div class="text-wrapper w-258rpx mt-24px text-black text-opacity-95"> <p class="font-m mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:">AI Portrait Retouching</p> <p class="font-m mot:text-20px mot:font-medium mot:tracking-0.01em mot:leading-[1.3] mo:opacity-60 mo:">Let Natural Beauty Shine</p> <p class="mot:text-14px mot:tracking-0.07em mot:leading-[1.3] mo:mt-14px mo:">Our latest AI Portrait Retouching Algorithm applies the deftest touch to your images, gently enhancing natural beauty and dialling down imperfections, leaving your authentic self as the star.</p> </div> </div> </div> </div> </div> <div class="bg-white -mt-5px w-full pb-120rpx relative mo:pb-80rpx pad:pb-80rpx" id="section-ai-removal" ani-section-transition="" next-section="#section-performance" data-trans-bg="transparent"> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-ai-removal"></div> <div class="flex mx-auto w-1312rpx items-center justify-start overflow-hidden mo:w-328rpx mo:block pad:w-720rpx"> <div class="text-wrapper mo-only w-328rpx h-184rpx"> <div class="w-full text-black text-opacity-95"> <p class="mot:text-24rpx mot:font-medium mot:tracking-0.02em mot:leading-[1.3]">AI Eraser</p> <p class="opacity-60 mot:text-24rpx mot:font-medium mot:tracking-0.02em mot:leading-[1.3]">Circle it, Erase it!</p> <p class="mot:text-14rpx mot:tracking-0.01em mot:leading-[1.4] mo:mt-14px">Caught a passer-by in your pic? Got clutter in your composition? Draw a circle around the objects you’d like to clean up and the AI will identify and eliminate the part you don’t want and generate natural looking content to fill the space.</p> </div> </div> <div class="video-container w-738rpx h-600rpx relative bg-[#f6f6f6] rounded-20rpx flex items-center justify-center mo:w-328rpx mo:h-328rpx mo:rounded-8rpx mo:mt-24rpx pad:w-390rpx pad:h-392rpx pad:rounded-8rpx"> <div class="container w-244rpx h-524rpx relative overflow-hidden mo:w-130rpx mo:h-280rpx pad:w-160rpx pad:h-344rpx"><img class="ui-border abs-0 w-244rpx h-524rpx mo:w-130rpx mo:h-280rpx pad:w-160rpx pad:h-344rpx" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ai-ui-border-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ai-ui-border-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ai-ui-border-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-ai-ui-border-pad-1.png.avif"> <div class="video-wrapper object-cover rounded-19.7rpx h-500.4rpx top-9rpx left-9.2rpx w-223.7rpx absolute mo:w-119.2rpx mo:h-267.4rpx mo:top-4.94rpx mo:left-4.34rpx mo:rounded-10.5rpx pad:w-146.7rpx pad:h-328.5rpx pad:top-6rpx pad:left-5.3rpx pad:rounded-12.96rpx" ani-autoplay-video="" loop="true" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_1440.flv" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_1024.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_656.flv"> <video></video> <canvas></canvas><img class="full object-cover" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_1440_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_1440_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-ai-ai_removal_1024_poster-1.jpg.avif"> </div> </div> </div> <div class="text-wrapper mo-hidden w-574rpx h-600rpx flex items-center justify-end pad:w-330rpx pad:h-392rpx"> <div class="w-510rpx text-black text-opacity-95 pad:w-310rpx"> <p class="pct:text-42rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-24rpx mot:font-medium mot:tracking-0.02em mot:leading-[1.3]">AI Eraser</p> <p class="opacity-60 pct:text-42rpx pct:font-medium pct:tracking-0.01em pct:leading-[1.3] mot:text-24rpx mot:font-medium mot:tracking-0.02em mot:leading-[1.3]">Circle it, Erase it!</p> <p class="pct:text-16rpx pct:tracking-0.03em pct:leading-[1.3] mot:text-14rpx mot:tracking-0.01em mot:leading-[1.4] pc:mt-16rpx pad:mt-12px">Caught a passer-by in your pic? Got clutter in your composition? Draw a circle around the objects you’d like to clean up and the AI will identify and eliminate the part you don’t want and generate natural looking content to fill the space.</p> </div> </div> </div> </div> <div class="w-screen bg-[#000] z-3 relative" id="section-performance-mzl" ani-performance=""> <div class="pc-only sticky-wrapper h-[calc(var(--content-height)+150vh)] text-white w-100vw relative"> <div class="absolute w-full h-0vh top-10vh" data-gtm-view=""></div> <div class="absolute w-full h-0vh top-[calc(var(--content-height)+10vh)]" data-gtm-view=""></div> <div class="absolute w-full h-0vh top-[calc(var(--content-height)+100vh)]" data-gtm-view=""></div> <div class="sticky w-full h-[var(--content-height)] top-[var(--nav-height)] overflow-hidden"> <div class="wrapper w-full h-full relative"> <div class="title-box absolute left-1/2 transform -translate-x-1/2 top-[23.94%] z-10"> <div class="title relative font-68 font-m transfrom duration-100"> <div class="opacity-35 tracking-[1.5px] mo:text-center" small-32="">Stand Out in</div> <div small-32="" class="">Performance</div> </div> </div> <div class="phone-box transform absolute z-0 w-918rpx h-1058rpx top-1/2 -translate-y-1/2 left-[calc(50vw-100rpx)]" l-screen=""> <div class="wrap w-full h-full"> <div class="img-wrap w-full h-full relative"> <div class="img-box absolute z-0 top-0 left-0 w-full h-full phone1 opacity-0"><img class="w-full h-full" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone1-in-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone1-in-d7111.png.avif"></div> <div class="img-box absolute z-0 top-0 left-0 w-full h-full phone2 opacity-0"><img class="w-full h-full" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone2-in-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone2-in-d7111.png.avif"></div> <div class="img-box absolute z-0 top-0 left-0 w-full h-full phone3 opacity-0"><img class="w-full h-full" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone3-in-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone3-in-d7111.png.avif"></div> <div class="img-box absolute z-0 top-0 left-0 w-full h-full phone4 opacity-0"><img class="w-full h-full" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone4-in-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone4-in-d7111.png.avif"></div> <div class="img-box absolute z-0 top-0 left-0 w-full h-full phone5 opacity-0"><img class="w-full h-full" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone5-in-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-phone5-in-d7111.png.avif"></div> </div> </div> </div><img class="full z-0 light-box-bur w-1788rpx h-1172rpx left-0 origin-top-left top-0 opacity-0'} filter drop-shadow-white" src="//image.oppo.com/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-bur-light-1.png.avif" data-no-lazy-load=""> <div class="content-wrapper content-wrapper1 absolute z-0 top-1/2 transform -translate-y-[52%] left-[calc(50vw-616rpx)]"> <div class="content-box w-503rpx opacity-0 z-3"> <div class="set-dis w-518rpx"> <div class="t font-42 font-24m font-m mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod1-t"><p class="zn-text-inner" zn-text-inner="">67W SUPERVOOC<sub>TM</sub><br class='pc-hidden'/> Flash Charge and<br class='pad-only'/> 5000mAh Large Battery<sup>7<sup></p></div> <div class="d font-m font-42 font-24m opacity-60 mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod1-d"><p class="zn-text-inner" zn-text-inner="">Bye, Bye Battery Anxiety</p></div> <div class="c font-16 font-14m pad:mt-12rpx pad:mb-20rpx mo:mt-14rpx pc:pt-16rpx pc:pb-22rpx mot:tracking-[0.5px] w-470rpx" small-14="" zn-text="" textKey="performance-mod1-c"><p class="zn-text-inner" zn-text-inner="">Super speedy, safe charging? Check! Big, powerful battery? You got it. Long lasting battery for 4 years of box fresh performance? Absolutely.</p></div> </div> <div class="flex"> <div class="icon mo:w-138px"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-30rpx mo:h-30rpx pad:h-36rpx pad:w-36rpx pad:max-w-36px pad:max-h-36px"> <div class="sub font-m mt-6rpx font-18 mot:text-18px mot:leading-[1.2] mot:tracking-[0.5px]" zn-text="" textKey="performance-mod1-s1"><p class="zn-text-inner" zn-text-inner="">48 Mins Charge <br/>Up to 100%<sup>8</sup></p></div> </div> <div class="icon mo:w-145px pc:ml-55rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-30rpx mo:h-30rpx pad:h-36rpx pad:w-36rpx pad:max-w-36px pad:max-h-36px"> <div class="sub font-m mt-6rpx font-18 mot:text-18px mot:leading-[1.2] mot:tracking-[0.5px]" zn-text="" textKey="performance-mod1-s2"><p class="zn-text-inner" zn-text-inner="">4 Years<br/> Durable Battery<sup>9</sup></p></div> </div> </div> </div> </div> <div class="content-wrapper content-wrapper2 absolute z-0 top-1/2 transform -translate-y-[52%] left-[calc(50vw-616rpx)]"> <div class="content-box w-503rpx opacity-0 z-3"> <div class="set-dis w-574rpx"> <div class="t font-42 font-24m font-m mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod2-t"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 7050 and 256GB Big ROM</p></div> <div class="d font-m font-42 font-24m opacity-60 mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod2-d"><p class="zn-text-inner" zn-text-inner="">Next Dimension Performance</p></div> <div class="c font-16 font-14m pad:mt-12rpx pad:mb-20rpx mo:mt-14rpx pc:pt-16rpx pc:pb-22rpx mot:tracking-[0.5px] w-504rpx" small-14="" zn-text="" textKey="performance-mod2-c"><p class="zn-text-inner" zn-text-inner="">Fluent, energy efficient, and 5G ready, this high-performance platform with 6nm processing, along with massive RAM and <span class='set-white-space'>ROM<sup>10</sup></span>, has it all. It's time to cash in your old chips and claim the premium-level performance you deserve, while enjoying seamless multitasking and ample storage for all your content.</p></div> </div> <div class="flex"> <div class="icon mo:w-164rpx pad:w-129rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s1"><p class="zn-text-inner" zn-text-inner="">256GB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s1-c"><p class="zn-text-inner" zn-text-inner="">ROM</p></div> </div> <div class="icon mo:w-164rpx pad:w-128rpx pc:ml-55rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s2"><p class="zn-text-inner" zn-text-inner="">Up to 8GB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s2-c"><p class="zn-text-inner" zn-text-inner="">RAM <span class='set-white-space'>Expansion<sup>11</sup></span></p></div> </div> <div class="icon mo:w-full mo:mt-24rpx pad:w-93rpx pc:ml-55rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s3"><p class="zn-text-inner" zn-text-inner="">Up to 2TB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s3-c"><p class="zn-text-inner" zn-text-inner="">Extra <span class='set-white-space'>Storage<sup>12</sup></span></p></div> </div> </div> </div> </div> </div> </div> </div> <div class="pc-hidden performance-wrap w-full"> <div class="title w-full flex flex-col justify-center items-center text-40px leading-[1.1] font-m text-[#fff] py-80rpx" data-gtm-view=""> <div class="opacity-35 tracking-[1.5px] mo:text-center" small-32="">Stand Out in</div> <div small-32="" class="">Performance</div> </div> <div class="w-720rpx mo:w-328rpx mx-auto pad:mb-80rpx pad:flex pad:justify-between" ani-wheel-fade-in="" data-gtm-view=""> <div class="rounded-8rpx overflow-hidden relative w-350rpx mo:w-full mo:h-280rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-26" data-set-end="10"><img class="tran-img w-full h-[126%] object-cover" alt="" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-eu-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-eu-1-pad-1.jpg.avif"></div> </div> <div class="con pad:w-350rpx text-[#fff] mo:pt-24rpx mo:pb-80rpx pad:pt-44rpx pad:pb-33rpx"> <div> <div class="t font-42 font-24m font-m mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod1-t"><p class="zn-text-inner" zn-text-inner="">67W SUPERVOOC<sub>TM</sub><br class='pc-hidden'/> Flash Charge and<br class='pad-only'/> 5000mAh Large Battery<sup>7<sup></p></div> <div class="d font-m font-42 font-24m opacity-60 mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod1-d"><p class="zn-text-inner" zn-text-inner="">Bye, Bye Battery Anxiety</p></div> <div class="c font-16 font-14m pad:mt-12rpx pad:mb-20rpx mo:mt-14rpx pc:pt-16rpx pc:pb-22rpx mot:tracking-[0.5px]" small-14="" zn-text="" textKey="performance-mod1-c"><p class="zn-text-inner" zn-text-inner="">Super speedy, safe charging? Check! Big, powerful battery? You got it. Long lasting battery for 4 years of box fresh performance? Absolutely.</p></div> </div> <div class="flex pad:justify-between pad:max-w-350px mo:mt-14rpx mo:justify-between"> <div class="icon mo:w-138px"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-1-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-30rpx mo:h-30rpx pad:h-36rpx pad:w-36rpx pad:max-w-36px pad:max-h-36px"> <div class="sub font-m mt-6rpx font-18 mot:text-18px mot:leading-[1.2] mot:tracking-[0.5px]" zn-text="" textKey="performance-mod1-s1"><p class="zn-text-inner" zn-text-inner="">48 Mins Charge <br/>Up to 100%<sup>8</sup></p></div> </div> <div class="icon mo:w-145px"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-performance-icons-m1-2-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-30rpx mo:h-30rpx pad:h-36rpx pad:w-36rpx pad:max-w-36px pad:max-h-36px"> <div class="sub font-m mt-6rpx font-18 mot:text-18px mot:leading-[1.2] mot:tracking-[0.5px]" zn-text="" textKey="performance-mod1-s2"><p class="zn-text-inner" zn-text-inner="">4 Years<br/> Durable Battery<sup>9</sup></p></div> </div> </div> </div> </div> <div class="w-720rpx mo:w-328rpx mx-auto pad:flex-row-reverse pad:mb-64rpx pad:flex pad:justify-between" ani-wheel-fade-in="" data-gtm-view=""> <div class="rounded-8rpx overflow-hidden relative w-350rpx mo:w-full mo:h-280rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-26" data-set-end="6"><img class="tran-img w-full h-[126%] object-cover" alt="" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-eu-2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-perf-eu-2-pad-1.jpg.avif"></div> </div> <div class="con pad:w-350rpx text-[#fff] mo:pt-24rpx mo:pb-80rpx pad:py-18rpx"> <div> <div class="t font-42 font-24m font-m mot:tracking-[0.12px] pad:w-289rpx" small-28="" small-28-1="" zn-text="" textKey="performance-mod2-t"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 7050 and 256GB Big ROM</p></div> <div class="d font-m font-42 font-24m opacity-60 mot:tracking-[0.12px]" small-28="" small-28-1="" zn-text="" textKey="performance-mod2-d"><p class="zn-text-inner" zn-text-inner="">Next Dimension Performance</p></div> <div class="c font-16 font-14m pad:mt-12rpx pad:mb-20rpx mo:mt-14rpx pc:pt-16rpx pc:pb-22rpx mot:tracking-[0.5px]" small-14="" zn-text="" textKey="performance-mod2-c"><p class="zn-text-inner" zn-text-inner="">Fluent, energy efficient, and 5G ready, this high-performance platform with 6nm processing, along with massive RAM and <span class='set-white-space'>ROM<sup>10</sup></span>, has it all. It's time to cash in your old chips and claim the premium-level performance you deserve, while enjoying seamless multitasking and ample storage for all your content.</p></div> </div> <div class="flex pad:justify-between mo:flex-wrap mo:mt-24rpx"> <div class="icon mo:w-164rpx pad:w-106rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-1-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s1"><p class="zn-text-inner" zn-text-inner="">256GB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s1-c"><p class="zn-text-inner" zn-text-inner="">ROM</p></div> </div> <div class="icon mo:w-164rpx pad:w-123rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-2-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s2"><p class="zn-text-inner" zn-text-inner="">Up to 8GB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s2-c"><p class="zn-text-inner" zn-text-inner="">RAM <span class='set-white-space'>Expansion<sup>11</sup></span></p></div> </div> <div class="icon mo:w-full mo:mt-24rpx pad:w-104rpx"><img data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-svg-m2-3-1.svg" class="pc:w-42rpx pc:h-42rpx mo:w-32rpx mo:h-32rpx pad:w-32rpx pad:h-32rpx pad:max-w-32px pad:max-h-32px"> <div class="sub font-22 font-m mt-10rpx mb-6rpx mot:text-18px mot:leading-[1] mot:mt-6rpx" zn-text="" textKey="performance-mod2-s3"><p class="zn-text-inner" zn-text-inner="">Up to 2TB</p></div> <div class="d font-18 opacity-70 font-m mot:text-14px mot:leading-[1.2] mot:tracking-[0.14px]" zn-text="" textKey="performance-mod2-s3-c"><p class="zn-text-inner" zn-text-inner="">Extra <span class='set-white-space'>Storage<sup>12</sup></span></p></div> </div> </div> </div> </div> </div> </div> <div class="w-screen z-3 relative pc:-mt-30vh" id="section-mzl-func" ani-func-mzl-com=""> <div class="container w-full" ani-section-transition="" next-section="#section-color"> <div class="first w-full mot:bg-[#F6F7FA] pc:bg-[#000]" data-gtm-view=""> <div class="mx-auto overflow-hidden pc:w-full mo:py-80rpx mo:w-328rpx pad:w-720rpx pad:pt-80rpx"> <div class="mo-hidden setOther w-full relative overflow-hidden pad:rounded-8rpx flex pc:pt-100rpx pc:pr-[calc(50vw-656rpx)] pc:pb-76rpx pc: pc:justify-end pad:p-20rpx pad:pt-26rpx"> <div class="absolute w-full h-full top-0 left-0 pc:bg-[#000]"> <div class="video-box h-full w-full relative overflow-hidden" ani-clikPlay=""> <div class="video-wrapper w-full h-full relative" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv"> <video></video> <canvas></canvas><img data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" class=""> </div> <div class="replay-box absolute z-3 rounded-full cursor-pointer pc:w-40px pc:h-40px pc:bottom-76rpx pc:left-[calc(50vw-656rpx)] mo:w-28px mo:h-28px mo:bottom-16rpx mo:right-16rpx pad:bottom-20rpx pad:right-20rpx pad:w-32rpx pad:h-32rpx"><img class="replay-btn w-full h-full" data-gtm-click=" Trinity Engine" data-gtm-label="Replay" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif"></div> </div> </div> <div class="setText relative z-3 text-[#fff] inline-block"> <div class="item tracking-[0.5px] pc:w-507rpx pad:w-311rpx"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m0-t"><p class="zn-text-inner" zn-text-inner="">Trinity Engine</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m0-d"><p class="zn-text-inner" zn-text-inner="">Fresh and Fast for Longer</p></div> </div> <div class="c font-16 font-14m pc:w-426rpx pad:w-317rpx pc:mt-16rpx pad:mt-12rpx" small-14="" zn-text="" textKey="function-m0-c"><p class="zn-text-inner" zn-text-inner="">System level smarts keep your phone feeling "like new" for four years, whilst intelligent memory tech compresses data and sends resources where they're needed most, keeping more apps alive.</p></div> </div> <div class="fresh-wrap-first mt-280rpx pad:mt-92rpx inline-block flex pad:mt-92rpx"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx !pc:p-20rpx pad:p-12rpx bg-[#484540]"> <div class="pad:w-85px"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st1"><p class="zn-text-inner" zn-text-inner="">48-Month</p></div> <div class="d font-14 font-m opacity-60 mt-14rpx pad:mt-10rpx !pad:text-12px !pad:leading-[1.2] mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd1"><p class="zn-text-inner" zn-text-inner="">Fluency<br class='mo-only'/> <span class='set-white-space'>Protection<sup>13</sup></span></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx !pc:p-20rpx pad:p-12rpx bg-[#484540] ml-8rpx"> <div class="pad:w-98px"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st2"><p class="zn-text-inner" zn-text-inner="">Up to 23GB</p></div> <div class="d font-14 font-m opacity-60 mt-14rpx pad:mt-10rpx !pad:text-12px !pad:leading-[1.2] mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd2"><p class="zn-text-inner" zn-text-inner="">Saved on 256GB <span class='set-white-space'>Version<sup>14</sup></span></p></div> </div> </div> <div class="need-hidden card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx !pc:p-20rpx pad:p-12rpx bg-[#484540] ml-8rpx"> <div class="pad:w-91px"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st3"><p class="zn-text-inner" zn-text-inner="">Up to 11GB</p></div> <div class="d font-14 font-m opacity-60 mt-14rpx pad:mt-10rpx !pad:text-12px !pad:leading-[1.2] mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd3"><p class="zn-text-inner" zn-text-inner="">Saved on 128GB <span class='set-white-space'>Version<sup>14</sup></span></p></div> </div> </div> </div> </div> </div> <div class="mo-only rounded-8rpx w-full overflow-hidden" ani-wheel-fade-in=""> <div class="item tracking-[0.5px] mb-24rpx"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m0-t"><p class="zn-text-inner" zn-text-inner="">Trinity Engine</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m0-d"><p class="zn-text-inner" zn-text-inner="">Fresh and Fast for Longer</p></div> </div> <div class="c font-16 font-14m w-full mt-14rpx" small-14="" zn-text="" textKey="function-m0-c"><p class="zn-text-inner" zn-text-inner="">System level smarts keep your phone feeling "like new" for four years, whilst intelligent memory tech compresses data and sends resources where they're needed most, keeping more apps alive.</p></div> </div> <div class="video-box h-full w-full relative overflow-hidden rounded-8rpx h-200rpx w-328rpx" ani-clikPlay=""> <div class="video-wrapper w-full h-full relative" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1.flv"> <video></video> <canvas></canvas><img data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-1-1.jpg.avif" class=""> </div> <div class="replay-box absolute z-3 rounded-full cursor-pointer pc:w-40px pc:h-40px pc:bottom-76rpx pc:left-[calc(50vw-656rpx)] mo:w-28px mo:h-28px mo:bottom-16rpx mo:right-16rpx pad:bottom-20rpx pad:right-20rpx pad:w-32rpx pad:h-32rpx"><img class="replay-btn w-full h-full" data-gtm-click=" Trinity Engine" data-gtm-label="Replay" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mal-fun-replay-1.png.avif"></div> </div> <div class="fresh-wrap mt-8rpx flex flex-wrap justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx px-12rpx py-14rpx bg-[#EFEDE9]"> <div class="w-136rpx"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st1"><p class="zn-text-inner" zn-text-inner="">48-Month</p></div> <div class="d font-14 font-m opacity-60 mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd1"><p class="zn-text-inner" zn-text-inner="">Fluency<br class='mo-only'/> <span class='set-white-space'>Protection<sup>13</sup></span></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx px-12rpx py-14rpx bg-[#EFEDE9]"> <div class="w-136rpx"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st2"><p class="zn-text-inner" zn-text-inner="">Up to 23GB</p></div> <div class="d font-14 font-m opacity-60 mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd2"><p class="zn-text-inner" zn-text-inner="">Saved on 256GB <span class='set-white-space'>Version<sup>14</sup></span></p></div> </div> </div> <div class="need-hidden card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx px-12rpx py-14rpx bg-[#EFEDE9] mt-8rpx"> <div class="w-304rpx"> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m0-st3"><p class="zn-text-inner" zn-text-inner="">Up to 11GB</p></div> <div class="d font-14 font-m opacity-60 mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m0-sd3"><p class="zn-text-inner" zn-text-inner="">Saved on 128GB <span class='set-white-space'>Version<sup>14</sup></span></p></div> </div> </div> </div> </div> </div> </div> <div class="second w-full bg-[#F6F7FA]"> <div class="w-1312rpx pad:w-720rpx mo:w-328rpx mx-auto pad:py-80rpx pc:py-80rpx mo:pb-64rpx" data-gtm-view=""> <div class="pc-only w-full relative p-16rpx rounded-8rpx overflow-hidden flex justify-between bg-[#fff] mo:flex-col" ani-wheel-fade-in=""> <div class="rounded-8rpx overflow-hidden relative pc:w-632rpx pad:w-350rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-pad-1.jpg.avif"></div> </div> <div class="w-632rpx px-10rpx py-20rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m1-t"><p class="zn-text-inner" zn-text-inner="">Clear Voice</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m1-d"><p class="zn-text-inner" zn-text-inner="">Background Noise Begone!</p></div> </div> <div class="c font-16 font-14m pc:mt-16rpx" small-14="" zn-text="" textKey="function-m1-c"><p class="zn-text-inner" zn-text-inner="">Clear Voice dials out the sounds of your environment, using advanced noise cancelling technology so your voice is heard clearly at the other end.</p></div> </div> <div class="card-wrapper flex mo:mt-8rpx pc:mt-118rpx pad:mt-105rpx mo:flex mo:flex-wrap mo:justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st1"><p class="zn-text-inner" zn-text-inner="">Up to 40dB</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd1"><p class="zn-text-inner" zn-text-inner="">Noise <span class='set-white-space'>Cancellation<sup>15</sup></span></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st2"><p class="zn-text-inner" zn-text-inner="">Up to 40%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd2"><p class="zn-text-inner" zn-text-inner="">Voice <span class='set-white-space'>Clarity<sup>15</sup></span></p></div> </div> </div> </div> </div> </div> <div class="mo-only w-full relative overflow-hidden pb-80rpx" ani-wheel-fade-in=""> <div class="item tracking-[0.5px] mb-24rpx"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m1-t"><p class="zn-text-inner" zn-text-inner="">Clear Voice</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m1-d"><p class="zn-text-inner" zn-text-inner="">Background Noise Begone!</p></div> </div> <div class="c font-16 font-14m w-full mt-14rpx" small-14="" zn-text="" textKey="function-m1-c"><p class="zn-text-inner" zn-text-inner="">Clear Voice dials out the sounds of your environment, using advanced noise cancelling technology so your voice is heard clearly at the other end.</p></div> </div> <div class="rounded-8rpx overflow-hidden relative h-220rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-pad-1.jpg.avif"></div> </div> <div class="card-wrapper flex mo:mt-8rpx pc:mt-118rpx pad:mt-105rpx mo:flex mo:flex-wrap mo:justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st1"><p class="zn-text-inner" zn-text-inner="">Up to 40dB</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd1"><p class="zn-text-inner" zn-text-inner="">Noise <span class='set-white-space'>Cancellation<sup>15</sup></span></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st2"><p class="zn-text-inner" zn-text-inner="">Up to 40%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd2"><p class="zn-text-inner" zn-text-inner="">Voice <span class='set-white-space'>Clarity<sup>15</sup></span></p></div> </div> </div> </div> </div> <div class="pad-only"> <div class="w-full relative p-16rpx rounded-8rpx overflow-hidden flex justify-between bg-[#fff]" ani-wheel-fade-in=""> <div class="rounded-8rpx overflow-hidden relative pc:w-632rpx pad:w-350rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-1-pad-1.jpg.avif"></div> </div> <div class="pad:w-318rpx pad:py-8rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m1-t"><p class="zn-text-inner" zn-text-inner="">Clear Voice</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m1-d"><p class="zn-text-inner" zn-text-inner="">Background Noise Begone!</p></div> </div> <div class="c font-16 font-14m mt-12rpx" small-14="" zn-text="" textKey="function-m1-c"><p class="zn-text-inner" zn-text-inner="">Clear Voice dials out the sounds of your environment, using advanced noise cancelling technology so your voice is heard clearly at the other end.</p></div> </div> <div class="card-wrapper flex mo:mt-8rpx pc:mt-118rpx pad:mt-105rpx mo:flex mo:flex-wrap mo:justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st1"><p class="zn-text-inner" zn-text-inner="">Up to 40dB</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd1"><p class="zn-text-inner" zn-text-inner="">Noise <span class='set-white-space'>Cancellation<sup>15</sup></span></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] w-[calc(134px+36rpx)] pad:w-154rpx mo:w-160rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m1-st2"><p class="zn-text-inner" zn-text-inner="">Up to 40%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m1-sd2"><p class="zn-text-inner" zn-text-inner="">Voice <span class='set-white-space'>Clarity<sup>15</sup></span></p></div> </div> </div> </div> </div> </div> </div> <div class="pc-only w-full relative p-16rpx rounded-8rpx overflow-hidden flex justify-between bg-[#fff] flex-row-reverse my-10rpx mo:flex-col" ani-wheel-fade-in=""> <div class="rounded-8rpx overflow-hidden relative pc:w-632rpx pad:w-350rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-pad-1.jpg.avif"></div> </div> <div class="w-632rpx px-10rpx py-20rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m2-t"><p class="zn-text-inner" zn-text-inner="">LinkBoost</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m2-d"><p class="zn-text-inner" zn-text-inner="">Create a Stronger Connection</p></div> </div> <div class="c font-16 font-14m pc:mt-16rpx" small-14="" zn-text="" textKey="function-m2-c"><p class="zn-text-inner" zn-text-inner="">Signal hanging by a thread on the subway? Our antenna power enhancement technology and AI network selection technology can create a stronger connection and restore the signal faster after disconnection.</p></div> </div> <div class="card-wrapper flex mo:mt-8rpx pc:mt-80rpx mo:flex mo:flex-wrap mo:justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-199rpx mo:w-160rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st1"><p class="zn-text-inner" zn-text-inner="">360-Degree</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd1"><p class="zn-text-inner" zn-text-inner="">Surrounding <br class='pc-only'/> Antenna Design</p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-199rpx mo:w-160rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st2"><p class="zn-text-inner" zn-text-inner="">Up to 100%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd2"><p class="zn-text-inner" zn-text-inner="">Signal Transmission<br class='pc-only'/> Power<sup>16</sup></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-198rpx mo:w-full mot:mt-8rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st3"><p class="zn-text-inner" zn-text-inner="">Up to 58.5%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd3"><p class="zn-text-inner" zn-text-inner="">Signal Reception<br class='pc-only'/> Ability<sup>16</sup></p></div> </div> </div> </div> </div> </div> <div class="mo-only w-full relative overflow-hidden pb-80rpx" ani-wheel-fade-in=""> <div class="item tracking-[0.5px] mb-24rpx"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m2-t"><p class="zn-text-inner" zn-text-inner="">LinkBoost</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m2-d"><p class="zn-text-inner" zn-text-inner="">Create a Stronger Connection</p></div> </div> <div class="c font-16 font-14m w-full mt-14rpx" small-14="" zn-text="" textKey="function-m2-c"><p class="zn-text-inner" zn-text-inner="">Signal hanging by a thread on the subway? Our antenna power enhancement technology and AI network selection technology can create a stronger connection and restore the signal faster after disconnection.</p></div> </div> <div class="rounded-8rpx overflow-hidden relative h-220rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-pad-1.jpg.avif"></div> </div> <div class="card-wrapper flex mo:mt-8rpx pc:mt-80rpx mo:flex mo:flex-wrap mo:justify-between"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-199rpx mo:w-160rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st1"><p class="zn-text-inner" zn-text-inner="">360-Degree</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd1"><p class="zn-text-inner" zn-text-inner="">Surrounding <br class='pc-only'/> Antenna Design</p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-199rpx mo:w-160rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st2"><p class="zn-text-inner" zn-text-inner="">Up to 100%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd2"><p class="zn-text-inner" zn-text-inner="">Signal Transmission<br class='pc-only'/> Power<sup>16</sup></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mo:bg-[#EFEDE9] pc:w-198rpx mo:w-full mot:mt-8rpx pc:ml-8rpx pad:ml-10rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st3"><p class="zn-text-inner" zn-text-inner="">Up to 58.5%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd3"><p class="zn-text-inner" zn-text-inner="">Signal Reception<br class='pc-only'/> Ability<sup>16</sup></p></div> </div> </div> </div> </div> <div class="pad-only"> <div class="w-full relative p-16rpx rounded-8rpx overflow-hidden bg-[#fff] my-10rpx" ani-wheel-fade-in=""> <div class="w-full pad:py-8rpx pad:px-10rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m2-t"><p class="zn-text-inner" zn-text-inner="">LinkBoost</p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m2-d"><p class="zn-text-inner" zn-text-inner="">Create a Stronger Connection</p></div> </div> <div class="c font-16 font-14m mt-12rpx" small-14="" zn-text="" textKey="function-m2-c"><p class="zn-text-inner" zn-text-inner="">Signal hanging by a thread on the subway? Our antenna power enhancement technology and AI network selection technology can create a stronger connection and restore the signal faster after disconnection.</p></div> </div> </div> <div class="w-full relative overflow-hidden mt-24rpx"> <div class="rounded-8rpx overflow-hidden relative !absolute w-full h-full top-0 left-0"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-2-pad-1.jpg.avif"></div> </div> <div class="py-24rpx w-[calc(187px+40rpx)] relative z-7 pl-12rpx"> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0]"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st1"><p class="zn-text-inner" zn-text-inner="">360-Degree</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd1"><p class="zn-text-inner" zn-text-inner="">Surrounding <br class='pc-only'/> Antenna Design</p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mt-6rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st2"><p class="zn-text-inner" zn-text-inner="">Up to 100%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd2"><p class="zn-text-inner" zn-text-inner="">Signal Transmission<br class='pc-only'/> Power<sup>16</sup></p></div> </div> </div> <div class="card p-18rpx mot:px-12rpx rounded-8rpx mot:rounded-4rpx bg-[#F5F4F0] mt-6rpx"> <div> <div class="t font-22 font-m mot:text-16px mot:leading-[1.2]" zn-text="" textKey="function-m2-st3"><p class="zn-text-inner" zn-text-inner="">Up to 58.5%↑</p></div> <div class="d font-14 font-m opacity-60 mt-20rpx pad:mt-8rpx mo:mt-24rpx mot:text-14px mot:leading-[1.2]" zn-text="" textKey="function-m2-sd3"><p class="zn-text-inner" zn-text-inner="">Signal Reception<br class='pc-only'/> Ability<sup>16</sup></p></div> </div> </div> </div> </div> </div> </div> <div class="pc-only w-full relative p-16rpx rounded-8rpx overflow-hidden flex justify-between bg-[#fff] mo:flex-col" ani-wheel-fade-in=""> <div class="rounded-8rpx overflow-hidden relative pc:w-632rpx pad:w-350rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] set-scale object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-pad-1.jpg.avif"></div> </div> <div class="w-632rpx px-10rpx py-20rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m3-t"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode<sup>17</sup></p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m3-d"><p class="zn-text-inner" zn-text-inner="">Turn It Up and Tune In</p></div> </div> <div class="c font-16 font-14m pc:mt-263rpx" small-14="" zn-text="" textKey="function-m3-c"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode gives you up to 300% extra on your incoming ringtones so you don't miss calls, and brings the noise on music and video to amp up your enjoyment.</p></div> </div> </div> </div> <div class="mo-only w-full relative overflow-hidden" ani-wheel-fade-in=""> <div class="item tracking-[0.5px] mb-24rpx"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m3-t"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode<sup>17</sup></p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m3-d"><p class="zn-text-inner" zn-text-inner="">Turn It Up and Tune In</p></div> </div> <div class="c font-16 font-14m w-full mt-14rpx" small-14="" zn-text="" textKey="function-m3-c"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode gives you up to 300% extra on your incoming ringtones so you don't miss calls, and brings the noise on music and video to amp up your enjoyment.</p></div> </div> <div class="rounded-8rpx overflow-hidden relative h-220rpx"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] set-scale object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-pad-1.jpg.avif"></div> </div> </div> <div class="pad-only"> <div class="w-full relative p-16rpx rounded-8rpx overflow-hidden flex justify-between bg-[#fff] flex-row-reverse" ani-wheel-fade-in=""> <div class="rounded-8rpx overflow-hidden relative pc:w-632rpx pad:w-350rpx pad:bg-[#F6F6F6]"> <div class="img-wrap w-full h-full overflow-hidden absolute top-0 left-0" ani-img-trans="" data-set-start="-20" data-set-end="0"><img class="tran-img w-full h-[120%] set-scale object-cover" alt="" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-fun-com-eu-3-pad-1.jpg.avif"></div> </div> <div class="pad:w-318rpx pad:py-8rpx"> <div class="item tracking-[0.5px]"> <div class="font-m font-38 font-24m"> <div class="t" small-28="" small-28-1="" zn-text="" textKey="function-m3-t"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode<sup>17</sup></p></div> <div class="d opacity-60" small-28="" small-28-1="" zn-text="" textKey="function-m3-d"><p class="zn-text-inner" zn-text-inner="">Turn It Up and Tune In</p></div> </div> <div class="c font-16 font-14m mt-164rpx" small-14="" zn-text="" textKey="function-m3-c"><p class="zn-text-inner" zn-text-inner="">Ultra-Volume Mode gives you up to 300% extra on your incoming ringtones so you don't miss calls, and brings the noise on music and video to amp up your enjoyment.</p></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-screen bg-[#fff] w-full" id="section-color"> <div class="text-wrapper w-full py-184rpx flex justify-center pad:py-80rpx mo:justify-start mo:py-96rpx" data-gtm-view=""> <div class="flex flex-col items-center mo:w-328rpx mo:items-start mx-auto"> <div class="title-mzl font-m font-40m text-black text-opacity-95 pc:text-68px pc:leading-[1.12]" small-48="">Stand Out in <br class="mo-only">ColorOS 14</div><a class="btn px-20rpx py-9rpx mt-24px bg-black rounded-36rpx cursor-pointer mo:mt-20rpx pad:mt-16rpx mot:px-18rpx mot:py-6rpx" href="https://www.oppo.com/au/smartphones/series-reno//" data-gtm-click="Flaunt the Effortless Experience" data-gtm-label="Learn more"> <p class="font-12m font-m text-white pc:text-14px pc:tracking-0.28px pc:leading-[22px]">Learn more</p></a> </div> </div> <div class="pc:pb-80px pb-64rpx w-1312rpx mo:w-328rpx pad:w-720rpx mx-auto"> <div class="flex justify-between mo:flex-col" data-gtm-view=""> <div class="pc:w-652rpx pad:w-356rpx mo:w-full relative rounded-8rpx overflow-hidden mo:mt-8rpx bg-[#F6F6F6]" ani-wheel-fade-in=""> <div class="text-wrapper pt-28rpx pc:flex pc:flex-col pc:justify-start pc:w-full pc:px-28rpx pc:items-stretch mo:px-16rpx mo:pt-24rpx pad:px-12rpx"> <div class="t font-24 font-m font-18m"> <div zn-text="" textKey="color-m-t1" class=""><p class="zn-text-inner" zn-text-inner="">Smart Image Matting<sup>18</sup></p></div> <div class="opacity-60" zn-text="" textKey="color-m-d1"><p class="zn-text-inner" zn-text-inner="">The Smartest Digital Scissors</p></div> </div> <div class="text-black text-opacity-95 mo:mt-10rpx mt-12px tracking-[0.5px] mot:text-12px mot:leading-[1.4] mot: pc:text-14px pc:leading-[1.3]" zn-text="" textKey="color-m-c1"><p class="zn-text-inner" zn-text-inner="">Lift your fave faces out from so-so backgrounds in a single click, quickly and accurately cutting out the subjects from any photo, then bringing them into other apps for editing, saving and sharing.</p></div> </div> <div class="w-full pc:mt-67rpx mo:bg-[#fff] mo:w-308rpx mo:mx-auto mo:pt-55rpx mo:pb-16rpx mo:mt-24rpx mo:mb-10rpx mo:rounded-4rpx pad:h-290rpx pad:relative pad:pt-55rpx" ani-clikPlay=""> <div class="overflow-hidden relative per-video-1 pc:w-516rpx pc:h-240rpx pc: pc:ml-75rpx mo:h-134rpx mo:w-285rpx mo:mx-auto pad:h-170rpx pad:w-365rpx pad:absolute pad:right-35rpx pad:top-55rpx"> <div class="video-wrapper screen-clip-video w-full h-full" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2.flv" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2.flv"> <video></video> <canvas></canvas><img data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2-1.jpg.avif" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2-1.jpg.avif" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-2-1.jpg.avif" class=""> </div><img class="w-full h-full absolute top-0 left-0 z-3" alt="Smart Image Matting" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-2-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-2-pad-1.png.avif"> </div> <div class="w-full flex justify-end pc:py-20rpx pc:pr-20rpx mo:mt-12rpx mo:pr-16rpx pad:absolute pad:bottom-16rpx pad:right-16rpx pad:w-32rpx pad:h-32rpx"><img class="replay-btn w-40rpx h-40rpx mo:w-28rpx mo:h-28rpx pad:w-full pad:h-full" data-gtm-click="Smart Image" data-gtm-label="Replay" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg"></div> </div> </div> <div class="pc:w-652rpx pad:w-356rpx mo:w-full relative rounded-8rpx overflow-hidden mo:mt-8rpx bg-[#F6F6F6] pc:ml-8px pad:ml-8rpx" ani-wheel-fade-in=""> <div class="text-wrapper pt-28rpx pc:flex pc:flex-col pc:justify-start pc:w-full pc:px-28rpx pc:items-stretch mo:px-16rpx mo:pt-24rpx pad:px-12rpx"> <div class="t font-24 font-m font-18m"> <div zn-text="" textKey="color-m-t2" class=""><p class="zn-text-inner" zn-text-inner="">File Dock<sup>19</sup></p></div> <div class="opacity-60" zn-text="" textKey="color-m-d2"><p class="zn-text-inner" zn-text-inner="">Simply Store and Share</p></div> </div> <div class="text-black text-opacity-95 mo:mt-10rpx mt-12px tracking-[0.5px] mot:text-12px mot:leading-[1.4] mot: pc:text-14px pc:leading-[1.3]" zn-text="" textKey="color-m-c2"><p class="zn-text-inner" zn-text-inner="">Simple gestures let you browse and collect images, text, and links, transferring them to different apps or to File Dock to access from different devices. It's like having magic in your hands!</p></div> </div> <div ani-clikPlay="" class="pc:w-full pc:bottom-0 pc:left-0 pc:absolute pc:h-366rpx mo:mx-auto mo:h-240rpx mo:w-308rpx mo:bg-[#fff] mo:rounded-4rpx mo:mb-10rpx mo:mt-24rpx mo:overflow-hidden pad:w-full pad:h-270rpx pad:absolute pad:bottom-0"> <div class="w-full h-full relative overflow-hidden"> <div class="absolute overflow-hidden per-video-2 pc:w-240rpx pc:h-526rpx pc:-bottom-160rpx pc:left-206rpx mo:top-24rpx mo:left-73rpx mo:w-162rpx mo:h-356rpx pad:w-170rpx pad:h-375rpx pad:top-0 pad:left-1/2 pad:transform pad:-translate-x-1/2"> <div class="video-wrapper screen-clip-video w-full h-full" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3.flv" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3.flv" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3.flv"> <video></video> <canvas></canvas><img data-src-pc="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3-1.jpg.avif" data-src-mo="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3-1.jpg.avif" data-src-pad="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/videos-color-3-1.jpg.avif" class=""> </div><img class="w-full h-full absolute top-0 left-0 z-3" alt="File Dock" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-3-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-3-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-3-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-3-pad-1.png.avif"> </div> <div class="absolute bottom-16rpx right-16rpx pc:w-40rpx pc:h-40rpx pc:bottom-20rpx pc:right-20rpx mo:w-28rpx mo:h-28rpx pad:w-32rpx pad:h-32rpx"><img class="replay-btn h-full w-full" data-gtm-click="File Dock" data-gtm-label="Replay" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-color-replay-1.svg"></div> </div> </div> </div> </div> <div class="w-full bg-[#F6F6F6] rounded-8rpx flex justify-between relative mt-8rpx mo:flex-col" ani-wheel-fade-in="" data-gtm-view=""> <div class="relative pc:ml-28rpx pad:ml-20rpx pc:w-548rpx pc:py-28rpx pc: mo:px-16rpx mo:pt-24rpx pad:w-286rpx pad:py-24rpx pad:max-w-286px"> <div class="t font-24 font-m font-18m"> <div zn-text="" textKey="color-m-t3" class=""><p class="zn-text-inner" zn-text-inner="">Microsoft Phonelink<sup>20</sup></p></div> <div class="opacity-60" zn-text="" textKey="color-m-d3"><p class="zn-text-inner" zn-text-inner="">Phone & PC Unite</p></div> </div> <div class="text-black text-opacity-95 pad:mt-51rpx tracking-[0.5px] mo:mt-10rpx mot:text-12px mot:leading-[1.4] mot: pc:text-14px pc:leading-[1.3] pc:mt-209rpx" zn-text="" textKey="color-m-c3"><p class="zn-text-inner" zn-text-inner="">Be a multitasking productivity ninja! Connect to Office products in a click without downloading the apps first, send and receive texts and calls on your PC, access apps and notifications from your phone on your PC, plus drag and drop files between your phone and PC.</p></div> </div> <div class="right-0 pc:pr-24rpx pad:pr-10rpx pc:w-644rpx pc:py-24rpx pc:absolute pc:top-0 pc:h-full mo:relative mo:w-full mo:px-10rpx mo:pb-10rpx mo:h-250rpx mo:mt-24rpx pad:w-366rpx pad:py-10rpx pad:absolute pad:top-0 pad:h-full"> <div class="w-full h-full bg-[#fff] overflow-hidden mo:rounded-4rpx rounded-8rpx relative"> <div class="transform top-[5%] absolute pc:w-240rpx pc:h-516rpx pc:left-198rpx mo:w-162rpx mo:h-348rpx mo:left-73rpx pad:top-[1%] pad:w-170rpx pad:h-366rpx pad:left-1/2 pad:transfrom pad:-translate-x-1/2" ani-img-trans="" data-set-start="0" data-set-end="24"><img class="tran-img w-full h-[100%] object-cover" alt="Microsoft Phonelink" data-src-1440="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-4-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-4-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-4-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/assets/images-mzl-color-eu-4-pad-1.png.avif"></div> </div> </div> </div> </div> </div> <div class="bg-[#F0F0F0]" id="section-remarks"> <div class="w-full h-full flex flex-col mx-auto text-black text-opacity-55 pc:w-1312rpx pc:pt-80rpx pc:pb-128rpx mo:pt-68rpx mo:pb-96rpx mo:w-328rpx pad:px-16rpx pad:pt-64rpx pad:pb-96rpx"> <p class="text-12px leading-20px tracking-0.5px">Remarks:<br> 1. 64MP Ultra-Clear Triple Camera, where 64MP specifically refers to the rear main camera lens only.<br> 2. Maximum output power will be 67W with 200-240V input; Maximum output power will be 55W with 100-130V input. Maximum output power may not be 67W based on different voltage inputs in some regions. The SUPERVOOC word mark and logos are trademarks owned by Guangdong OPPO Mobile Telecommunications Corp., Ltd.<br> 3. OPPO Reno11 F 5G supports IP65 waterproof and dustproof rating, which can prevent splashing, water, and dust in normal use. Under controlled laboratory conditions, it has been tested to meet the IP65 level according to GB/T 4208-2017 (China) / IEC 60529 (International) standards. The IP65 waterproof conditions are as follows: (1) Nozzle inner diameter 6.3mm, distance 2.5-3m, water flow rate 12.5L/min; (2) Test time not less than 3 minutes; (3) Water temperature should not differ from the product temperature by more than 5℃. The splash-proof, waterproof, and dustproof functions may decrease due to daily wear and tear. Please do not charge the phone in a damp state. Damage caused by immersion in liquids is not covered by the warranty.<br> 4. The thickness and the weight of OPPO Reno11 F 5G are based on data collected in OPPO labs. The actual size and weight may vary depending on the manufacturing process and measurement methods.<br> 5. The screen supports up to 120Hz refresh rate. The refresh rate may be different under different apps and scenarios. Please refer to the actual use.<br> 6. Screen size is measured diagonally. OPPO Reno11 F 5G's screen size is 6.7'' as a full rectangle, and its screen-to-body ratio is 93.4% (active area). The actual viewable area is less due to the rounded corners and camera hole. Please refer to the actual product.<br> 7. The equivalent battery capacity is 5000mAh (typical value). The image here is for reference only. Please refer to the actual product.<br> 8. Based on tests performed in OPPO labs. "100%" is defined as when the battery level displayed on the screen reaches 100%. The actual charging time may vary due to differences in environments or individual devices (such as temperature variations and battery age).<br> 9. The battery will have a battery capacity retention rate of more than 80% after 4 years of use according to OPPO lab simulation of the user's daily behaviour (full charging-discharging once a day). The data was obtained from OPPO Labs and will differ slightly due to the test software version and specific testing environment.<br> 10. 5G network connection depends on whether the SIM card supports 5G networks, and it also depends on the 5G frequency band and 5G network construction of the user's location. The image here is for reference only. Please refer to the actual product.<br> 11. RAM Expansion adds virtual RAM to the original physical RAM. The data was collected from the model used in the laboratory test; actual results may vary depending on the model.<br> 12. Storage can be expanded via a MicroSD card. The MicroSD card must be purchased separately.<br> 13. "48-Month Fluency Protection" means that through the optimization of software, hardware and other comprehensive technologies, OPPO Reno11 5G has passed the 48-month fluency testing in OPPO laboratory. "Fluency Protection" does not mean that there is absolutely no lag. Due to factors such as network environment and personal usage, the actual experience may be different. Please refer to the actual experience.<br> 14. By ROM Vitalization, it can save up to 23GB/11GB of available space based on a 256GB test model. Data is from OPPO Labs. This will differ for the various models due to factors such as differences in technical software and hardware optimization, network environment and personal habits, the actual experience may change dynamically according to different scenarios. This feature requires a system upgrade to obtain. Please refer to the actual experience.<br> 15. Data obtained from OPPO Labs. The actual experience may be different. Please refer to the actual experience.<br> 16. Data obtained from industry standard Microwave Anechoic Chamber using industry standard testing methods. The data is compared with competitors at this price range. The actual results may differ due to the usage methods and environment. Please refer to actual experience.<br> 17. The Ultra Volume Mode does not take effect on earphones, as the volume protection of earphones should comply with national standard requirements.<br> 18. Smart Image Matting supports up to 6 subjects to be extracted each time. The effect varies according to the photos, please refer to the actual experience.<br> 19. The maximum number of contents that can be dragged to the File Dock at one time is 99; The multi-terminal synergy function of the File Dock may vary in different regions, and some regions don't support this function yet.<br> 20. For PC, it requires Windows 11 or at least Windows 10 May 2019 Update. For ColorOS, it requires ColorOS 14 or higher versions.<br> 21. Product pictures and UI are for reference only. Please refer to the actual product. Certain product specifications and descriptions may change due to reasons such as changes in suppliers or manufacturers. The data on the page is provided by OPPO-designed technical parameters, and test data is collected from laboratories and suppliers. In actual circumstances, the data will differ slightly, depending on the test software version, specific testing environment, and specific version.</p> </div> </div> </div>  <script type="text/javascript" src="/content/dam/oppo/product-asset-library/reno/reno11-series/en/reno11-f-5g/eu/main-v1.js"></script>  </div> </div> </div> </div> </div> </div> </section> <span> <section class="dark-theme"> <footer id="footer"> <section class="main"> <nav class="nav ft-body-3-1 bottom-line"> <dl> <dt class="ft-body-2-1">Smartphones</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self">OPPO Find X8 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N3" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" target="_self">OPPO Find N3</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip" target="_self">OPPO Find N2 Flip</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self">OPPO Reno12 Pro 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" target="_self">OPPO Reno12 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno 11 F 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" target="_self">OPPO Reno 11 F 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self">OPPO A80 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A98 5G" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" target="_self">OPPO A98 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A79 5G" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" target="_self">OPPO A79 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self">OPPO A60 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self">OPPO A60</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A58" href="https://www.oppo.com/au/smartphones/series-a/a58/" target="_self">OPPO A58</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="See All Smartphones" href="https://www.oppo.com/au/smartphones/" target="_self">See All Smartphones</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Tablet</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad Neo" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self">OPPO Pad Neo</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad 2" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self">OPPO Pad 2</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">IoT Products</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Buds2 Pro" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self">OPPO Enco Buds2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2 Pro" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self">OPPO Enco Air2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self">OPPO Enco Air2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X2" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self">OPPO Enco X2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X" href="https://www.oppo.com/au/accessories/oppo-enco-x/" target="_self">OPPO Enco X</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Support</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Contact Us" href="https://www.oppo.com/au/contact/" target="_self">Contact Us</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Service Centres & Reservation" href="https://support.oppo.com/au/service-center/" target="_self">Service Centres & Reservation</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Repair Service" href="https://support.oppocare.com.au/" target="_self">Repair Service</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Software Update" href="https://support.oppo.com/au/software-update/" target="_self">Software Update</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Check" href="https://support.oppo.com/au/warranty-check/" target="_self">Warranty Check</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Clone Phone" href="https://support.oppo.com/au/answer/?aid=neu159" target="_self">Clone Phone</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="HeyTap" href="https://support.oppo.com/au/answer/?aid=neu7838" target="_self">HeyTap</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="FAQ" href="https://support.oppo.com/au/answer/" target="_self">FAQ</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Security Response Centre" href="https://security.oppo.com" target="_blank">Security Response Centre</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Policy" href="https://support.oppo.com/au/warranty-policy/" target="_blank">Warranty Policy</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Online Safety Act" href="https://www.oppo.com/au/onlinesafety/" target="_blank">Online Safety Act</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">About OPPO</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Our Story" href="https://www.oppo.com/au/about/" target="_self">Our Story</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Technology" href="https://www.oppo.com/au/discover/technology/" target="_self">Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Newsroom" href="https://www.oppo.com/au/newsroom/" target="_self">Newsroom</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Shop" href="https://www.oppostore.com.au/" target="_blank">Shop</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Imaging Technology" href="https://www.oppo.com/au/discover/technology/imaging/" target="_blank">Imaging Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO 5G" href="https://www.oppo.com/au/discover/technology/5g/" target="_blank">OPPO 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Campaign" href="https://www.oppo.com/au/events/" target="_blank">Campaign</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO Sustainability" href="https://www.oppo.com/au/oppo-sustainability/" target="_blank">OPPO Sustainability</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">OPPO Community</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="OPPO Community" tm-nav_name="OPPO Community" href="https://community.oppo.com/" target="_blank">OPPO Community</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> </nav> <section class="contact"> <div class="cp-footer-subscribe bottom-line" ref="footerSubscribe" data-emailtip="@gmail.com,@hotmail.com,@yahoo.com,@outlook.com"> <div class="subscribe__wraper"> <div class="subscribe__info"> <h3 class="subscribe__info_title ft-body-2-1 font-medium">Stay updated with OPPO</h3> <p class="subscribe__info_des ft-body-3-1">{{ subscribeSuccess? 'Thank you for your subscription. We will keep you updated with OPPO.':'Subscribe now to get updates on products and campaigns.' }}</p> </div> <div :class="['subscribe__handle', inpval.length>0 ? 'ready':'', subscribeSuccess ? 'success':'', filterInpVal?'filter-temp':'' ]"> <div class="subscribe__handle_input"> <input type="text" placeholder="Please enter email address" v-model="inpval" ref="subInpt" :class="['ft-body-3-1', inpval.length>0?'active':'']"/> <div class="subscribe__handle_submit_btn op-trk-event" @click="submitSubscribe" tm-event_name="subscribe" tm-module="Email Subscribe" tm-button_name="Bottom Function"> <svg class="op-icon"> <use xlink:href="#icon-subscribe-submit"></use> </svg> </div> <div class="subscribe__handle_slide" v-show="slideState" ref="touchEmail"> <ul class="subscribe__handle_slide_box"> <li class="subscribe__handle_slide_item font-body-2 font-medium" v-for="(item, index) in emailTips" :key="item.tip" v-if="item.show" :data-target="item.tip" @click="touchVal(item.new)"> {{item.new}} </li> </ul> </div> </div> <div class="subscribe__handle_error"> <div class="subscribe__handle_input_error" v-if="!startSubmit"> <p class="ft-body-3" v-show="emailCorrect && firstInp">Please enter correct email.</p> </div> <div class="subscribe__handle_http_error" v-else data-faild="This email address has been subscribed to OPPO newsletter." ref="httpErrTip"> <p class="ft-body-3">{{httpErrText}}</p> </div> </div> </div> </div> </div> <div class="contact-bar top-line"> <div class="contact-us-btn bottom-line op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="Get Support From OPPO" tm-button_name="Get Support From OPPO"> <div class="robot-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/statics/default/footer/robot.png" data-src-webp="false"/> </div> <span class="contact-text ft-body-2-1"> Get Support From OPPO <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </span> <div class="live-chat-pop"> <div class="live-chat-wrap"> <ul class="group-list"> <div class="service-pc-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> <div class="service-mobile-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> </ul> </div> </div> </div> <div class="contact-bottom"> <ul class="social-media"> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Facebook"> <a href="https://www.facebook.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-facebook-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Linkedin"> <a href="https://au.linkedin.com/company/oppo" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-linkedin-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Twitter"> <a href="https://twitter.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-twitter-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Instagram"> <a href="https://instagram.com/oppoaustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-instagram-circle"></use> </svg> </a> </li> <li class="op-trk-event circle-li" tm-event_name="follow_us"> <a href="https://www.tiktok.com/@oppoaustralia" target="_blank" class="media-link "> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us/TikTok-solid.svg"/> </a> </li> </ul> <ul class="copyright op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)"> <li> <a class="languages pc ft-body-3-1" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </li> </ul> <a class="languages mobile op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </div> </div> </section> </section> <section class="bottom"> <ul class="links ft-body-3"> <li> <a href="https://www.oppo.com/au/privacy/"> Privacy </a> </li> <li> <a href="https://www.oppo.com/au/terms/"> Terms of Use </a> </li> <li> <a href="https://www.oppo.com/au/cookies/"> Cookies </a> </li> <li> <a href="https://www.oppo.com/au/legal/"> Legal & Compliance </a> </li> <li class="rights"> Copyright © 2004-2024 OPPO. All rights reserved. </li> </ul> <a href="javascript:;" class="back-top-btn ft-body-3-1"> Back to Top <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </a> </section> </footer> </section> </span> <span> <div id="contact-pop"> <div class="contact-pop_icon op-trk-event" tm-event_name="function_entry" tm-module="suspension" tm-function_type="primary function" tm-button_name="live chat"> <div id="pop_icon"></div> </div> <div class="contact-pop_box contact-pop_bottom"> <div class="contact-pop_heightbox"></div> <div class="contact-pop_subbox"> <div class="pop-close_btn"> <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41ODUgMTYuMDAwMUw4LjY5MjUzIDIxLjg5MjVMMTAuMTA2NyAyMy4zMDY3TDE1Ljk5OTIgMTcuNDE0M0wyMS44OTE3IDIzLjMwNjhMMjMuMzA1OSAyMS44OTI1TDE3LjQxMzQgMTYuMDAwMUwyMy4zMDYxIDEwLjEwNzRMMjEuODkxOSA4LjY5MzE5TDE1Ljk5OTIgMTQuNTg1OEwxMC4xMDY2IDguNjkzMjJMOC42OTIzOCAxMC4xMDc0TDE0LjU4NSAxNi4wMDAxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==" alt=""/> </div> <div class="contact-pop_title"> <p></p> </div> <div class="contact-pop_wrap"> <div class="contact-pop_wrap_scroll"> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Hotline "> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> </div> <div class="item-des"> <p class="phone-title"> Hotline </p>  <div class="phone-list"> <p class="phone-number phone-color" data-herf="1800 956 776">1800 956 776</p> <p>9:00-18:00 Mon-Fri</p> <p>Including public holidays</p> </div> </div>  </div> </div> <a class="pop-item op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> </div> <p class="item-des"> <span>Service Centre</span> </p> <div class="item-status"> <i></i> </div> </div> </a> </div> </div> </div> <div class="contact-pop_heightbox"></div> </div> </div> </span>  <div class="cp-cookie-tip"> <span class="tip"> We use cookies and similar technologies to make this site work properly and to analyse traffic and optimise your browsing experience. By continuing to browse the site, you agree to the use of such cookies. <a href="https://www.oppo.com/au/privacy/" class="link">Privacy & Cookie Policy</a>. </span> <a href="javascript:;" class="close"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABSUlEQVRIS72WQWoDMQxF39BjJD1RNwkEUmgP0EVymmxygAQS0kU3PVHbY5QWwRg8RtLIzjBeztj/yfKXrY6ZRzczjxz4BBz7APbAx53BrIED8Ae8AZ+ilwO/gGUP+QVegUsj9Bk4AQ/9+m/gsQTKx0UGaIWWMJFUgZKCWxaVTKyFajDR2KQjKk2zBc6NUAv2AlxT5jSXWgu9Mw2vscoiLADUzB24tDRkRCgyZ6A7VvieoAjl1g+ZbAwoIhZU/qU6C8HKOvRqXIPm88PlE9lhEragYVjNDq3UhlPp1aGW2llTOqtpWspicJWV6fJME7lXQ/dnDrWAEZjnXnGuulMNWAOrhkafJ/dceqoVqPk8rYB35bqKwNJOLaj6AOc9TSroGpgH/Un9ktdEtcAsqNrTpDZRgthN0CbKEUmbKENtE73XYrJ/Na/FJNB/IKt3HTaQn2EAAAAASUVORK5CYII=" alt="close"> </a> </div>  <script> window.commAccount = { environment: 'prod', bizAppKey: '4BeqBphh1hpchQGZ15y3mJ', storeBizAppKey: 'L2UZzEh8P43RhBXjcJjLcF', ROUTER_HOST: document.getElementById('sow_domain_host') ? document.getElementById('sow_domain_host').value : 'https://sgp-sow-cms.oppo.com', storeROUTER_HOST: 'https://opsg-preapi-in.oppo.com', storeCallback: 'https://www.oppo.com/in/store/account/login', storeDomin: 'www.oppo.com', language: 'en-US' } </script> <div id="compareLink" data-compare-link="https://www.oppo.com/au/compare/#productName1=au_series-find-n_find-n3&productName2=au_series-reno_reno4-5g&productName3=au_series-a_a16s"></div> <script src="https://id.heytap.com/packages/account_web_sdk/index.umd.js"></script> <script src="https://www.oppo.com/content/dam/statics/js/TweenMax_TimelineMax.min.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-dependencies.min.b54c5acea5b98a3e10ccb9fe811db296.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.91b548d3d9381569f4ea0e0924abe6f5.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.285aeb5b5e4acee3ce33f0b22f3e7c61.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.8951b43cbf316f4ae2116dbc021706dd.js"></script> </div> </body> </html>

CINXE.COM

OPPO Reno11 F 5G - The Portrait Expert Smartphone | OPPO Australia